/*********************************************************************************/
/* Generic CSS							 					 */
/*********************************************************************************/
* { margin: 0; padding: 0; }
body {font: 70% Arial, Helvetica, sans-serif; background:#3F506C; margin: 0; padding: 0; text-align: center; color: #555555;}
#bgWrap {background:#fff url(../img/BG.jpg) 0 0 repeat-x; width:100%; display:table; min-height:750px;}
img {border:0;}
a {color:#da251c;}
a:hover {color:#333333;}
ul {padding-left:1em;margin-left:0;}
p {padding:0 0 1.4em 0; line-height:1.4em; margin:0;}
.hide {display:none;}
.clearFloats {clear:both;}

hr {clear:both; border:0; margin:10px 0; padding:0; background: url(../img/dotted_horizontal_light.gif) repeat-x 0 bottom;}


/*********************************************************************************/
/* Main Layout CSS							 					 */
/*********************************************************************************/
#container {width: 980px; margin:10px auto 0; padding:0; text-align:left;  position:relative; }
#containerWrap {background:url(../img/containerBG.gif) 0 0 repeat-y; width: 980px; float:left;}
#leftCol {float:left; width:232px; padding-top:85px;}
#rightCol {float:right; width:748px; padding-bottom:40px;}

#mainContent { width:646px; padding:20px 70px 10px; margin:0 51px; background: url(../img/containerBG.png) 0 0 repeat-y; float:left; display:inline; min-height:300px; height:auto!important; height:300px;}

#mainContent .backTop {float:left; width:100%; margin:20px 0 0; background: url(../img/dotted_horizontal_light.gif) 0 0 repeat-x;}
#mainContent .backTop a { padding-right:16px; float:right; background:url(../img/backTop_arrow.gif) right center no-repeat; font-weight:bold; margin:5px 0;}


/*********************************************************************************/
/* Logo							 					 */
/*********************************************************************************/
#logo {position:absolute; top:0; left:0;}
#logo h1 img {display:none;}
#logo h1 {margin:0; padding:0; background:url(../img/logo.jpg) 0 0 no-repeat; width:353px; height:85px; display:block;}
#logo h1 a{ background:url(../img/logo.jpg) 0 0 no-repeat; width:353px; height:85px; display:block; }


/*********************************************************************************/
/* Navigation							 					 */
/*********************************************************************************/
#menu {padding:0; margin:0; list-style:none; background: url(../img/navBG.jpg) 0 0 repeat-x; min-height:311px; height:auto !important; height:311px; font-size:110%;}
#menu .menuWrap {flost:left; width:232px; background: url(../img/navLeft.jpg) 0 0 no-repeat; min-height:311px; height:auto !important; height:311px;}

ul#nav {padding:18px 0px 0px 30px; margin:0; list-style:none;font-size:90%; width:200px;}
ul#nav li {margin:0; padding:0;margin-bottom:4px;}
ul#nav li a {display:block; padding:0; color:#082042; text-decoration:none; font-weight:bold; width:172px; padding:6px 10px; background:#F9F7F5;}
ul#nav li a:hover { background:#6C86A7; color:#fff;}
ul#nav li.open a {background:#6C86A7; color:#fff;}
ul#nav li.selected a {background:#163866; color:#fff;}

ul#nav li a.loginClient {background: url(../img/loginNav.jpg) 0 0 no-repeat; padding:0 0 0 40px; line-height:40px; color:#fff; margin-top:20px; width:152px;}
ul#nav li a.loginClient:hover {background-position:-192px 0;}
ul#nav li a.loginEmployee {background: url(../img/loginNav.jpg) 0 -40px no-repeat; padding:0 0 0 40px; line-height:40px; color:#fff; width:152px;}
ul#nav li a.loginEmployee:hover {background-position:-192px -40px;}

/* Drop Menu	*/
ul#nav ul {margin:0; padding:0; list-style:none; background:#F9F7F5; border-bottom:0; width:192px; font-size:90%;}

ul#nav li li {margin-bottom:0;}
ul#nav li li a {padding:4px 10px; margin:0; color:#082042; padding-left:22px; background:url(../img/navArrow.gif) 0 0 no-repeat; width:160px; background:#fff; font-weight:normal; border-top:1px solid #fff;}
ul#nav li.open li a, ul#nav li.selected li a { color:#082042; background:#fff;}
ul#nav li li a:hover{color:#fff; background-color:#6C86A7;}
ul#nav li li.selected a {background:#6C86A7; color:#fff;}

ul#nav ul ul { display: none !important; }


/*********************************************************************************/
/* Contact Box						 					 */
/*********************************************************************************/
.contactBox {background:#f9f7f5; border:1px solid #e3d8ca; width:180px; margin:20px 0 0 29px; padding:0 0 10px 10px;}
.contactBox dl {margin:0; padding:0;}
.contactBox dt { margin:10px 0 0 0; padding:0 0 0 25px; line-height:20px; font-family:"Times New Roman", Times, serif; font-size:150%; color:#082042}
.contactBox dt.phone {background: url(../img/phoneIcon.gif) 0 0 no-repeat;}
.contactBox dt.email {background: url(../img/emailIcon.gif) 0 0 no-repeat;}
.contactBox dd {margin:0; padding:0 0 0 25px; color:#666666;}
.contactBox dd a {color:#666666; }
.contactBox dd a:hover {color:#da251c;}


/*********************************************************************************/
/* Home							 					 */
/*********************************************************************************/
#homeHero {text-indent:-999em; margin:0; background: url(../img/homeHero.jpg) repeat-y 0 0; padding:0; width:748px; height:251px;}

#homePromos {float:left; background: url(../img/home_rightSide.jpg) right 0 no-repeat; width:741px; padding:7px 0 0 7px;}
#homePromos .teamPromo {float:left; width:356px; height:130px; background:url(../img/teamPromo_bg.jpg) 0 0 repeat-x; margin-right:7px; color:#305789;}
#homePromos .teamPromo .teamPromo_wrap {background:url(../img/team_thumb.jpg) right 0 no-repeat; height:115px; padding:10px 100px 5px 10px;  width:246px;}

#homePromos  h2 { font-family:"Times New Roman", Times, serif; color:#082042; font-size:180%; margin:0 0 4px 0; padding:0; font-weight:normal;}
#homePromos  p {margin:0; padding:0; line-height:1.2em;}

#homeContent .homeLeft {float:left; width:340px; padding:20px 0 0 17px;}
#homeContent .homeRight {float:right; width:350px; padding:20px 23px 0 0;}

#homeContent h3 {font-family:"Times New Roman", Times, serif; color:#df0024; font-size:160%; margin:0 0 10px 0; padding:0 0 5px 0; font-weight:normal; background: url(../img/horizontal_dottedLine.gif) 0 bottom repeat-x;}


/*********************************************************************************/
/* Headers							 					 */
/*********************************************************************************/
#header {}
#header  h1{ margin:0; padding:0; width:748px; height:142px; text-indent:-999em; display:block;}
#header  h1.ourCompany {background:url(../img/headers/ourCompany.jpg) 0 0 no-repeat;}
#header  h1.services {background:url(../img/headers/services.jpg) 0 0 no-repeat;}
#header  h1.technology {background:url(../img/headers/technology.jpg) 0 0 no-repeat;}
#header  h1.services {background:url(../img/headers/services.jpg) 0 0 no-repeat;}
#header  h1.news {background:url(../img/headers/news.jpg) 0 0 no-repeat;}
#header  h1.contact {background:url(../img/headers/contact.jpg) 0 0 no-repeat;}
#header  h1.results {background:url(../img/headers/results.jpg) 0 0 no-repeat;}
#header  h1.generic {background:url(../img/headers/generic.jpg) 0 0 no-repeat;}


/*********************************************************************************/
/* Testimonials							 					 */
/*********************************************************************************/
#homePromos .testimonials {float:left; width:342px; min-height:110px; height:auto!important; height:110px; background: #D5C9B9 url(../img/testimonials_bg.jpg) 0 0 repeat-x; color:#333333; padding:10px 5px 10px 10px; position:relative;}
#contentRight .testimonials {float:left; width:190px; background: #D5C9B9 url(../img/testimonials_bg.jpg) 0 0 repeat-x; color:#333333; padding:10px; position:relative;}

.testimonials h2 { font-family:"Times New Roman", Times, serif; color:#082042; font-size:180%; margin:0 0 6px 0; padding:0; font-weight:normal;}
.testimonials h3 { font-family:"Times New Roman", Times, serif; color:#082042; font-size:160%; margin:0 0 6px 0; padding:0; font-weight:normal;}

.slider { width: 335px;  height:80px; position: relative; margin: 0; }
.slider .wrapper { width: 335px; overflow: auto; height:80px; margin: 0; position: absolute; top:0; left:0; }
.slider .wrapper ul  { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; }
.slider ul li { display: block; float: left; padding:0; height:80px; width:335px; margin: 0; }

#contentRight .slider { width: 190px; height:130px;}
#contentRight .slider .wrapper { width: 190px; height:130px;}
#contentRight .slider ul li {height:130px; width:190px;}


#thumbNav { position: absolute; top: -25px; right:0px; }
#contentRight #thumbNav { position: absolute; bottom:0px; right:0px; top:auto; }
#thumbNav a {font-weight: bold; color:#df0024; text-decoration:none; border:1px solid #7b8593; padding:0 3px; margin-right:1px; line-height:1.5em; }
#thumbNav a:hover {color:#fff; background:#7b8593;}
#thumbNav a.cur {color: #fff; background:#163866;}

.slider img {float:right; padding:0 0 10px 10px;}
#contentRight .slider img { width:80px; padding-bottom:0;}
.slider p {padding:0 0 5px 0; line-height:1.1em;}

.slider .arrow { display:none; }
#start-stop { display:none;}





/*********************************************************************************/
/* News list							 					 */
/*********************************************************************************/
.newsItem { position:relative; padding-bottom:20px;}
.newsItem p {padding: 0 0 3px 0; line-height:1.1em;}
.newsItem h4 {color:#333333; font-size:100%; margin:0; padding:0;}
#homeContent .newsItem h5 {color:#666666; font-size:90%; margin:0; padding:0; font-weight:normal; font-style:italic; position:absolute; top:0; right:0;}
#contentRight .newsItem h5 {color:#666666; font-size:90%; margin:0; padding:0; font-weight:normal; font-style:italic;}
 

/*********************************************************************************/
/* Content Layout							 					 */
/*********************************************************************************/
#content {float:left; width:480px; padding:15px 0 0 17px; position:relative;}

#content h2 {font-family:"Times New Roman", Times, serif; color:#df0024; font-size:190%; margin:0 0 10px 0; padding:0 0 5px 0; font-weight:normal; background: url(../img/horizontal_dottedLine.gif) 0 bottom repeat-x;}
#content h3 {font-family:"Times New Roman", Times, serif; color:#082042; font-size:150%; margin:5px 0; padding:0; font-weight:normal; clear:both;}

#contentRight {float:right; width:210px; padding:8px 21px 0 0; background: url(../img/content_rightSide.jpg) right 0 no-repeat;}
#contentRight h3 {font-family:"Times New Roman", Times, serif; color:#082042; font-size:160%; margin:0 0 10px 0; clear:left; padding:15px 0 5px 0; font-weight:normal; background: url(../img/horizontal_dottedLine.gif) 0 bottom repeat-x;}

#content ul {list-style:none; margin-bottom:15px;}
#content li {background:url(../img/bullet.gif) 0 0.5em no-repeat; padding-left:1.5em; padding:0.3em 0 0.3em 1.5em; display:block;}

/*********************************************************************************/
/* Careers							 					 */
/*********************************************************************************/
.job {background: url(../img/horizontal_dottedLine.gif) 0 top repeat-x; padding:10px 0;}
.job h4 { margin:-5px 0 10px 0; font-size:100%; }

a.applyBut {padding:5px 20px; background:#DF0024; color:#fff; text-decoration:none;}
a.applyBut:hover { background:#163866;}


/*********************************************************************************/
/* Contact Details							 					 */
/*********************************************************************************/
.contactDetail {background: url(../img/horizontal_dottedLine.gif) 0 bottom repeat-x; padding:10px 0;}
.contactDetail dl {margin:5px 0 0 0 ; padding:0; line-height:1.6em;}
.contactDetail dl dt {float:left; width:70px; font-weight:bold;}

/*********************************************************************************/
/* Event Pics							 					 */
/*********************************************************************************/
img.eventPic {float:left; padding:0 10px 10px 0;}



/*********************************************************************************/
/* Accessibilty Toolbar			 					 */
/*********************************************************************************/
ul.accessTools {list-style:none; margin:0; padding:0;  position:absolute; top:20px; right:0;}
#content  ul.accessTools li {padding:0; margin:0; float:left; line-height:11px; background:none;}
ul.accessTools li a {display:block; width:16px; height:11px; margin-left:2px; padding-right:0; background:url(../img/accessibilty_icons.gif) 0 0 no-repeat;}
ul.accessTools li a span {display:none;}

ul.accessTools li a.fontSizeMinus { background-position: 0 -11px;}
ul.accessTools li a.fontSizePlus { background-position: -16px -11px; border-right:1px solid #999; margin-right:5px; padding-right:5px;}
ul.accessTools li a.print {background-position: -37px -11px; margin-left:5px;}
ul.accessTools li a.fontSizeMinus:hover {background-position: 0 0px;}
ul.accessTools li a.fontSizePlus:hover {background-position: -16px 0px;}
ul.accessTools li a.print:hover {background-position: -37px 0px;}


/*********************************************************************************/
/*Sitemap			 					 */
/*********************************************************************************/
#sitemap, #sitemap ul, #sitemap li{margin:0; padding:0; list-style:none;}
#sitemap li{line-height:20px; margin-top:1px; position:relative; width:100%; font-weight:bold; background:none !important;}

#sitemap li a{padding-left:28px; color:#082042;}
#sitemap li span{float:left; position:absolute; top:5px; left:5px; width:13px; height:13px; cursor:auto; font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(../img/sitemap/SM_collapsed.gif) no-repeat 0 0 !important;} 
#sitemap li span.expanded{background:url(../img/sitemap//SM_expanded.gif) no-repeat 0 0 !important;}

/* sub levels */
#sitemap li ul{margin-left:28px; }
#sitemap li li{background:url(../img/sitemap//SM_line2.gif) no-repeat 0 0 !important; font-weight:normal;}

/* float fix */
#sitemap:after, #sitemap ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#sitemap, #sitemap ul{display:block;}
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
#sitemap ul{display:none;}




/*********************************************************************************/
/* Footer							 					 */
/*********************************************************************************/
#footer {width:100%; padding:0; background:url(../img/footerBG.jpg) 0 0 repeat-x; min-height:100px; height:auto !important; height:100px;}
#footer .footerContainer {width: 980px; margin:0 auto; padding:0; font-size:90%; text-align:left; position:relative;}
#footer .copyright {background: url(../img/nav_bot.jpg) 0 0 no-repeat; height:60px; text-align:center; padding:4px 0 0 0; width:255px; color:#999999;}
#footer ul {list-style:none; padding:0; margin:0 0 3px 0; position:absolute; right:10px; top:10px;}
#footer ul li {display:inline; padding:0 15px; margin:0; border-right:1px solid #fff;}
#footer ul li a { color:#fff;}
#footer ul li a:hover {color:#ccc;}
#footer ul li.end {border:0;}