/* CSS layout */
body
{
    font-family: Arial,Helvetica,sans-serif;
    background-color: #f2f2f2;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

html
{
    background-color: #EEEEEE;
}

ul
{
    padding-bottom: 10px;
}

.banner
{
    padding: 0px;
    height: 92px;
    position: relative;
    background-image: url(top_nav.jpg);
    background-repeat: no-repeat;
}

#logo
{
    height: 96px;
    width: 202px;
    z-index: 999;
    position: absolute;
}

#logo a
{
    position: absolute;
    top: 0;
    left: 0;
    height: 96px;
    width: 202px;
}

#logo a h1
{
    display: none;
}

#logo img
{
    padding-top: 2px;
}

#doc
{
    background-color: #f2f2f2;
}

.topnav
{
    position: absolute;
    width: 475px;
    height: 96px;
    right: 0;
}


#tagline
{
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
}

.scrollViewPanel
{
    text-align: justify;
    height: 260px;
    position: relative;
}

.homePageContentSectionHeading h2
{
    padding: 5px;
    font-size: 1.2em;
    font-weight: bold;
    height: 32px;
    padding-top: 5px;
    padding-left: 56px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
}

.homePageContentSectionHeading h3
{
    font-size: 0.95em;
    font-weight: bold;
}

.scrollViewPanel h2
{
    font-size: 1.6em;
    margin-bottom: 10px;
}

.scrollViewPanel p
{
    margin-bottom: 10px;
    line-height: 1.4em;
}

.scrollViewPanel ul
{
    margin-bottom: 10px;
}

.scrollViewPanel li
{
    text-align: left;
    list-style-position: inside;
    list-style-type: circle;
}

.scrollViewInnerPanel
{
    position: absolute;
    top: 5;
    display: none;
}

.scrollViewInnerPanel_Left
{
    float: left;
    width: 255px;
}

.scrollViewInnerPanel_Full
{
    float: left;
    width: 515px;
}

.scrollViewInnerPanel_Middle
{
    float: left;
    width: 230px;
    padding-left: 30px;
}

.scrollViewImagePanel
{
    float: left;
    padding-left: 10px;
}

#scrollViewControls
{
    text-align: left;
    clear: both;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 1px #CCCCCC;
}

#scrollViewControls a
{
}

#blogs
{
    background-image: url(icons/32/rss.png);
}

#tweets
{
    background-image: url(icons/32/cloud_comment.png);
    background-position: 2px 5px;
}

#events
{
    background-image: url(icons/32/calendar.png);
}

#customers
{
    clear: both;
    text-align: right;
    padding-top: 4px;
    padding-right: 10px;
    font-size: 0.8em;
    margin-left: 48px;
}


#subTopnavLinks
{
    clear: both;
    float: right;
    font-size: 0.8em;
    padding-top: 5px;
}

.footerSection
{
    margin-top: 10px;
    font-size: 0.8em;
}

#questions
{
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 10px;
    padding-bottom: 10px;
}

a
{
    color: #0077DD;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a:visited
{
    color: #0077DD;
}

.firstQuestion, .question, #questions a:visited
{
    color: #FFFFFF;
}

#customers a
{
    color: #CCCCCC;
}

.question
{
    padding-left: 25px;
}

.juitterAvatar
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #FFFFFF none repeat scroll 0 0;
    float: left;
    height: 48px;
    margin-right: 5px;
    padding: 2px;
    width: 48px;
}

.eventLogo
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #FFFFFF none repeat scroll 0 0;
    float: left;
    margin-right: 15px;
    margin-bottom: 7px;
    margin-top: 7px;
    padding: 2px;
}

.eventDetailLogo
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF none repeat scroll 0 0;
	float: left;
	margin-right: 15px;
	margin-bottom: 7px;
	margin-top: 7px;
	padding: 2px;
}

.customerLogo
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #FFFFFF none repeat scroll 0 0;
    float: left;
    margin-right: 15px;
    margin-bottom: 7px;
    margin-top: 7px;
    padding: 2px;
}

.twittLI
{
    background-position: 0 0;
    font-size: 0.85em;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    border-bottom: 1px solid #B3D6FC;
    clear: both;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
}


.twittLI h2
{ 
	padding-left: 3px;
	height: auto;
}

.twittLI h3
{ 
	padding-bottom: 5px;
}

.trailLinkSeperator
{
    margin-left: 5px;
    margin-right: 5px;
}

#pageTitle
{
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}

#pageTitle h1
{
	font-size: 1.6em;
	color: #B3D6FC;
}

#introductionText p
{
    line-height: 1.4em;
    padding-bottom: 5px;
}

#introductionText ul
{
    margin-top: 7px;
}

#introductionText li
{
    text-align: left;
    list-style-position: inside;
    list-style-type: circle;
    margin-bottom: 10px;
}

.subsection
{
    padding: 7px;
}

.subsection h2
{
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 10px;
}

.subsection p
{
}

.subsection h2 a
{
    color: #061E63;
}

.subsection h2 a:visited
{
    color: #061E63;
}

.footer
{
    position: absolute;
    bottom: 5px;
    padding: 0px;
}

.footer .mainImage
{
    margin: 4px;
    border: solid 0px #BBBBBB;
    display: block;
}

.nextText
{
    text-align: right;
    margin-right: 3px;
    background-image: url(icons/more_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}

#inThisSection
{
    border-bottom: solid 1px #B3D6FC;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

#inThisSection h3
{
    padding-bottom: 5px;
    font-size: 1.1em;
    font-weight: bold;
}

#inThisSection li
{
    font-size: 0.8em;
    list-style: disc;
    margin-left: 15px;
    padding-bottom: 1px;
}

#contactUs
{
    font-size: 0.8em;
    border-bottom: solid 1px #B3D6FC;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

#contactUs img
{
    padding-left: 5px;
}

.contactUsSection
{
    margin-top: 20px;
    margin-left: 10px;
}

#socialMedia
{
    height: 34px;
    border-bottom: solid 1px #B3D6FC;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

#socialMedia img
{
    padding-left: 2px;
    padding-right: 2px;
}

.BooksContent
{
    border-bottom: solid 1px #B3D6FC;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.BooksContent .relatedLink
{
    padding-left: 5px;
    font-size: 0.8em;
}

.BooksContent h3
{
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 6px;
}


.content
{
}

.content p
{
    padding-bottom: 10px;
    text-align: justify;
    line-height: 1.5em;
}

.content h2, h3, h4, h5
{
    padding-bottom: 10px;
}

.content h2
{
    font-size: 1.4em;
    font-weight: bold;
}

.content h3
{
    font-size: 1.2em;
    font-weight: bold;
}

.content h4
{
    font-size: 1.0em;
    font-weight: bold;
}

.content li
{
    list-style-type: disc;
    margin-bottom: 4px;
    margin-left: 35px;
}

.content img
{
    margin-top: 5px;
    margin-bottom: 5px;
    border: solid 1px #BBBBBB;
}

.content .right
{
    float: right;
    margin-left: 15px;
}

.content .left
{
    float: left;
    margin-right: 15px;
}

.content .caption p
{
    font-size: 0.8em;
    padding-top: 3px;
    padding-bottom: 15px;
    text-align: center;
}

#sideBlogs
{
    border-bottom: solid 1px #B3D6FC;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

#sideBlogs .blogLink
{
    font-size: 0.8em;
}

#sideBlogs h2
{
    padding-top: 6px;
    padding-left: 34px;
    height: 36px;
    background-image: url(icons/32/rss.png);
    background-repeat: no-repeat;
    font-size: 1.1em;
    font-weight: bold;
}


.sitemap li
{
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 35px;
}

#imetaMap
{
    overflow: hidden;
}

#reasons li
{
    background-repeat: no-repeat;
    padding-left: 110px;
    margin-bottom: 10px;
    margin-left: 0px;
    height: 97px;
    list-style: none;
}

#reasons p
{
    padding-top: 0;
}

#reasons h3
{
    padding-top: 0;
    padding-bottom: 0px;
}

#reasons #reason1
{
    background-image: url(reason_1.jpg);
}

#reasons #reason2
{
    background-image: url(reason_2.jpg);
}

#reasons #reason3
{
    background-image: url(reason_3.jpg);
}

#reasons #reason4
{
    background-image: url(reason_4.jpg);
}

#reasons #reason5
{
    background-image: url(reason_5.jpg);
}

#reasons #reason6
{
    background-image: url(reason_6.jpg);
}


.teamMember
{
    position: relative;
    float: left;
    margin: 5px;
}

.teamMember img
{
    margin: 0;
}

.teamCaption
{
    position: absolute;
    bottom: 0;
    background-color: #000;
    color: #ffffff;
    opacity: 0.7;
    width: 114px;
}

.teamBio
{
    background-color: #000;
    color: #ffffff;
    opacity: 0.7;
    width: 100%;
}

.bio
{
    position: absolute;
    z-index: 999;
}

.bioInner
{
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
    background: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: Black;
}

.bioInnerRight
{
    left: -213px;
}

.bioInner p
{
    padding: 10px 10px 10px 10px;
    text-align: left;
}

.overview
{
    width: 114px;
    border-style: solid;
    border-width: 1px;
    border-color: Black;
}

.overview p
{
    font-size: smaller;
    padding: 0;
    text-align: center;
}

.magnify
{
    position: absolute;
    top: 3px;
    left: 3px;
    margin: 0;
}

.magnifyRight
{
    left: 98px;
}

.magnify img
{
}

.shrink
{
    position: absolute;
    top: 2px;
    left: 2px;
    margin: 0;
    border: none;
}

.shrinkRight
{
    left: 310px;
}

.hubRow
{
    position: relative;
    border-top: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-left: solid 1px #AAAAAA;
    border-bottom: solid 1px #AAAAAA;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 10px;
    padding: 3px;
    background: #FFFFFF;
}

.hubItemLeft
{
    padding-left: 0%;
    padding-right: 0.9%;
    background-color: #FFFFFF;
    height: 300px;
}

.hubItemMiddle
{
    padding-left: 0.9%;
    padding-right: 0.9%;
    border-left: solid 1px #CCCCCC;
    background-color: #FFFFFF;
    height: 300px;
}

.hubItemRight
{
    padding-left: 0.9%;
    padding-right: 0%;
    border-left: solid 1px #CCCCCC;
    background-color: #FFFFFF;
    height: 300px;
}

/* Full panel */
.fullPanel
{
    border-top: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-left: solid 1px #999999;
    border-bottom: solid 1px #999999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
}

/* "Top half" panel */
.topPanel
{
    border-top: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-left: solid 1px #999999;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 10px;
}

/* "Bottom half" panel */
.bottomPanel
{
    border-right: solid 1px #CCCCCC;
    border-left: solid 1px #999999;
    border-bottom: solid 1px #999999;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.middlePanel
{
    border-right: solid 1px #CCCCCC;
    border-left: solid 1px #999999;
}

/* Common to all panels */
.topPanel, .middlePanel, .bottomPanel, .fullPanel
{
    background: #FFFFFF;
    padding: 10px;
}

#hd
{
    background-color: #062C75;
    color: #105499;
    padding: 0px;
    margin-bottom: 0px;
}

.caseStudyDownload
{
    width: 124px;
    border: solid 1px #BBBBBB;
    padding: 5px;
}

div.royimage img
{
    margin-bottom: 10px;
}

div.roytext h4
{
    font-weight: bold;
    margin-top: 10px;
}

div.roytext span.fullprice
{
    text-decoration: line-through;
}

.caseStudyDownload img
{
    border: none;
    display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
}

a.download
{
    background-image: url(icons/download.jpg);
    padding-left: 17px;
    margin: 0 10px 0 0;
    padding: 4px 0 10px 23px;
    background-repeat: no-repeat;
    background-position: top-left;
}

#gallery ul
{
    list-style: none;
}
#gallery ul li
{
    display: inline;
    margin: 0;
}
#gallery ul img
{
    border: 2px solid #D4D4D4;
    border-width: 2px 2px 2px;
    margin: 2px 2px 0px 0px;
}
#gallery ul a:hover img
{
    border: 2px solid #004489;
    border-width: 2px 2px 2px;
    color: #fff;
}
#gallery ul a:hover
{
    color: #fff;
}

#silverlightControlHost
{
    height: 320px;
}