@charset "utf-8";
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #C6D9EC url(../images/bg_page.jpg) repeat-x; margin: 0; padding: 0; text-align: center; color: #000000; }
#container { width: 768px; background: #FFF; margin: 15px auto; border: 1px solid #ECF2F9; text-align: left; } 

/* Text styles */
p, li { line-height: 1.25em; margin: 0; padding: 0; }
ul { margin: 0.4em 0; padding: 0 0 0 15px; }
li  { margin: 0 0 0.5em 0; padding:0; list-style-image: url(../images/pointer1_blue.gif); font-size: 0.76em; }
.list2  li { list-style-image: url(../images/pointer1_yellow.gif); }
ol li  { margin: 0 0 0.5em 0; padding:0; list-style-image: none; font-size: 0.76em; }
h1 { padding: 10px 15px;  margin: 0; background: #E2E8EE url(../images/bg_tagline.jpg) repeat-x; min-height: 21px; color: #666; font-size: 1em; font-weight: normal; } 
h2 { margin: 0 0 0.4em 0; padding: 0; font-size: 1.1em; font-weight:normal; color: #666; } 
h3 { margin: 1em 0 0.4em 0; padding: 0; font-size: 1.1em; font-weight:bold; color: #5483BA; } 
h4 { margin: 0.8em 0 0.4em 0; padding: 0; font-size: 0.9em; font-weight:bold; color: #5483BA; } 
h5 { margin: 0.8em 0 0.2em 0; padding: 0; font-size: 0.76em; font-weight:bold; color: #5483BA; } 

/* Link styles */
p a, li a { font-weight:bold; }
a:link { color: #039; text-decoration: none; }	
a:hover { text-decoration:underline; }	
a:visited { color: #339; text-decoration: none; }		
img { vertical-align: top; border: 0; }

/* Nav button styles */
#navbar { background: #069 url(../images/navbar.jpg) repeat-x; border-top: 1px solid #fff; height: 26px; } 
#titlebar { background: url(../images/navbar_shadow.jpg) no-repeat; margin: 0; padding-top: 6px; } 
#navbuttons { position: relative; background-repeat: no-repeat; white-space: nowrap; display: block; height: 26px; margin: 0; padding: 0; }
#navbuttons a { display: block; text-decoration: none; }
#navbuttons img { height: 26px; }
#navbuttons a:hover img { visibility:hidden; }
#navbuttons a:hover { text-decoration: none; }
#navbuttons span { position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; }
* html a:hover { visibility:visible; }
#button0 { background: url(../images/nav_home_on.jpg); width: 66px; height: 26px; float: left; }
#button1, #button2, #button3, #button4, #button5 { width: 100px; float: left;  }
#button1 { background: url(../images/nav_aboutus_on.jpg); }
#button2 { background: url(../images/nav_services_on.jpg); }
#button3 { background: url(../images/nav_benefits_on.jpg); }
#button4 { background: url(../images/nav_clients_on.jpg); }
#button5 { background: url(../images/nav_contact_on.jpg); }

/* Sub-nav styles for services section*/
#subnav { padding: 0;  background: #157FBB url(../images/subnav_bg.jpg) repeat-x; height: 42px; font-size: 1em; color: #fff; font-weight: bold; } 
#subnav1 { float: left; padding: 10px 15px 10px 15px; height: 22px; background: #fff url(../images/subnav_on.jpg) repeat-x; color: #036;  border-left: 1px solid #ECF2F9;border-right: 1px solid #0C5F8F;} 
#subnav2 { float: left; padding: 10px 15px 10px 15px;  height: 22px; background: url(../images/subnav.jpg) repeat-x;  border-left: 1px solid #ECF2F9; border-right: 1px solid #0C5F8F; }
#subnav img a { vertical-align: middle; }
#subnav img { vertical-align: top; }
#subnav a { color: #D5E2F0; }

/* Footer styles */
#footer { margin: 0; padding: 0 10px 0 20px; background: url(../images/bg_footer.jpg) repeat-x; text-align: center; min-height: 24px; } 
#footer p { padding: 5px 0 0 0; color: #9DB9D7; font-size: 0.7em; }
#footer a { font-weight: normal; color: #9DB9D7; }
#footer a:hover { text-decoration:underline; }	

/* Home page layout styles */
#headerhome {  } 
#intro { padding: 10px 15px 10px 15px; background: url(../images/bg_intro.jpg) repeat-y; margin: 0; color:#003F6B; } 
#col1 { float: left; width: 226px; margin: 0; padding: 15px 15px; border-right: 1px solid #D9E6F2; background: url(../images/bg_home.jpg) repeat-y;}
#col2 { margin: 0 256px 0 256px; } 
#col3 { margin: 0; float: right; width: 255px; }
#col2head, #col3head  { margin: 0; padding: 6px 15px 0 15px; background: #E2E8EE url(../images/bg_tagline.jpg) repeat-x; min-height: 37px; border-right: 1px solid #CCC; } 
#col2text, #col3text { padding: 0 15px; } 
#col1 p, #col2 p, #col3 p { margin-bottom: 0.8em; font-size: 0.76em; }
#flashcontent { background: #fff url(../images/banner_home.jpg) no-repeat; padding: 0; height: 198px; width:768px; position: relative; }

/* Section layout styles */
#main { margin: 15px 215px 0 0; padding: 0 15px; } 
#sidecol { margin: 15px 15px 15px 0; float: right; width: 180px; }
#main p { font-size: 0.76em; margin-bottom: 0.76em;}
#main a:hover, #sidecol a:hover { text-decoration:underline; }	
.insights { background: url(../images/heading_insights.jpg) no-repeat; border-top: 1px solid #B5C9E1; border-left: 1px solid #B5C9E1; border-right: 1px solid #B5C9E1; padding: 33px 15px 0 15px; margin: 0; font-size: 0.7em; }
.insightsfoot { background: url(../images/bg_footer_insights.jpg) repeat-y; border-left: 1px solid #B5C9E1; border-right: 1px solid #B5C9E1; border-bottom: 1px solid #B5C9E1; padding: 4px 15px 4px 15px; margin: 0;}
.insightsfoot ul { margin: 0; }
#header { }
#header1 { background: #fff url(../images/banner_powerstation.jpg) no-repeat; height: 127px; } 
#header2 { background: #fff url(../images/banner_oilplatform.jpg) no-repeat; height: 127px; } 
#header2b { background: #fff url(../images/banner_meetingtable.jpg) no-repeat; height: 127px; } 
#header3 { background: #fff url(../images/banner_roadtrain.jpg) no-repeat; height: 127px; } 
#header4 { background: #fff url(../images/banner_pipeline_construction.jpg) no-repeat; height: 127px; } 
#header5 { background: #fff url(../images/banner_faces.jpg) no-repeat; height: 127px; } 
#h1_panel { padding: 15px 15px 15px 15px; background: url(../images/bg_intro.jpg) repeat-y; margin: 0; } 
#h1_1, #h1_2, #h1_3, #h1_4, #h1_5 { height: 21px; } 
#h1_1 { background: url(../images/h1_aboutus.gif) no-repeat; } 
#h1_2 { background: url(../images/h1_services.gif) no-repeat; } 
#h1_3 { background: url(../images/h1_benefits.gif) no-repeat; } 
#h1_4 { background: url(../images/h1_clients.gif) no-repeat; } 
#h1_5 { background: url(../images/h1_contact.gif) no-repeat; } 

/* Specific content element styles */
.portrait { border: 1px solid #B5C9E1; margin-bottom: 5px; }
.portraitleft { float: left; border: 1px solid #fff; margin-right: 8px; margin-bottom: 3px; }
.quote { color: #5483BA; font-weight:bold; margin-bottom: 0; }
.quotee { font-style: italic; padding-bottom: 0.8em; }
.pointer2 { margin: 0.4em 0 0.4em 4px; padding: 0; list-style-image: url(../images/pointer2_blue.gif); }
.pointer3 { margin: 0; padding: 0; list-style-image: url(../images/pointer2_yellow.gif); font-size: 0.7em; }
.pdf { margin: 0 0 0.4em 4px; padding: 0.4em 0 0 0; list-style-image: url(../images/icon-pdf.gif); }
.note { font-size: 0.85em; color: #666; font-weight: normal; }
#main .note2 { font-size: 0.7em; color: #666; font-weight: normal; }
.aside { color: #666; margin: 0 0 0.8em 0; }
.RHpic { margin: 15px 0 0 0; }
.caption { font-size: 0.7em; color: #666; font-weight: normal;}

/* Float styles */
.floatright { float: right; margin: 0 0 0 10px; padding:0; }
.floatleft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }