/*
	Author Company	: Fifth Ring Intergrated Corporate Communications
	Author Name		: Scott Couper, Senior Web Designer & Developer
	Author Site		: http://www.fifthring.com
	Client Company	: OilExec
	Client Site 	: http://www.oilexec.com
	Site Section 	: Main Site Layout Stylesheet
					
*/


/* global reset, from reset.css, YUI
**********************************************************************************************************
*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6, p{ font-size:11px; font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
p{ color:#fff;}
/** a { position:relative}  Gets links displaying over a PNG background - needs an IE fix */
a { outline:none } 
a img { border:none }
html {overflow-y:scroll;}
body{ background-color:#000; font-family: Verdana, Arial, Helvetica, sans-serif;}


/* global classes 
**********************************************************************************************************
*/

.floatLeft{float:left;}
.floatRight{float:right;}
.clearBoth{clear:both;}
.clearLeft{clear:left;}
.clearNone{ clear:none;}
.clearRight{clear:right;}
a { color:#c88d00; text-decoration:none;}
a:hover { color:#c88d00; text-decoration:underline;}
h1, h2, h3, h4, h5, h6 { color:#fff;}
.hidden{ display:none;}
.smallText{ font-size:9px !important;}
.seo, .hidden{ display:none;}


/* wrappers 
**********************************************************************************************************
*/


#wrapper{ width:706px; height:auto; margin:0 auto; border-top:1px solid #000;}
#wrapper #header{ width:100%; height:auto;}
#wrapper #navigation{ width:100%; height:auto;}
#wrapper #contentWrapper{ width:100%; height:auto; background:#1a1a1a url(http://www.oilexec.com/img/content-bg.png) top left no-repeat; margin:14px 0 0 0;}
#wrapper #contentWrapper #mainContent{ width:506px;}
#wrapper #contentWrapper #mainContent #subContent{ width:454px; height:auto;}
#wrapper #contentWrapper #supportContent{ width:200px;}
#wrapper #contentWrapper #footer{ width:100%;}


/* header 
**********************************************************************************************************
*/

#wrapper #header{ background: url(http://www.oilexec.com/img/header-bg.jpg) top center no-repeat;}
#wrapper #header h1{ width:226px; height:66px; background: url(http://www.oilexec.com/img/logo.png) bottom center no-repeat; margin-top:40px; text-indent:-9999px;}
#wrapper #header h2{ width:266px; height:40px; background: url(http://www.oilexec.com/img/strapline.png) bottom center no-repeat; margin-top:66px; text-indent:-9999px;}


/* navigation 
**********************************************************************************************************
*/

#wrapper #navigation{ background:#4d4d4d; padding:12px 0 12px 0; margin-top:40px;}
#wrapper #navigation ul{ display:inline; margin:0 26px 0 26px;}
#wrapper #navigation ul li{ display:inline; margin:0 7px 0 0; padding:0 6px 0 0; border-right:solid 1px #262626;}
#wrapper #navigation ul li.last{ margin:0; padding:0; border-right:none;}
#wrapper #navigation ul li#hideSite{ margin:0 0 0 190px; padding:0 15px 0 0; border-right:none; background:url(http://www.oilexec.com/img/hide-bg.png) no-repeat 97% 5px;}
#wrapper #navigation ul li a{ font-size:13px; text-decoration:none; color:#fff;}
#wrapper #navigation ul li a:hover{ padding-bottom:2px; border-bottom:1px solid #fdb813;}


/* content 
**********************************************************************************************************
*/

#wrapper #contentWrapper #mainContent #content{ width:454px; margin:26px 0 0 26px;}
#wrapper #contentWrapper #mainContent #content h3{margin:0 14px 20px 14px; font-size:20px;}
#wrapper #contentWrapper #mainContent #content p{margin:14px 14px 0 14px; font-size:11px; line-height:1.7;}
#wrapper #contentWrapper #mainContent #content p#introPara{ font-size:12px; margin-top:0;}

#wrapper #contentWrapper #mainContent #content ul{margin:14px 14px 0 14px; font-size:11px;}
#wrapper #contentWrapper #mainContent #content ul li{ color:#fff; font-style:italic; margin:19px 26px 0 30px; background:url(http://www.oilexec.com/img/bullet.png) 0% 5px no-repeat; padding-left:10px; line-height:1.6;}

#wrapper #contentWrapper #mainContent #subContent #latestJobs{ width:100%; height:auto; background:url(http://www.oilexec.com/img/homepage-box1-bg.png) top left repeat; margin:26px 0 0 26px;}
#wrapper #contentWrapper #mainContent #subContent #latestJobs h4{ font-size:20px; color:#000; margin:11px 0 0 14px; display:inline;}
#wrapper #contentWrapper #mainContent #subContent #latestJobs h5{ font-size:13px; color:#000; margin:14px 14px 0 0; display:inline;}
#wrapper #contentWrapper #mainContent #subContent #latestJobs h5 a{ color:#000;}

#wrapper #contentWrapper #mainContent #subContent #latestJobs #latestJobDes{ margin:6px 14px 0 14px; padding:13px 0 14px 0; border-top:solid 2px #826520;}
#wrapper #contentWrapper #mainContent #subContent #latestJobs #latestJobDes .latestJobItem{ width:33%; height:auto;}
#wrapper #contentWrapper #mainContent #subContent #latestJobs #latestJobDes #jobTwo{ background:#4b4b4b;}
#wrapper #contentWrapper #mainContent #subContent #latestJobs #latestJobDes .latestJobItem a{ display:block; margin:14px 0 14px 14px; line-height:1.7; padding-right:26px;}
#wrapper #contentWrapper #mainContent #subContent #latestJobs #latestJobDes .latestJobItem a h5{ color:#fdb813;}
#wrapper #contentWrapper #mainContent #subContent #latestJobs #latestJobDes .latestJobItem a em{ color:#000;}

#wrapper #contentWrapper #mainContent #subContent #contentAdvert{ width:454px; height:120px; margin:14px 0 0 26px; background:url(http://www.oilexec.com/img/homepage-box1-bg.png) top left repeat;}
#wrapper #contentWrapper #mainContent #subContent #contentAdvert a{ width:454px; height:120px; text-indent:-9999px; background:url(http://www.oilexec.com/img/recruitAd.png) top left no-repeat; display:block;}

/* news 
**********************************************************************************************************
*/

#wrapper #contentWrapper #mainContent #content #vertical_container { margin: 0 auto;}

#wrapper #contentWrapper #mainContent #content #vertical_container .accordion_toggle {display: block;height: auto;padding:8px;font-weight: normal;text-decoration: none;outline: none;cursor: pointer;margin: 0 0 10px 0;background:url(http://www.oilexec.com/img/homepage-box1-bg.png) top left repeat;font-size:14px;overflow:hidden;}
#wrapper #contentWrapper #mainContent #content #vertical_container .accordion_toggle span{ clear:none;
display:block;
float:right;
font-size:11px;
padding-top:20px;}	
#wrapper #contentWrapper #mainContent #content #vertical_container .accordion_toggle_active {background: #000000; color:#fdb813;}
#wrapper #contentWrapper #mainContent #content #vertical_container .accordion_toggle_active span{ display:none;}

#wrapper #contentWrapper #mainContent #content #vertical_container .accordion_content {overflow: hidden; padding:0; margin-bottom:8px;}
#wrapper #contentWrapper #mainContent #content #vertical_container .accordion_content p {padding:0px 8px 8px 8px; margin:-5px 0 0 0;}
		
		
/* subscribe form 
**********************************************************************************************************
*/		
#wrapper #contentWrapper #mainContent #content form{background: url(http://www.oilexec.com/img/homepage-box4-bg.png) top left repeat; overflow:hidden; padding-top:12px;}
#wrapper #contentWrapper #mainContent #content form p{ margin:0 0 14px 14px;}

#wrapper #contentWrapper #mainContent #content form label{ color:#fff; font-size:12px; padding:0 0 14px 14px;}		
#wrapper #contentWrapper #mainContent #content form label.textInput input, textarea, select {width: 254px; padding: 4px; border: 1px solid #a37300; margin-top:5px; background:url(http://www.oilexec.com/img/homepage-box2-bg.png) top left repeat; color:#fff;}
#wrapper #contentWrapper #mainContent #content form label.textInput, label.textInput input, label.textArea, label.textArea textarea, label select {width: 254px;display: block;clear: both;margin:0;}
#wrapper #contentWrapper #mainContent #content form label select {width: 254px; background:url(http://www.oilexec.com/img/homepage-box2-bg.png) top left repeat; margin-top:5px;}
#wrapper #contentWrapper #mainContent #content form label.checkBox {display: block;clear: both;margin: 0 0 8px;}
#wrapper #contentWrapper #mainContent #content form label.checkBox input {display: inline;}

#wrapper #contentWrapper #mainContent #content form input.button { font-size:15px; color: #a37300; padding:0; cursor: pointer; border:none; background:transparent; margin:0 0 14px 14px; display:inline; margin:0 45px 25px 0;}
#wrapper #contentWrapper #mainContent #content form input.button:hover, input.button:focus {color: #fff;border-color:none;}

#wrapper #contentWrapper #mainContent #content form textarea {width: 412px;height: 204px;display: block;overflow: auto;}
#wrapper #contentWrapper #mainContent #content form input:focus, textarea:focus {border-color: #fff!important;}
#wrapper #contentWrapper #mainContent #content #warningMsg {color: #fff;padding: 24px 24px 12px 24px;background: #f94128;}		

/* support content 
**********************************************************************************************************
*/

#wrapper #contentWrapper #supportContent #subNavigation{ width:174px; height:auto; margin:26px 0 0 0; background:url(http://www.oilexec.com/img/homepage-box2-bg.png) top left repeat; padding:5px 0 7px 0;}
#wrapper #contentWrapper #supportContent #subNavigation ul{ margin:0 8px 0 14px;}
#wrapper #contentWrapper #supportContent #subNavigation ul#recruiterNav{ margin-top:7px; padding-top:6px; border-top:solid 1px #121212;}
#wrapper #contentWrapper #supportContent #subNavigation ul li a{ font-size:12px; color:#fff; text-decoration:none; line-height:1.7;}
#wrapper #contentWrapper #supportContent #subNavigation ul li a:hover{ padding-bottom:2px; border-bottom:1px solid #fdb813;}

#wrapper #contentWrapper #supportContent #supportAdvert{ width:174px; height:auto; margin:26px 0 0 0; background:#323232;}
#wrapper #contentWrapper #supportContent #supportAdvert h3#tempExec{ width:174px; height:66px; background:url(http://www.oilexec.com/img/tempExec-link.png) top right no-repeat; text-indent:-9999px;}
#wrapper #contentWrapper #supportContent #supportAdvert p{ margin:-12px 26px 0 26px; font-size:12px; line-height:1.6; padding-bottom:14px;}

#wrapper #contentWrapper #supportContent #clientAdverts{ width:174px; height:auto; margin:14px 0 0 0; background:#323232; padding-top:14px;}
#wrapper #contentWrapper #supportContent #clientAdverts h4{ margin:0 10px 14px 14px; font-size:11px; color:#fff;}
#wrapper #contentWrapper #supportContent #clientAdverts img{ margin:0 0 14px 14px; width:148px; height:64px; overflow:hidden;}

/*#wrapper #contentWrapper #supportContent #cmar{ width:174px; height:auto; margin:7px 0 0 0;}
#wrapper #contentWrapper #supportContent #cmar h5{ width:174px; height:66px; background:url(http://www.oilexec.com/img/cmar.png) top center no-repeat; text-indent:-9999px;}*/

#wrapper #contentWrapper #supportContent #cmar{ display:none;}
#wrapper #contentWrapper #supportContent #cmar h5{ display:none;}


/* footer 
**********************************************************************************************************
*/

#wrapper #contentWrapper #footer #contacts{ width:654px; background: url(http://www.oilexec.com/img/homepage-box4-bg.png) top left repeat; margin:14px 26px 14px 26px; }
/* for carasoul 
#wrapper #contentWrapper #footer #contacts address{ width:135px; color:#cfcfcf; font-size:9px; display:inline; }
#wrapper #contentWrapper #footer #contacts address strong{ font-weight:normal; color:#fdb813; font-size:9px;}
#wrapper #contentWrapper #footer #contacts address a{ color:#fff;} */

#wrapper #contentWrapper #footer #contacts address{ width:146px; margin:14px 0 14px 14px; color:#cfcfcf; font-size:9px; display:inline; }
#wrapper #contentWrapper #footer #contacts address strong{ font-weight:normal; color:#fdb813; font-size:10px;}
#wrapper #contentWrapper #footer #contacts address a{ color:#fff;}

#wrapper #contentWrapper #footer #info{ font-size:9px; color:#fff; width:654px; margin:14px 26px 14px 26px;}
#wrapper #contentWrapper #footer #info ul{ margin-bottom:14px;}
#wrapper #contentWrapper #footer #info ul li{ display:inline; margin:0 6px 0 0; padding:0 5px 0 0; border-right:solid 1px #8c8c8c;}
#wrapper #contentWrapper #footer #info ul li.last{margin:0; padding:0; border-right:none;}
#wrapper #contentWrapper #footer #info ul li a{ color:#8c8c8c;}