html {/* Allows CSS 2.1 Validation and shows scrollbar in FF so page does not move when going from scrolling to non */ height:100%;margin:0;overflow-y:scroll;padding:0;}
body {margin:0;padding:0;border:0;text-align:left;font-family:"Lucida sans","lucida sans Unicode",Arial,serif;font-size:12px;background:#000000 url(/images/bg.jpg) top center repeat-y;color:#6C7C8C;}
p {margin:0;padding:0 0 15px 0;font-size:12px;font-family:"Lucida sans","lucida sans Unicode",Arial,serif;color:#6C7C8C;text-align:left;}
a {color:#1987B8;}
a:hover {color:#ffffff;}
a.white{color:#ffffff;}
a.white:hover {color:#68b3d7;}
h1{margin:0 0 10px 0;padding:0;font-size:24px;font-family:Arial,Helvetic,sans-serif;color:#68b3d7;font-weight:normal;}
h2{margin:0 0 10px 0;padding:0;font-size:16px;font-family:"Lucida sans","lucida sans Unicode",Arial,serif;color:#ffffff;font-weight:bold;}
h3{margin:0 0 10px 0;padding:0;font-size:14px;font-family:"Lucida sans","lucida sans Unicode",Arial,serif;color:#87A2C1;font-weight:bold;}
h4{margin:0 0 10px 0;padding:0;font-size:12px;font-family:"Lucida sans","lucida sans Unicode",Arial,serif;color:#87A2C1;font-weight:bold;}
fieldset{margin:0;padding:0;border:0;}
label {padding:2px;float:left;width:100px;;}
input{height:14px;font-size:12px;font-family:"Lucida sans","lucida sans Unicode",Arial,serif;color:#333333;border:1px solid #68b3d7;background:#e3e3e3;}
textarea{font-size:12px;font-family:"Lucida sans","lucida sans Unicode",Arial,serif;color:#333333;border:1px solid #68b3d7;background:#e3e3e3;}
select{font-size:12px;font-family:"Lucida sans","lucida sans Unicode",Arial,serif;color:#333333;border:1px solid #68b3d7;background:#e3e3e3; }
input.submit{border:1px solid #68b3d7;height:24px;background:#000000;color:#CCC;cursor:hand;cursor:pointer;}
/*******************************************************************************
Header Styles
********************************************************************************/
div#headerFull{width:100%;height:72px;background:#010101 url(/images/header_bg.jpg) repeat-x;clear:both;}
div#headerContainer{width:1000px;height:72px;margin:0 auto;clear:both;}
div#headerLogo{width:240px;height:72px;float:left;}
div#headerMenu{width:660px;height:30px;margin:20px 0px 22px 100px;float:left;font-size:12px;font-family:Arial,serif;font-weight:bold;}
/*******************************************************************************
Body Wrapper Styles for all pages
********************************************************************************/
div#bodyFull{width:100%;background:#010101 url(/images/body_bg.jpg) center top no-repeat;clear:both;}
div#bodyContainer{width:1000px;margin:0 auto;background:#090E14 url(/images/body_container_bg.jpg) center top no-repeat;clear:both;}
div#bodyContent{width:946px;margin:0px 26px 0px 28px;;clear:both;display:inline-block;display:block;overflow:hidden;}
/*******************************************************************************
Promo Styles
********************************************************************************/
div#promoContainer{width:1000px;height:281px;margin:0 auto;padding:19px 0 0 2px;background:url(/images/promo_placeholder.jpg) no-repeat;display:inline-block;display:block; /overflow:hidden;clear:both;position:relative;}
div#promoContainer div#stripNavL0 {position:absolute;left:0px;top:19px;z-index:100;}
div#promoContainer div#stripNavR0 {position:absolute;right:0px;top:19px;z-index:100;}
div#promoContainerInner{width:1000px;height:168px;margin:0 auto;clear:both;}
/*******************************************************************************
Promo Main Page Slider
********************************************************************************/
#slider1{display:none; }
.stripViewer .panelContainer .panel ul {text-align:left;margin:0;}
/* These 2 lines specify style applied while slider is loading */
.csw {margin:0;height:276px;overflow:hidden; }
.csw .loading {margin:200px 0 300px 0;text-align:center}
.stripViewer { /* This is the viewing window */position:relative;overflow:hidden; margin:auto;width:950px; /* Also specified in .stripViewer .panelContainer .panel below */clear:both;}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */position:relative;left:0; top:0;width:100%;list-style-type:none;-moz-user-select:none; /* This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox */}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */float:left;height:100%;position:relative;width:950px; /* Also specified in .stripViewer above */}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */padding:0;}
/* This is the div to hold your nav (the UL generated at run time) */
.stripNav { margin:auto;margin-top:0;width:1000px !important;display:none;}
*html .stripNav { margin-left:0px;}
.stripNav ul { list-style:none;margin:0;padding:0;width:950px;}
.stripNav ul li {background:#000000 none;float:left;margin:0 0 0 0;padding:0;margin-right:0px;}
/* End of nav tabs */
.stripNavL, .stripNavR { /* The left and right arrows */position:absolute;top:0px;text-indent:-9000em; /* hides the text completely */width:50px;}
.stripNavL a, .stripNavR a {display:block;height:276px;width:50px;}
.stripNavL {left:0;}
.stripNavR {right:0;}
.stripNavL a{background:url("/images/arrow_left.png") no-repeat center left;}
.stripNavL a:hover{background:url("/images/arrow_left.png") no-repeat;background-position:-50px;}
.stripNavR a{background:url("/images/arrow_right.png") no-repeat center left;}
.stripNavR a:hover{background:url("/images/arrow_right.png") no-repeat;background-position:-50px;}
.panel img {background-color:#000000;border:0;padding:0;margin:0;}
/*******************************************************************************
Main Intro Full width style
********************************************************************************/
div#mainIntro{margin:0 auto;background:url(/images/main_intro_bg.jpg) center top no-repeat;padding:20px 0px 0px 20px;}
/*******************************************************************************
Services Promo Styles
********************************************************************************/
div#serviceBoxes{margin:0 auto;width:921px;height:207px;background:url(/images/services_bg.jpg) center top no-repeat;padding-top:25px;padding-left:25px;display:inline-block;display:block;overflow:hidden;}
div.serviceBoxWrapper{width:216px;height:175px;background:url(/images/service_box_bg.jpg) left top no-repeat;float:left;margin-right:12px;padding-top:10px;}
div.serviceBoxWrapper:hover{background-position:-216px;}
div.serviceBoxHeading{width:206px;height:35px;margin:0;padding-left:10px;}
div.serviceBoxBody{width:216px;height:150px;margin:0;padding:0;}
div.serviceBoxImage{float:left;width:67px;height:105px;padding-top:5px;padding-left:3px;}
div.serviceBoxContent{float:left;width:139px;height:105px;padding-right:5px;padding-left:2px;overflow:hidden;}
div.serviceBoxLearnMore{width:216px;height:38px;margin:0;padding-top:2px;clear:both;}
div.serviceBoxLearnMore a{text-decoration:none;}
/*******************************************************************************
Additional Promo Styles
********************************************************************************/
div#additionalBoxes{margin:20px 0 0 10px;padding:0;width:946px;display:inline-block;display:block;overflow:hidden;}
div.additionalBoxWrapper{margin:0 8px 0 0;padding:0;width:307px;float:left;}
div.additionalBoxHeading{margin:0;padding-top:15px;padding-right:10px;width:297px;height:30px;text-align:center;background:url(/images/additional_box_heading_bg.jpg) left top no-repeat;}
div.additionalBoxContent{margin:0;padding:5px 25px 0px 10px;width:272px;background:url(/images/additional_box_side.jpg) top right repeat-y;}
div.additionalBoxContentEnd{margin:0;padding:0px 20px 0px 10px;width:277px;height:30px;background:url(/images/additional_box_side_end.jpg) top right no-repeat;}
/*******************************************************************************
Inside Left Column Styles (2 Column
********************************************************************************/
div#leftContainer{margin:0;padding:0;width:215px;float:left;}
/* Nav Menu */
div#leftNavContainer{margin-top:10px;padding:0;width:215px;display:inline-block;display:block;overflow:hidden;}
div#leftNavContainer ul{margin:0 7px 0 4px;padding:0;width:204px;}
div#leftNavContainer li{margin:0;padding:0px 5px 0 0px;height:35px;background:url(/images/menu_item_bg.jpg) top left no-repeat;}
div#leftNavContainer li:hover{background-position:-204px;}
div#leftNavContainer li a{font-size:12px;font-family:"Lucida sans","lucida sans Unicode",Arial,serif;font-weight:bold;color:#3f4c5a;text-decoration:none;line-height:35px; /* so entire li is a link */text-indent:45px; /* instead of padding the li */height:35px; /* match height of li */display:block; /* so entire li is a link */}
div#leftNavContainer li a:hover{color:#87a2c1;}
div#leftNavContainer li.active{background:url(/images/menu_item_bg.jpg) top left no-repeat;background-position:-204px;}
div#leftNavContainer li.active a {color:#87A2C1;}
div#leftNavTop{margin:0;padding:0;width:215px;height:20px;background:url(/images/left_nav_top.jpg) top left no-repeat;}
div#leftNavContent{margin:0;padding:0;width:215px;background:url(/images/left_nav_bg.jpg) top left repeat-y; }
div#leftNavBottom{margin:0;padding:0;width:215px;height:20px;background:url(/images/left_nav_bottom.jpg) top left no-repeat;}
/* Testimonial */
div#leftTestContainer{margin-top:10px;padding:0;width:215px;display:inline-block;/display:block;overflow:hidden;}
div#leftTestTop{margin:0;padding:0;width:215px;height:20px;background:url(/images/left_nav_top.jpg) top left no-repeat;}
div#leftTestContent{margin:0 auto;padding:10px;width:195px;background:url(/images/left_nav_bg.jpg) top left repeat-y;text-align:center;}
div#leftTestContent h3{color:#E0EDFE;}
div#leftTestBottom{margin:0;padding:0;width:215px;height:57px;background:url(/images/left_test_bottom.jpg) top left no-repeat;}
/*******************************************************************************
Inside Right Column Styles 2 Column
********************************************************************************/
div#rightContainer{margin:0;padding:0;width:731px;float:left;}
div.rightTop{margin:0;padding:0;width:731px;height:20px;background:url(/images/right_col_top.jpg) top left no-repeat;}
div.rightContent{margin:0px;padding:5px 20px 20px 20px;;width:691px;background:url(/images/right_col_bg.jpg) top left repeat-y;}
div.rightTitle{margin:0 0 -10px 0;padding:0 20px 0 20px;;width:691px;}
div.column {width:345px;float:left;}
/*******************************************************************************
Case Studies Promo Styles
********************************************************************************/
div#caseBoxes{margin:0 auto;width:706px;height:207px;background:url(/images/case_bg.jpg) center top no-repeat;padding-top:25px;padding-left:25px;display:inline-block;display:block;overflow:hidden;}
div.caseBoxWrapper{width:216px;height:175px;background:url(/images/service_box_bg.jpg) left top no-repeat;float:left;margin-right:12px;padding-top:10px;}
div.caseBoxWrapper:hover{background-position:-216px;}
div.caseBoxHeading{width:206px;height:35px;margin:0;padding-left:10px;}
div.caseBoxBody{width:216px;height:150px;margin:0;padding:0;}
div.caseBoxImage{float:left;width:67px;height:105px;padding-top:5px;padding-left:3px;}
div.caseBoxContent{float:left;width:139px;height:105px;padding-right:5px;padding-left:2px;overflow:hidden;}
div.caseBoxLearnMore{width:216px;height:38px;margin:0;padding-top:2px;clear:both;}
div.caseBoxLearnMore a{text-decoration:none;}
/*******************************************************************************
Footer Styles
********************************************************************************/
div#footerFull{width:100%;height:220px;background:#000000 url(/images/footer_bg.jpg) center bottom no-repeat;clear:both;}
div#footerContainer{width:1000px;height:220px;margin:0 auto;}
div#footerContent{padding-top:180px;padding-left:20px;width:980px;height:40px;float:left;color:#FFF;font-family:"Lucida sans","lucida sans Unicode",Arial,serif;font-size:11px;}
div#footerContent a{color:#FFF;text-decoration:none;}
div#footerContent a:hover{color:#333;}