@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #edf5e7 url(../images/body_bg.jpg) 0 0 repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
h1{margin-top:0;}
p{margin-bottom:0;}
blockquote{font-size:smaller;}

dl.clients{padding:0 0 0 52px; margin:0;}
dl.clients2{padding:0; margin:0;}
dl.clients dt{}
dl.clients dd{padding:0 0 0 10px;margin:0 0 2px 0;}
dl.clients dd.last{padding:0 0 5px 10px;margin:0;}
p.headline{padding-bottom:10px;}
#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	background: #DDDDDD url(../images/headings/header_lps.jpg) 0 0 no-repeat; 
	padding:0 30px 0 30px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it.*/
	height:175px;
	position:relative;
}

/*navigation*/
#topnavlinks ul, #navlinks ul, #subnavlinks ul, #servicelinks ul, #footerlinks ul{margin:0; padding:0;}
#topnavlinks ul li, #navlinks ul li, #subnavlinks ul li, #servicelinks ul li, #footerlinks ul li{list-style:none; float:left;}
#topnavlinks ul li a, #navlinks ul li a, #subnavlinks ul li a, #servicelinks ul li a, #footerlinks ul li a{text-indent:-1000px; overflow:hidden; outline:none;}

#topnav{
	width:119px;
	height:30px;
	position:absolute;
	top:0;
	right:30px;
}
#topnavlinks .home a {
	width:50px;
	height:30px;
	display:block;
	background: url(../images/topnav_sprite.jpg) 0 0 no-repeat;
	cursor:pointer;
}
#topnavlinks .home a:hover {
	background: url(../images/topnav_sprite.jpg) 0 -30px no-repeat;
}
#topnavlinks .contact a {
	width:69px;
	height:30px;
	display:block;
	background: url(../images/topnav_sprite.jpg) -50px 0 no-repeat;
	cursor:pointer;
}
#topnavlinks .contact a:hover {
	background: url(../images/topnav_sprite.jpg) -50px -30px no-repeat;
}
#nav{
	width:280px;
	height:35px;
	position:absolute;
	top:140px;
	right:30px;
}
#navlinks .whatwedo a{
	width:90px;
	height:35px;
	display:block;
	background:url(../images/nav_sprite.jpg) 0 0 no-repeat;
	cursor:pointer;
}
#navlinks .whatwedo a:hover{
	background:url(../images/nav_sprite.jpg) 0 -40px no-repeat;
}
#navlinks .whatwedo a:active, #navlinks .whatwedo a:focus, #navlinks .whatwedo a.active{
	background:url(../images/nav_sprite.jpg) 0 -80px no-repeat;
}
#navlinks .about a{
	width:90px;
	height:35px;
	display:block;
	background:url(../images/nav_sprite.jpg) -90px 0 no-repeat;
	cursor:pointer;
}
#navlinks .about a:hover{
	background:url(../images/nav_sprite.jpg) -90px -40px no-repeat;
}
#navlinks .about a:active, #navlinks .about a:focus, #navlinks .about a.active{
	background:url(../images/nav_sprite.jpg) -90px -80px no-repeat;
}
#navlinks .casestudy a{
	width:100px;
	height:35px;
	display:block;
	background:url(../images/nav_sprite.jpg) -180px 0 no-repeat;
	cursor:pointer;
}
#navlinks .casestudy a:hover{
	background:url(../images/nav_sprite.jpg) -180px -40px no-repeat;
}
#navlinks .casestudy a:active, #navlinks .casestudy a:focus, #navlinks .casestudy a.active{
	background:url(../images/nav_sprite.jpg) -180px -80px no-repeat;
}
#subnav{
	height:40px;
	background: url(../images/subnav_bg.jpg) 0 0 no-repeat;
}
#subnavlinks{float:right;}
/********************************************************************************************/
#subnavlinks .services a{
	width:70px;
	height:40px;
	display:block;
	background:url(../images/subnav_whatwedo_sprite.png) -710px 0 no-repeat;
	cursor:pointer;
}
#subnavlinks .services a:hover{
	background:url(../images/subnav_whatwedo_sprite.png) -710px -40px no-repeat;
}
#subnavlinks .services a:active, #subnavlinks .services a:focus, #subnavlinks .services a.active{
	background:url(../images/subnav_whatwedo_sprite.png) -710px -80px no-repeat;
}
#subnavlinks .skills a{
	width:80px;
	height:40px;
	display:block;
	background:url(../images/subnav_whatwedo_sprite.png) -780px 0 no-repeat;
	cursor:pointer;
}
#subnavlinks .skills a:hover{
	background:url(../images/subnav_whatwedo_sprite.png) -780px -40px no-repeat;
}
#subnavlinks .skills a:active, #subnavlinks .skills a:focus, #subnavlinks .skills a.active{
	background:url(../images/subnav_whatwedo_sprite.png) -780px -80px no-repeat;
}
#subnavlinks .products a{
	width:100px;
	height:40px;
	display:block;
	background:url(../images/subnav_whatwedo_sprite.png) -860px 0 no-repeat;
	cursor:pointer;
}
#subnavlinks .products a:hover{
	background:url(../images/subnav_whatwedo_sprite.png) -860px -40px no-repeat;
}
#subnavlinks .products a:active, #subnavlinks .products a:focus, #subnavlinks .products a.active{
	background:url(../images/subnav_whatwedo_sprite.png) -860px -80px no-repeat;
}
/********************************************************************************************/
#subnavlinks .leadership a{
	width:90px;
	height:40px;
	display:block;
	background:url(../images/subnav_about_sprite.png) -630px 0 no-repeat;
	cursor:pointer;
}
#subnavlinks .leadership a:hover{
	background:url(../images/subnav_about_sprite.png) -630px -40px no-repeat;
}
#subnavlinks .leadership a:active, #subnavlinks .leadership a:focus, #subnavlinks .leadership a.active{
	background:url(../images/subnav_about_sprite.png) -630px -80px no-repeat;
}

#subnavlinks .clients a{
	width:80px;
	height:40px;
	display:block;
	background:url(../images/subnav_about_sprite.png) -720px 0 no-repeat;
	cursor:pointer;
}
#subnavlinks .clients a:hover{
	background:url(../images/subnav_about_sprite.png) -720px -40px no-repeat;
}
#subnavlinks .clients a:active, #subnavlinks .clients a:focus, #subnavlinks .clients a.active{
	background:url(../images/subnav_about_sprite.png) -720px -80px no-repeat;
}

#subnavlinks .news a{
	width:70px;
	height:40px;
	display:block;
	background:url(../images/subnav_about_sprite.png) -800px 0 no-repeat;
	cursor:pointer;
}
#subnavlinks .news a:hover{
	background:url(../images/subnav_about_sprite.png) -800px -40px no-repeat;
}
#subnavlinks .news a:active, #subnavlinks .news a:focus, #subnavlinks .news a.active{
	background:url(../images/subnav_about_sprite.png) -800px -80px no-repeat;
}

#subnavlinks .blogs a{
	width:90px;
	height:40px;
	display:block;
	background:url(../images/subnav_about_sprite.png) -870px 0 no-repeat;
	cursor:pointer;
}
#subnavlinks .blogs a:hover{
	background:url(../images/subnav_about_sprite.png) -870px -40px no-repeat;
}
#subnavlinks .blogs a:active, #subnavlinks .blogs a:focus, #subnavlinks .blogs a.active{
	background:url(../images/subnav_about_sprite.png) -870px -80px no-repeat;
}
/********************************************************************************************/
#subnavlinks .government a{
	width:150px;
	height:40px;
	display:block;
	background:url(../images/subnav_casestudy_sprite.png) -330px 0 no-repeat;
	cursor:pointer;
}
#subnavlinks .government a:hover{
	background:url(../images/subnav_casestudy_sprite.png) -330px -40px no-repeat;
}
#subnavlinks .government a:active, #subnavlinks .government a:focus, #subnavlinks .government a.active{
	background:url(../images/subnav_casestudy_sprite.png) -330px -80px no-repeat;
}

#subnavlinks .automotive a{
	width:110px;
	height:40px;
	display:block;
	background:url(../images/subnav_casestudy_sprite.png) -480px 0 no-repeat;
	cursor:pointer;
}
#subnavlinks .automotive a:hover{
	background:url(../images/subnav_casestudy_sprite.png) -480px -40px no-repeat;
}
#subnavlinks .automotive a:active, #subnavlinks .automotive a:focus, #subnavlinks .automotive a.active{
	background:url(../images/subnav_casestudy_sprite.png) -480px -80px no-repeat;
}

#subnavlinks .financial a{
	width:100px;
	height:40px;
	display:block;
	background:url(../images/subnav_casestudy_sprite.png) -590px 0 no-repeat;
	cursor:pointer;
}
#subnavlinks .financial a:hover{
	background:url(../images/subnav_casestudy_sprite.png) -590px -40px no-repeat;
}
#subnavlinks .financial a:active, #subnavlinks .financial a:focus, #subnavlinks .financial a.active{
	background:url(../images/subnav_casestudy_sprite.png) -590px -80px no-repeat;
}

#subnavlinks .healthcare a{
	width:115px;
	height:40px;
	display:block;
	background:url(../images/subnav_casestudy_sprite.png) -690px 0 no-repeat;
	cursor:pointer;
}
#subnavlinks .healthcare a:hover{
	background:url(../images/subnav_casestudy_sprite.png) -690px -40px no-repeat;
}
#subnavlinks .healthcare a:active, #subnavlinks .healthcare a:focus, #subnavlinks .healthcare a.active{
	background:url(../images/subnav_casestudy_sprite.png) -690px -80px no-repeat;
}

#subnavlinks .retail a{
	width:155px;
	height:40px;
	display:block;
	background:url(../images/subnav_casestudy_sprite.png) -805px 0 no-repeat;
	cursor:pointer;
}
#subnavlinks .retail a:hover{
	background:url(../images/subnav_casestudy_sprite.png) -805px -40px no-repeat;
}
#subnavlinks .retail a:active, #subnavlinks .retail a:focus, #subnavlinks .retail a.active{
	background:url(../images/subnav_casestudy_sprite.png) -805px -80px no-repeat;
}
/*end navigation*/

#maincontent {
	padding: 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0;
	background: #fff url(../images/left_flash_gradient.png) 0 30px no-repeat;
	position:relative;
}
#maincontent2 {
	padding: 40px 30px 130px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0;
	position:relative;
}
#maincontent2 p{
	font-size:12px;
	line-height:1.25em;
	padding-top:0;
	margin-top:0;
}
#maincontent2 p.linebreak{margin-bottom:10px;}

#maincontent2 ul, #maincontent2 dl{
	font-size:12px;
}
#maincontent2 ul li{
}
#maincontent2 dl{
	padding-bottom:15px;
}
#maincontent2 dt{
	padding-bottom:5px;
}
#maincontent2 a{
	color:#666;
}
#maincontent2 a:hover{
	color:#010101;
}
#maincontent2 #left{
	width:260px;
	float:left;
	border:0px dotted red;
}
#maincontent2 #right{
	width:610px;
	margin-left:290px;
	_margin-left:285px;
	border:0px dotted red;
}
#maincontent2 #whatwedo{outline:none; border:none;}
#maincontent2 .heading1{
	padding:0 0 40px 0;
}
#maincontent2 .heading2{
	padding:20px 0 20px 0;
}
#maincontent2 .heading3{
	padding:20px 0 20px 0;
}
#maincontent #flashmain{
	height:245px;
	width:510px;
	color:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
#maincontent #main1{
	height:215px;
	width:480px;
	background:#fff;
	float:left;
	border:0px dotted #009900;
	clear:both;
}
/*services section*/
#maincontent #main2{
	height:215px;
	width:160px;
	background:#fff;
	float:left;
	border:0px dotted #009900;
	padding-top:13px;
}
#servicelinks{padding:20px 0;}
#servicelinks .training a{
	width:155px;
	height:40px;
	display:block;
	background:url(../images/service_links_sprite.png) 0 0 no-repeat;
	cursor:pointer;
}
#servicelinks .training a:hover{
	background:url(../images/service_links_sprite.png) -160px 0 no-repeat;
}
#servicelinks .learning a{
	width:155px;
	height:40px;
	display:block;
	background:url(../images/service_links_sprite.png) 0 -40px no-repeat;
	cursor:pointer;
}
#servicelinks .learning a:hover{
	background:url(../images/service_links_sprite.png) -160px -40px no-repeat;
}
#servicelinks .cert a{
	width:155px;
	height:56px;
	display:block;
	background:url(../images/service_links_sprite.png) 0 -80px no-repeat;
	cursor:pointer;
}
#servicelinks .cert a:hover{
	background:url(../images/service_links_sprite.png) -160px -80px no-repeat;
}
#maincontent #main3{
	height:215px;
	width:160px;
	background:#fff;
	float:left;
	border:0px dotted #009900;
	padding-top:13px;
}
#maincontent #main3 p{font-size:12px; padding:0; margin:7px 0;}
#maincontent #main3 a{font-size:11px; color:#666;}


#maincontent #main3b{padding:10px 0;}
#maincontent #main3b p{padding:0; margin:0;}
.post img{float:left; padding:2px 5px 0 0;}
.post{margin-top:7px;}
#maincontent #main3 .byline{color:#010101; font-size:10px; margin-top:5px; padding:0 0 0 30px;}

.vdivider{
	width:50px;
	height:245px;
	float:left;
	margin-bottom:-30px;
	background:url(../images/vdivider.png) 0 0 no-repeat;
}

/*case study main page*/
.casestudyicon{
	padding:10px 5px 0 0;
	float:left;
}
.casestudycontent{
	margin:20px 0 0 90px;
}
/*case study per category pages*/
#casestudy-category-contact p{font-size:11px;}
#casestudy{outline:none;}
#casestudy-container{position:relative;}
#left-col{float:left; width:435px; vertical-align:top; padding:0; margin:0; border:1px dotted red;}
#right-col{margin-left:465px; vertical-align:top; border:1px dotted blue;}
.casestudy-category{position:relative;}
.casestudy-category img.bg{
	width:435px;
	height:215px;
}
.casestudy-text{
	position:absolute;
	top:70px;
	left:0px;
	width:260px;
	clear:both;
}
.casestudy-text p{padding-bottom:10px;}
.casestudy-link{
	position:absolute;
	top:170px;
	left:290px;
}
.casestudy-link img{border:0;}

/*case study detail pages*/
#content-container{vertical-align:top; position:relative;}
#sidebar1{ border:0px dotted red; width:170px; float:left; text-align:right;}
.logo{text-align:center; padding:10px 5px;}
#content{ border:0px dotted red; width:500px; margin-left:200px; }
#content p.leadin{font-size:14px; padding-bottom:40px;}
#content p{padding:0 0 10px 0;}
#content #carousel{background:url(../images/casestudy/carousel_bg.gif) 0 10px no-repeat;width:100%; margin-top:10px; padding:5px 0 30px 0;}
#content #carousel #caption{font-family:Verdana; font-size:11px; text-align:center; position: relative; top:10px;}
#content #carousel td.thumbs{}
#content #lgimg{border:1px solid #9f9f9f; margin-top:5px;}
ul.list{padding:0 10px 10px 10px; margin-left:25px; list-style:disc outside url(../images/icons/bullet.png) }
ul.list li{padding:5px; }
#sidebar2{ background:url(../images/casestudy/sidebar_bg.gif) 0 0 no-repeat; width:170px; position:absolute; top:0; left:730px; _left:560px; min-height:500px; height:500px; padding:0 0 0 15px; }
#sidebar2 a{color:#666;}
#sidebar2 p, #sidebar2 dl{font-size:11px;}
#sidebar2 dt{padding:2px 0; margin:0;}
#sidebar2 #sidebar-content img, #sidebar2 #sidebar-content p{padding-bottom:5px;}
.related-docs{padding-bottom:30px;}
.contact-info{}
.product{background:url(../images/arc.png) 0 30px no-repeat;}
.product-logo{padding:20px;}
.bold{font-weight:bold;}

.rightbox{width:158px; height:85px; background:url(../images/box_right.png) 0 10px no-repeat; padding-top:10px;}
.rightboxcontent{font-size:11px; margin:10px 0 0 0px; width:155px; height:74px; border:0px dotted red; text-align:center;}
.rightboxcontent a{color:#666;}
.rightboximg{padding-top:5px;}

#footercontainer {
	background: #ebebeb url(../images/footer_bg.jpg) 0 0 repeat-x;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
}
#footer {
	width: 900px; 
	padding:0 30px 0 30px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background:#ebebeb;
	height:115px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer #logos{
	float:right;
}
#footerlinks{padding:0; margin:25px 0;}
#footerlinks .sitemap a{
	width:55px;
	height:16px;
	display:block;
	background:url(../images/footer_links_sprite.png) 0 0 no-repeat;
	cursor:pointer;
}
#footerlinks .sitemap a:hover{
	background:url(../images/footer_links_sprite.png) 0 -20px no-repeat;
}
#footerlinks .privacy a{
	width:90px;
	height:16px;
	display:block;
	background:url(../images/footer_links_sprite.png) -55px 0 no-repeat;
	cursor:pointer;
}
#footerlinks .privacy a:hover{
	background:url(../images/footer_links_sprite.png) -55px -20px no-repeat;
}
#footerlinks .terms a{
	width:120px;
	height:16px;
	display:block;
	background:url(../images/footer_links_sprite.png) -145px 0 no-repeat;
	cursor:pointer;
}
#footerlinks .terms a:hover{
	background:url(../images/footer_links_sprite.png) -145px -20px no-repeat;
}
#footerlinks .login{display:none;} /*remove when link is active*/
#footerlinks .login a{
	width:80px;
	height:16px;
	display:block;
	background:url(../images/footer_links_sprite.png) -265px 0 no-repeat;
	cursor:pointer;
}
#footerlinks .login a:hover{
	background:url(../images/footer_links_sprite.png) -265px -20px no-repeat;
}
.copyright{
	font-size:10px;
	padding:20px 0 0 0;
	text-align:right;
}

a.arrow img{border:0; height:11px; vertical-align:bottom;}

.social{padding:7px 5px; clear:both;}
.social span{float:left; width:110px;}
.social img{border:0;}

.copyright a{color:#666;}

div.clear{clear:both; display:block;}
div.spacer{height:30px; line-height:30px; clear:both;}
div.spacer100{height:100px; line-height:100px; clear:both;}

.zero{padding:0; margin:0;}
.zero-top{padding-top:0; margin-top:0;}

#homelink a {display:block; height:50px; width:830px; position:absolute; top:80px; left:50%; margin-left:-380px; z-index:100; text-decoration:none; outline:none;}