@media all {

/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

/* =html */
html { background : #fff; color : #333; }
html { body : height: 101%; }

/* =body */
body { position : relative; margin : 0 auto; padding : 0; font : 63%/1.6 Verdana, Helvetica, Arial, sans-serif; width: 790px; }

/* =blocktext */
h2, h3, h4, h5, p, blockquote, address, dl, ul, ol { margin : 0; padding : .5em 0; }

/* =hx */
h2, h3, h4, h5 { font-weight : bold; color: #666; }

/* =h1 */
h1 {  width: 240px; height: 42px; margin: 15px 0 15px 15px;  position: absolute; top: 32px;}

/* =h2 */
h2 { margin: 0 15px 0 0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 1.8em; color: #000; line-height: 1.2em; }
div#strength h2,
div#quick-links h2, 
div#news h2,
div#track-record h2 { padding: 0; margin: 0 15px 1em 15px; background-position: top left; background-repeat: no-repeat; text-indent: -9999px;  }

div#strength h2 { width: 171px; height: 38px; background-image:url(../img/headers/h2-strength-and-depth.gif); }
div#quick-links h2 { width: 99px; height: 17px; background-image:url(../img/headers/h2-quick-links.gif); }
div#news h2 { width: 91px; height: 14px; background-image:url(../img/headers/h2-latest-news.gif); }
div#track-record h2 { width: 119px; height: 38px; background-image:url(../img/headers/h2-track-record.gif);  }

div.panel h2, div.border h2 {  font-size: 1.6em; font-weight: bold; padding: 0; line-height: 1; color: #000; }
div.border h2 { margin-bottom: 0;  }

/* =h3 */
h3 { font-size : 120%; padding: 0; }
body.page h3 { position: relative; top: -10px; font-weight: normal; color: #D5BE5A; margin-bottom: 10px; font-size: 1.3em; }


div#logoz {

position: absolute;
top:5px;
right: 4px;
}

/* =h4 */


/* =h5 */


/* =p */
p { font-size : 1em; }
div.panel p { margin: 0 15px 1em 15px; padding: 0;}
body.page p { font-size: 1.1em; line-height: 1.6}


/* =blockquote */
blockquote { padding-left : 20px; border-left : 1px solid #999; }
li blockquote { margin-left : 0; padding-left : 0; border-left : none; }
dd blockquote { margin-left : 0; padding-left : 0; }

body.index blockquote {  width: 287px; height: 137px; background: #fff url(../img/content/blockquote-homepage.gif) no-repeat top left; border: 0; padding: 0; margin: 0 0 15px 0; text-indent: -9999px;  } 

/* =kbd/del/ins */
kbd { text-decoration : underline; }
del { color : #999; }
abbr { cursor : help; border: 0; }

/* =strong/b/em/i */
strong, b { font-weight : bold; }
em, i { font-variant : italic; }
div#branding em { font-weight: bold; }

/* =address */
address { font-style : normal; }
address span { display : block; }

/* =img */
img, a img { border : none; }
img#region_map { padding: 0 0 50px 0; }

/* =hr */
hr { display : none; }

/* =table */
table { margin : 0; font-size : inherit;  clear: both; width: 100%;}

/* =caption */
caption { font-weight : bold; }

/* =tr */
tr { padding : .5em 0; }
thead tr { color : #7373cb;  }
tfoot tr { background-color : #333; color : #fff; }
tbody tr { border-bottom : 1px solid #ddd; }
tbody tr:last-child { border-bottom: 0; }

/* = th td */
thead tr th { font-weight: bold; font-size: 110%;}
th, td { padding : .1em 1.5em .1em .5em; vertical-align : top; }

/* =dl/dt/dd */
dl, dt, dd { float: left; }
dt { font-weight : bold; }
dd { padding-bottom : .5em; float: left; }

/* =ul */
form ul { margin-left : 0; }
ul ul { margin-left : 0; }
ul#nav_access { position : absolute; top : -9999px; }
div#nav_main ul { padding: 0; margin-left: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1; padding: 0; }
#nav_main li ul { /* second-level lists */
	position: absolute; margin-left: -5px; padding-top: 8px; 
	width: auto; width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav_main li:hover ul, #nav_main li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

div.panel ul, div.border ul { margin: 0 15px 1em 15px; zoom: 1;}
div#news ul { border-top: 1px solid #aaa; }

/* =ol */
ol { overflow : hidden; }
ol ol { margin-left : 0; }

/* =li */
div#nav_secondary li,
div#nav_supp li, 
div#siteinfo li,
ul#breadcrumb li { display: inline; font-size: 1em; }

#nav_main li { line-height: 1.2; padding-right: 7px; margin-right: 7px; border-right: 1px solid #fff; float: left; text-indent: 0;}
#nav_main li.last { border: 0; padding-right: 0 !important; margin-right: 0 !important; }
#nav_main li ul li { display: block; clear: left; float: none; border: none !important; padding: 0 5px 0 5px; margin: 0 !important;text-indent: 0 !important;  margin-left: -5px;  }


ul.bullet li { background: transparent url(../img/icons/arrow.gif) no-repeat top left;  background-position: 0 5px ; width: 100%;}
div#news li { border-bottom: 1px solid #aaa; padding: 10px 0;  }
div#news li span { font-size: 1em; }

div#track-record li { display: block; width: 100%; margin: 0 0 1.5em 0; float: left; clear: left; }
div#track-record li img { float: left; margin-right: 10px;}
div#track-record li p { margin: 0 !important; float: left; width: 140px; line-height: 1.1;}

/* =a */
a { color : #7373cb; text-decoration : none; }
a:hover { color : #6b6bff; }
a:active { color : #6b6bff;}

/*h1 a { display: block; width: 240px; height: 42px; background: #fff url(../img/headers/h1-petrofac-logo.gif) no-repeat top left; text-indent: -9999px; }*/
h1 a { margin-top:8px; display: block; width: 240px; height: 42px; background: #fff url(../img/headers/TrainingServices.jpg) no-repeat top left; text-indent: -9999px;}
div#nav_main a {  color: #fff; font-size: 1.1em; font-weight: bold; display: block;}

#nav_main a:hover, #nav_main li.active a { color: #c4a006; }
#nav_main li ul li a {  border: none !important; width: 170px !important; font-weight: normal;font-size: 0.8em; color: #000; background-color:  #f2e9c7; display: block !important; padding: 3px 5px; font-family:Arial, Helvetica, sans-serif; margin-bottom: 0 !important;}
#nav_main li ul li a:hover { background-color: #dbc97a; color: #000; }
#content a, #nav_supp a {  color: #c4a006; font-size: 1em; font-weight: bold;  }
#nav_supp a { padding-right: 10px; border-right: 1px solid #666; margin-right: 10px; }
#nav_supp a.last { border: 0; }
#content a:hover, #nav_supp a:hover { color: #000; }
#breadcrumb a { color: #999c9f; }
ul.bullet li a { margin-left: 10px; display: block; width: auto;  }
div#news a { color: #5f6266; display: block; }

/* Sub Navigation tree */
#nav_sub { 
	width: 230px; 
	background-image: url(../img/layout/nav_sup_bg.gif); 
	background-repeat:repeat-y; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.3em; 
	margin-bottom: 15px;
	}
#nav_sub ul, #nav_sub ul ul { padding: 0; margin:0; }
	#nav_sub li a { 
		padding: 5px 0 5px 10px; 
		zoom: 1; display: block; 
		border-bottom: 1px solid #c4a006; 
		color: #000; 
		text-decoration: none; 
		font-weight: normal; 
		}
	#nav_sub li a:hover { background: #ebdeaa url(../img/layout/nav-sup-li_ov.gif) repeat-y top left; }
	
	/* Top Curve */
	#nav_sub ul li a.first { display: block; background-image:url(../img/layout/nav-sup-top.gif); background-repeat: no-repeat;  }
	#nav_sub ul li a.first:hover { background-image:url(../img/layout/nav-sup-top_ov.gif); }
	
	/* Bottom Curve */
	#nav_sub ul li a.last { display: block; background-image: url(../img/layout/nav-sup-btm.gif); background-repeat: no-repeat; background-position: bottom; border-bottom: none;  }
	#nav_sub ul li a.last:hover { background-image: url(../img/layout/nav-sup-btm_ov.gif);  background-position: bottom; }
	
	/* Active Menu (Sub Menus) */
	#nav_sub ul li.active { border-bottom: 1px solid #c4a006;  }
	#nav_sub ul li.active a { font-weight: bold !important; border-bottom: 0; }
	#nav_sub ul li.active li a { font-weight: normal !important; }
		#nav_sub li li { font-size: 0.8em; }
		#nav_sub ul ul { border-left: 5px solid #fff; border-right: 5px solid #fff; border-top: 1px solid #c4a006; }
		#nav_sub ul ul a { font-weight: normal !important; background-image: none !important;  padding-left: 10px;border-bottom: 1px solid #c4a006 !important; background: #ebdeaa; }
		#nav_sub li li a:hover { background-color: #c4a006 !important; }
		#nav_sub li ul li a.sub_active { font-weight: bold !important; }
		#nav_sub li li.last_sub a { border-bottom: 0 !important; }
	
	/* Top level menu */
	ul#top_level_nav li.active a.first { background-image: url(../img/layout/nav-sup-top_ov.gif) !important; }
	ul#top_level_nav li.active a { background-image: url(../img/layout/nav-sup-li_ov.gif) !important; }
	ul#top_level_nav li.active a.last { background-image: url(../img/layout/nav-sup-btm_ov.gif) !important; }
		
/* =div */
div.color-a { background: #f2e9c7; }
div.color-b { background: #faf6e9; } /* Quick Links */
div.color-c { background: #e5e5e5; } /* homepage news */
div.color-d { background: #f8f4e2; } /* Track record */
div.panel { padding: 15px 0; }

div#nav_main div { height: 0px; clear: both; position: absolute; left: -9999px;  }
#content_sub div.panel { margin: 0 0 10px 0; }

div#header {height: 100px; background-repeat: no-repeat; background-position: 100% 50px;}

div.border { background-color: #dbc97a; margin: 0 0 15px 0; padding: 2px; } 
body.index div.border { margin-bottom: 25px; }
div.border div { background: #faf6e9; padding: 13px 0 15px 0; position: relative; z-index: 100; }

/* =layout */
body { width : 790px; }

div#container, 
div#branding, 
div#nav_main, 
div#content,   
div#nav_supp { width : 100%; }

div#branding { clear: both; }

body.index div#branding { width: 790px; height: 150px; background: url(../img/layout/branding-home.jpg); margin-bottom: 15px; }
body.page div#branding { width: 230px; height: 230px; margin-bottom: 15px;  }
body.about div#branding { background-image: url(../img/layout/our_people.jpg); }
body.promos div#branding { background-image: url(../img/layout/jumper.jpg); width:230px; height:230px;}
body.values div#branding { background-image: url(../img/layout/values.jpg); }
body.americas div#branding { background-image: url(../img/layout/americas.jpg); }
body.asia div#branding { background-image: url(../img/layout/asia_pacific.jpg); }
body.career div#branding { background-image: url(../img/layout/careers.jpg); }
body.vacancies div#branding { background-image: url(../img/layout/vacancies.jpg); }
body.careerwithus div#branding { background-image: url(../img/layout/career_with_us.jpg); }
body.competenceled div#branding { background-image: url(../img/layout/competence_led.jpg); }
body.consultancy div#branding { background-image: url(../img/layout/petrofac_X3V2034.jpg); }
body.contacts div#branding { background-image: url(../img/layout/contacts.jpg); }
body.key_offices div#branding { background-image: url(../img/layout/key_offices.jpg); }
body.training-centres div#branding { background-image: url(../img/layout/training_centres.jpg); }
body.training-courses div#branding { background-image: url(../img/layout/training_services.jpg); }
body.russia div#branding { background-image: url(../img/layout/russia.jpg); }
body.europe div#branding { background-image: url(../img/layout/europe.jpg); }
body.middle_east_africa div#branding { background-image: url(../img/layout/middle_east_africa.jpg); }
body.managedsolutions div#branding { background-image: url(../img/layout/consultancy.jpg); }
body.quality div#branding { background-image: url(../img/layout/petrofac_X3V1263.jpg); }
body.regions div#branding { background-image: url(../img/layout/mea_web_pic_curved.jpg); }
body.regional div#branding { background-image: url(../img/layout/petrofac_X3V2800.jpg); }
body.publications div#branding { background-image: url(../img/layout/publications.jpg); }
body.press div#branding { background-image: url(../img/layout/press.jpg); }
body.press_releases div#branding { background-image: url(../img/layout/press_releases.jpg); }
body.portfolio div#branding { background-image: url(../img/layout/portfolio.jpg); }
body.portfolio_response div#branding { background-image: url(../img/layout/petrofac_X3V0430.jpg); }
body.course div#branding { background-image: url(../img/layout/course_booking.jpg); }
body.news div#branding { background-image: url(../img/layout/news.jpg); }
body.history div#branding { background-image: url(../img/layout/history.jpg); }
body.people div#branding { background-image: url(../img/layout/europe.jpg); }

div#container { position: relative; }
div#nav_main { display: block; background: #000; color: #fff; padding: 8px 0; margin-bottom: 15px; width: 790px; position: relative; z-index: 400;}
div#content { float : left; padding: .5em 0; width: 780px; position: relative; }
div#content_main { float: right; width: 527px; margin-left: 5px;}
div#content > div#content_main { margin-left: 10px; } 
	div#content_main .col-a { float: left; width: 290px; }
	div#content_main .col-b { float: right; width: 215px;  } 
div#content_sub { float: left; width: 220px; }
body.page div#content_sub { width: 220px; }

div#strength { margin-bottom: 15px;  }
body.index div#track-record, body.index div#news { /*position: absolute; top: 16em;  */}
div#news { width: 288px; }
div#track-record { width: 100%;  }
#strength { padding-bottom: 35px; }
#news { padding-bottom: 62px;  }

div#nav_supp { clear: both; border-top: 1px solid #999c9f; padding: 10px 0; }

/* =form */
form { padding: 0; margin: 0; }

/* =fieldset */
fieldset#searchbox { position: absolute; top: 65px; right : 0; } 

/* =legend */


/* =label */
form#jump label { position: absolute; left: -9999px; }
fieldset#searchbox label span { display: block; width: 65px; height: 18px; background: #fff url(../img/layout/label-search.gif) no-repeat top left; float: left; text-indent: -9999px;  }

/* =input */
input#search { width: 139px; height: 18px; background: #fff url(../img/layout/searchbox.gif) no-repeat top left; border: 0; margin-right: 5px; text-indent: 5px; }

/* Buttons */
fieldset#searchbox button { width: 28px; height: 19px; background: #fff url(../img/buttons/go.gif) no-repeat top left; text-indent: -9999px; border: 0; position: relative; bottom: -1px; }

/* =textarea */


/* =select */

.clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearing {display: inline-table;}
/* Hides from IE-mac \*/
  * html .clearing {height: 1%; }
  .clearing {display: block;}
/* End hide from IE-mac */


/* New rule to hide gap */
#nav_main li ul li{ margin-bottom: -1px !important; } 

/*= LIST STYLE CLASSES */

.disc { list-style-type: disc;margin-left:20px; }
.circle { list-style-type: circle;margin-left:20px; }
.square { list-style-type: square;margin-left:20px; }
.none { list-style-type: none;margin-left:20px; }
}
.bold {
	font-weight: bold;
}
div#news h3 { color:black; }