/* fixes and errors */
* { padding: 0; margin: 0; }

/*Cufon style config*/
.cufon-loading h1, .cufon-loading h2, .cufon-loading #nav li a, .cufon-loading #sidebarbox a { visibility: hidden; }
.cufon-active #nav li a { font-size: 16px; }
.cufon-active #nav li ul li a {font-size:.85em;}

#special {overflow:hidden; width:260px; margin: 0 auto; padding-top:15px;}
#special span, #news-cont span {clear:both;width:260px; float:left; font-size:.922em;}
#special span.special-heading, #news-cont span.special-heading {color:#99CC33; font-size:16px; margin-bottom:5px;}
#special span.special-sum p {margin:0;padding:0; color:#fff;}
#special span.special-sum p a, #special span.special-sum a {color:#99CC33;font-weight:bold; font-style: italic;}

#news-cont {width:260px; margin:20px auto 0 auto; padding:10px; background:#fff; overflow:hidden;}
#news-cont span.special-sum p {margin:0;padding:0;}
#news-cont span.special-sum p a, #news-cont span.special-sum a {color:#000;font-weight:bold; font-style: italic;}

/* default tags */
body { background: #FFFFFF url(/images/site/bg-body.png) repeat-x; font-family: sans-serif; font-size: 0.9em; color: #333333; }
h1,h2,h3 { font-weight: normal; line-height: 1; }
h1 { font-size: 3.0em; margin: 0 0 25px 0; text-transform: uppercase; }
.home h1 {font-size:1.9em; margin:5px 0 10px 0;}
h2 { font-size: 1.9em; margin: 0 0 20px 0; }
.home h2 {font-size: 1.6em;}
h3 { font-size: 1.2em; margin: 0 0 15px 0; }
blockquote {font-style: italic;  }
p { line-height: 1.5em; margin: 0 0 25px 0; }
ul { line-height: 1.5em; margin: 0 0 25px 25px; }
dl { line-height: 1.5em; margin: 0 0 25px 0; }
a { text-decoration: none; }
a:link { color: #333333; }
a:visited { color: #333333; }
a:hover { color: #666666; text-decoration: underline; }
a:active { color: #333333; outline: 1px dotted #333333; }
a:focus { color: #666666; }
a img { border: 0; }
label { display: block; font-weight: normal; color: #99CC33; padding: 5px 0; }
input[type="text"] { width: 95%; padding: 3px; }
input[type="image"] { float: right; padding: 10px 0; }
textarea { width: 95%; padding: 3px; }

/* header and logo */
#header { float: left; width: 100%; height: 129px; }
#headerinner { float: left; width: 100%; height: 129px; margin: 0 auto; background: transparent url(/images/site/bg-header-shadow.png) no-repeat bottom center; }
#branding { width: 920px; padding: 20px 0 0 0; margin: 0 auto; }
#logo { float: left; }
#getintouch { float: right; width: 223px; height: 96px; background: url(/images/site/getintouch-off.png); }
#getintouch a { display: block; width: 223px; height: 96px; }
#getintouch a:hover { background: url(/images/site/getintouch-on.png); }

#getintouch-cn { float: right; width: 223px; height: 96px; background: url(/images/site/getintouch-cn-off.png); }
#getintouch-cn a { display: block; width: 223px; height: 96px; }
#getintouch-cn a:hover { background: url(/images/site/getintouch-cn-on.png); }

/* main navigation */
#nav { float: left; width: 100%; height: 45px; border-top: 3px solid #000000; }
#navbar { width: 960px; list-style: none; margin: 0 auto; clear: both; }
#nav, #nav ul { display: block; padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav li { display: block; float: left; background: transparent url(/images/site/bg-nav-divider.png) no-repeat left; }
#nav li.home { width: 55px; }
#nav li.about { width: 65px; }
#nav li.services { width: 75px; }
#nav li.technical { width: 195px; }
#nav li.customer { width: 195px; }
#nav li.news { width: 105px; }
#nav li a { display: block; float: none; font-size:15px; height: 45px; line-height: 45px; color: #000; text-transform: uppercase; padding: 0 14px; text-decoration: none; }
#nav li a:hover { color: #99CC33; }
#nav li a.current { font-weight: bold; background: transparent url(/images/site/bg-nav-marker.png) no-repeat center top; }
#nav li.lang { float: right; width: auto; background: none; }
#nav li ul { clear: both; position: absolute; background: black url(/images/site/bg-nav-subnav.gif) repeat-x; padding: 5px 5px 10px 5px; width: 170px; margin-top: 0px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; z-index: 999; }
#nav li ul li { display: block; width: 170px; padding: 5px 0 0 0; background: none; }
#nav li ul li a { display: block; width: 150px; font-size: 0.85em; height: auto; line-height: 22px; padding: 0 10px; color: #FFFFFF; text-transform: none; }

/* the slideshow */
#slideshow { width: 986px; height: 292px; margin: 0 auto 0 auto; clear: both; overflow: hidden;  }
#slide-top { width: 986px; height: 10px; background: transparent url(/images/site/bg-pagehead-top.png); }
#slide-middle { width: 966px; height: 272px; padding: 0 10px; background: transparent url(/images/site/bg-pagehead-middle.png); overflow: hidden; }
#slide-bottom { width: 986px; height: 10px; background: transparent url(/images/site/bg-pagehead-bottom.png) bottom; }
#slideshow img { display: block; }
.panes {background:#000; position: relative; width: 966px; height: 272px;}
.panes div { width: 966px; height: 272px; position: absolute;}
ul.tabs { float: left; width: 100%; height: 40px; position: relative; top: -40px; list-style: none; background: transparent url(/images/site/bg-tabs.png); margin: 0; z-index: 999; }
ul.tabs li { float: left; width: auto; padding: 0 0 0 20px; height: 40px; line-height: 40px; }
ul.tabs a { color: #FFFFFF; }
ul.tabs a:hover { color: #99CC33; text-decoration: none; }

/* main content wrapper */

#content { width: 986px; padding: 0 0 20px 0; margin: 0 auto; clear: both; }

/* Main content area */
#article { float: left; width: 600px; padding: 40px 20px; margin: 0 0 20px 0; }
#article.home {width: 300px;}

/* sidebar and sidebar boxes */
#sidebar { float: right; width: 319px; padding: 40px 0 0 0; margin: 0 0 20px 0; }
#sidebar.home {width: 640px; background red;}
#sidebarbox { width: 319px; margin: 0 0 20px 0; float:left; }
.sblinks { height: 358px; background: transparent url(/images/site/bg-sidebar.png); }
.sbcontact { height: 600px; background: transparent url(/images/site/bg-sidebar-contact.png); }
#sidebarbox h2 { color: #FFFFFF; padding: 25px 0; margin: 0 25px; 
-moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000; }
#sidebarbox h2.arrow { background: url(/images/site/bg-sidebar-heading-arrow.png) no-repeat right; }
#sidebarbox h2.casestudies { background: url(/images/site/bg-sidebar-heading-casestudies.png) no-repeat right; }
#sidebarbox ul { list-style: none; padding: 0 25px; margin: 0; }
#sidebarbox ul li { padding: 9px 0; border-top: 1px solid #666666; border-bottom: 1px solid #000000; font-size: 1.25em; }
#sidebarbox ul li:first-child { border-top: 0; }
#sidebarbox a.techlink { display: block; width: 100%; }
#sidebarbox a:link { color: #FFFFFF; text-decoration: none; }
#sidebarbox a:visited { color: #FFFFFF; text-decoration: none; }
#sidebarbox a:hover { color: #99CC33; text-decoration: none; }
#sidebarbox a:active { color: #FFFFFF; text-decoration: none; }
#sidebarbox a:focus { color: #FFFFFF; text-decoration: none; }
#sidebarbox form { padding: 0 25px; }
#sidebarbox form p { color: #FFFFFF; margin: 7px 0 0 0; }
.techtip {
display:none;
background: url(/images/site/bg-tooltip-left.png);
font-size:12px;
width:244px;
padding: 10px 20px 10px 10px;
color:#000;
z-index: 999;
}

.gmnoprint {font-size: 12px;}

/* Single news item row */
ul#latestnews { float: left; width: 774px; height: 73px; list-style: none; padding: 6px 6px 0 206px; background: #FFFFFF url(/images/site/bg-latestnews.png); margin: 0 0 25px 0; overflow: hidden; }
ul#latestnews li { width: 774px; height: 73px; }
.latestnews-date { float: left; width: 140px; color: #99CC33; height: 73px; line-height: 56px; }
.latestnews-headline { float: left; width: 460px; height: 73px; line-height: 56px; }
.latestnews-readmore { float: left; width: 150px; text-align: center; padding: 0 0 0 20px; height: 73px; line-height: 56px; }
.latestnews-readmore a { color: #FFFFFF; }
.latestnews-readmore a:hover { color: #99CC33; }

/* News simple list for news archives */
ul.newslist { list-style: none; margin: 0 0 25px 0; }
ul.newslist li { padding: 0 0 10px 0; }
ul.newslist li a { font-weight: bold; }
.news-date { color: #99CC33; }

/* Partner logos block */
#partnerswrap { float: left; width: 570px; height: 144px; padding: 15px 0px; background: url(/images/site/bg-partners-slider.png); margin: 0 0 20px 0; clear: both; }
.partnersprev { float: left; width: 35px; height: 88px; padding: 56px 0 0 15px; }
.partnersnext { float: right; width: 35px; height: 88px; padding: 56px 15px 0 0; }
#partnerswrap ul { float: left; width: 465px; list-style: none; margin: 0; }
#partnerswrap ul li { float: left; width: auto; padding: 20px 10px; text-align: center; }
.pprev { float: left; }
.pnext { float: right; }


/* Global pagination */
.pagination {}
.pagination span { float: left; width: auto; padding: 0 5px; margin: 0 5px 0 0; }
.pagination a { float: left; width: auto; padding: 0 7px; border: 1px solid #999999; margin: 0 5px 0 0; }
.pagination a:hover { color: #99CC33; text-decoration: none; background: #000000; }
.pagination strong { float: left; width: auto; padding: 0 7px; border: 1px solid #999999; margin: 0 5px 0 0; }

/* Testimonials */
blockquote p {margin-bottom:10px;}

/* Contact bits */
#map {float:left;height:300px;width:580px;padding:10px;margin-bottom:25px;background:url(/images/site/bg-map.png);}
ul.offices { list-style: none; margin: 0 0 25px 0; }
ul.offices li { float: left; width: 300px; margin: 0 0 25px 0; }
ul.offices li.a { clear: left; }
ul.offices img { float: left; width: 37px; margin: 5px 0 0 0; }
ul.offices span { float: right; width: 250px; }

/* Download form */
form.downloads label { display: block; color: #333333; }
form.downloads p { margin: 0 0 5px 0; }

/* Footer bits */
#footer { float: left; width: 100%; padding: 25px 0; clear: both; background: #000000 url(/images/site/bg-footer.png); }
#footerinner { width: 986px; margin: 0 auto; }
#sitemap { float: left; width: 630px; padding: 0 0 0 25px; }
dl.sitemap { float: left; width: 145px; font-size: 0.9em; border-right: 1px solid #D9D9D9; margin-right: 10px; }
dl.sitemap dt { text-transform: uppercase; margin: 0 0 10px 0; }
#accreditaions { float: right; width: 269px; padding: 25px; height: 133px; color: #FFFFFF; background: transparent url(/images/site/bg-accreditations.png); }
#accreditaions h2 { color: #FFFFFF; }
#accreditaions a { color: #99CC33; }

#bottom { float: left; width: 100%; height: 40px; padding: 10px 0; font-size: 0.8em; color: #FFFFFF; clear: both; background: #000000 url(/images/site/bg-footerbottom.png); margin: 0 0 25px 0; }
#bottominner { width: 920px; line-height: 40px; margin: 0 auto; }
.bottomlogo { float: left; }

/*Chief Signoff*/
.chief { float: right; margin: 10px; display: none; } /* Old Icon */
.button_wrap {position: relative; width: 200px; height: 15px; overflow: hidden; float: right; margin: 10px; line-height: 0; }
.button_aLeft {height: 15px; top: 0px; right: 0px; position: absolute; background: url(/images/site/chief-slide.png) no-repeat 0 0; }
.button_aLeft span { display: none;}
.button_bLeft { width: 15px; height: 15px; position: absolute; top: 0px; right: 0px; cursor: pointer; }