@charset "UTF-8";
/* CSS Document */

/*==============================================================
Theme Name:		Deugro
Theme URI:		http://deugro.com
Description:	
Version:		November 2009
Author:			Hien Hoang (Noise 13)
Author URI:		http://noise13.com/
==============================================================*/

* {
	margin: 0;
	padding: 0;
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #000000;
	}
	
/*======================================================================
DEFAULTS
======================================================================*/
	
h1 {
	font-size: 1em;
	padding-bottom: 10px;
	color: #aca790;
	}
h1 .sub {
	font-size: .88em;
	}
	
h2 {
	color: #0082c8;
	font-size: .85em;
	padding-bottom: 15px;
	}
h2.uppercase {
	font-size: .72em;
	text-transform: uppercase;
	}
h2.side {
	font-size: .90em;
	}
h2.no_pad {
	padding-bottom: 5px;
	}
	
h3 {
	font-size: 1.35em;
	display: block;
	height: 69px;
	width: 563px;
	background: #01426a /*url("images/global/bg_large_headline.jpg") no-repeat*/;
	color: #FFFFFF;
	padding: 45px 17px 0px 17px;
	margin-bottom: 25px;
	}
	
h4 {
	color: #625f70;
	font-size: .85em;
	padding-bottom: 10px;
	}
	
p {
	color: #000000;
	font-size: .75em;
	line-height: 1.5em;
	padding-bottom: 20px;
	}
p.sidebar {
	font-size: 0.74em;
	color: #4a4949;
	padding-bottom: 15px;
	}
	
strong {
	font-weight: bold;
	}
	
em {
	font-style: italic;
	}
	
a, a:visited {
	color: #e89e0f;
	text-decoration: none;
	}
	
a:hover, a:active {
	text-decoration: underline;
	}
	
hr {
	background-color: #e4e0cc;
	height: 1px;
	color: #e4e0cc;
	border: none;
	margin-bottom: 15px;
	}
	
ul {
	padding-bottom: 20px;
	margin: 0em;
	list-style: none;
	}
	
li {
	background: transparent url("images/global/bullet.gif") no-repeat 0px 4px;
	padding: 0px 0px 10px 12px;
	color: #000000;
	line-height: 1.5em;
	font-size: .75em;
	}

li.no_bullet {
	background: none;
	}
	
ul li ul {
	list-style: none;
	background-image: none;
	padding: 0;
	margin-left: 1.5em;
	}
	
ul li ul li {
	background: transparent url("images/global/bullet.gif") no-repeat 0px 4px;
	padding: 0px 0px 10px 12px;
	font-size: 1em;
	}
	
img {
	border: none;
	padding: 0;
	}
	
img.col_pic {
	width: 288px;
	height: 120px;
	padding-bottom: 5px;
	}

/*======================================================================
STRUCTURE
======================================================================*/
#header_wrap {
	background: #FFFFFF;
	height: 125px;
	}
	
#header {
	width: 904px;
	height: 125px;
	background: transparent url("images/global/bg_content.gif") repeat-y;
	padding: 0px 50px;
	margin: 0px auto;
	}
	
#logo {
	float: left;
	width: 147px;
	height: 89px;
	padding-top: 15px;
	}

#content_wrap {
	background: #FFFFFF;
	}
	
#content {
	width: 904px;
	background: transparent url("images/global/bg_content.gif") repeat-y;
	padding: 20px 50px 50px 50px;
	margin: 0px auto;
	}
	
.module, .module_last, .module_map {
	background: #FFFFFF url("images/global/bg_module.gif") no-repeat;
	width: 252px;
	float: left;
	padding: 18px 36px 18px 18px;
	text-align: left;
	}
.module_map {height: 330px;}	
.module_last {
	width: 252px;
	padding: 18px;
	}
	
#main {
	background: #FFFFFF;
	width: 597px;
	float: left;
	}
#main.main_pad {
	padding-left: 15px;
	width: 582px;
	}	

#main .box_items {
	background: #FFFFFF url("images/global/bg_box.gif") 20px 0px no-repeat;
	}
	
#main .case_entry {
	width: 480px;
	padding-right: 15px;
	float: left;
	}
	
#main .case_gallery {
	width: 100px;
	float: right;
	text-align: right;
	}
	
.column, .column_nopad {
	width: 288px;
	height: 285px;
	margin-right: 20px;
	float: left;
	border-bottom: solid #e4e0cc 1px;
	margin-bottom: 12px;
	}
.column_nopad {margin-right:0px;}
	
#sidebar {
	width: 306px;
	float: left;
	}
	
.row { clear: both; }
.col1 { width: 278px; float: left; margin-right: 24px; padding-top: 10px;border-top: solid #e4e0cc 1px;}
.col2 { width: 278px; float: left; padding-top: 10px; border-top: solid #e4e0cc 1px;}

a.read_more, a.read_more_slide {
	background: transparent url("images/global/btn_read_more_off.gif") no-repeat;
	height:12px;
	width:80px;
	text-decoration: none;
	display: block;
	font-size: 0px;
	color: #FFFFFF;
	text-indent: -9000px;
	}

a.read_more_slide {
	padding-top: 125px;
	background: transparent url("images/global/btn_read_more_off.gif") no-repeat bottom;
	}
	
a.read_more:hover {
	background: transparent url("images/global/btn_read_more_on.gif") no-repeat;
	}

a.read_more_slide:hover {
	background: transparent url("images/global/btn_read_more_on.gif") no-repeat bottom;
	}

	
p.date {
	color: #aea786;
	border-bottom: solid #e4e0cc 1px;
	padding-bottom: 0px;
	text-transform: uppercase;
	margin-bottom: 15px;
	}
	
.navigation .alignLeft {
	float: left;
	text-align: left;
	display: block;
	wdith: 100px;
	}
	
.navigation .alignRight {
	float: right;
	text-align: right;
	display: block;
	wdith: 100px;
	}	
	
/*======================================================================
HERO (MIDDLE ALIGNMENT)
======================================================================*/

#hero_wrap {
	background: #e4e0cc;
	height: 310px;
	}
	
#hero {
	width: 904px;
	height: 310px;
	background: transparent url("images/global/bg_hero.gif") no-repeat;
	padding: 0px 50px;
	margin: 0px auto;
	position: relative;
	}
	
#hero img {
	display: block;
	width: 904px;
	height: 310px;
	position: absolute;
	top: 0px;
	left: 50px;
	}
	
	
table#hero_info, table#hero_info_ie, #hero #about_quotes {
	width: 904px;
	height: 135px;
	position: absolute;
	top: 175px;
	background: #013f66;
	color: #e4e0cc;
	font-size: .90em;
	line-height: 1.5em;
	padding-right: 20px;
	z-index: 100;
	overflow: hidden;
	}
#hero #about_quotes {
	padding-right: 0px;
	}
	
table#hero_info td, table#hero_info_ie td {
	vertical-align: middle;
	}
	
table#hero_info td.title_space, table#hero_info_ie td.title_space, .about_title_space {
	width: 280px;
	background: url("images/global/bg_hero_bar.gif") 260px 21px no-repeat;
	vertical-align: middle;
	padding-left: 20px;
	}
.about_title_space {float: left; padding-top: 35px; height:100px; }
.a_quote {float: left; width: 604px;color: #e4e0cc;
	font-size: .90em;
	line-height: 1.5em;padding-top: 55px; height:80px;}
	
.title, .large_title {
	color: #FFFFFF;
	font: bold 1.35em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding-bottom: 5px;
	padding-top: 16px;
	}
.large_title {
	font-size: 1.5em;
	}

.credit {
	font-size: .85em;
	line-height: 1.25em;
	font-weight: normal;
	color: #e4e0cc;
	}

#hero p.hero_info_side {
	width: 251px;
	top: 52px;
	height: 142px;
	left: 587px;
	background: transparent url("images/global/bg_hero_side.gif") no-repeat;
	padding: 2px 0px 0px 90px;
	font-size: .90em;
	line-height: 1.3em;
	position: absolute;
	color: #e4e0cc;
	}

span.title_side {
	color: #FFFFFF;
	font: bold 1.45em Arial, Helvetica, sans-serif;
	line-height: 1.25em;
	}
	
/*======================================================================
GALLERY
======================================================================*/
#gallery { margin: 0; padding: 0;}
dl.gallery-item { margin: 0px; padding: 0px; text-align: left; }
.gallery img { border: 0px solid #cfcfcf; padding:0px; margin: 0px; width: 80px; height:60px;}
dt.gallery-icon { padding: 0px; margin: 0px; height: 50px; width: 60px;}
/* If you want to show images slowly, use this. And you need to edit lightbox-gallery.js too. */
/* .gallery img {display: none; border: 2px solid #cfcfcf;} */
.gallery-caption { margin-left: 0; display:none; }

/*======================================================================
SEARCH
======================================================================*/
#search {
	width: 225px;
	float: right;
	height: 20px;
	padding-top: 40px;
	}
	
.search-form .search-text {
	border: solid #CCCCCC 1px;
	padding: 3px;
	float: left;
	}
	
.search-form .search-submit {
	display: block;
	border: none;
	color: #FFFFFF;
	background-color: #fabc00;
	padding: 3px 5px;
	*padding: 3px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: right;
	margin-left: 3px;
	font-size: 10px;
	}

/*======================================================================
MAIN NAVIGATION
======================================================================*/
ul#main_nav {
	list-style: none;
	width: 665px;
	float: right;
	padding-top: 25px;
	height: 22px;
	overflow: hidden;
	}

ul#main_nav li {
	padding: 0px;
	display: inline;
	background: none;
	}
	
ul#main_nav li a {
	color: #FFFFFF;
	text-indent: -9000px;
	display: block;
	}

ul#main_nav li#home a,
ul#main_nav li#about a,
ul#main_nav li#services a,
ul#main_nav li#locations a,
ul#main_nav li#case a,
ul#main_nav li#hseq a,
ul#main_nav li#compliance a,
ul#main_nav li#newsroom a,
ul#main_nav li#contact a {
	display: block;
	height: 22px;
	float: left;
	background: transparent url("images/global/main_nav.gif") no-repeat;
	}
	
ul#main_nav li#home a {
	background-position: 0 0px;
	width: 46px;
	}
	
ul#main_nav li#home a:hover,
ul#main_nav li#home a#current {
	background-position: 0 -22px;
	}
	
ul#main_nav li#about a {
	background-position: -46px 0px;
	width: 59px;
	}
	
ul#main_nav li#about a:hover,
ul#main_nav li#about a#current {
	background-position: -46px -22px;
	}
	
ul#main_nav li#services a {
	background-position: -104px 0px;
	width: 73px;
	}
	
ul#main_nav li#services a:hover,
ul#main_nav li#services a#current {
	background-position: -104px -22px;
	}
	
ul#main_nav li#locations a {
	background-position: -177px 0px;
	width: 84px;
	}
	
ul#main_nav li#locations a:hover,
ul#main_nav li#locations a#current {
	background-position: -177px -22px;
	}
	
ul#main_nav li#case a {
	background-position: -261px 0px;
	width: 100px;
	}
	
ul#main_nav li#case a:hover,
ul#main_nav li#case a#current {
	background-position: -261px -22px;
	}
	
ul#main_nav li#hseq a {
	background-position: -360px 0px;
	width: 50px;
	}
	
ul#main_nav li#hseq a:hover,
ul#main_nav li#hseq a#current {
	background-position: -360px -22px;
	}

ul#main_nav li#compliance a {
	background-position: -411px 0px;
	width: 93px;
	}
	
ul#main_nav li#compliance a:hover,
ul#main_nav li#compliance a#current {
	background-position: -411px -22px;
	}
	
ul#main_nav li#newsroom a {
	background-position: -503px 0px;
	width: 91px;
	}
	
ul#main_nav li#newsroom a:hover,
ul#main_nav li#newsroom a#current {
	background-position: -503px -22px;
	}
	
ul#main_nav li#contact a {
	background-position: -593px 0px;
	width: 66px;
	}
	
ul#main_nav li#contact a:hover,
ul#main_nav li#contact a#current {
	background-position: -593px -22px;
	}
	
/*======================================================================
SIDE NAVIGATION
======================================================================*/
ul#side_nav {
	list-style: none;
	width: 288px;
	float: left;
	padding-bottom: 11px;
	margin: 0;
	}

ul#side_nav li {
	padding: 0px;
	border-bottom: solid #FFFFFF 1px;
	list-style: none;
	}
	
ul#side_nav li a, ul#side_nav li a.no_hover {
	display: block;
	color: #0082c8;
	font: bold 0.95em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 10px 18px;
	background: #dfedf3;
	}
	
ul#side_nav li a:hover, ul#side_nav li a#current {
	color: #FFFFFF;
	background: #0b7cc1;
	text-decoration: none;
	}

ul#side_nav li a.no_hover {
	color:#0082c8;
	background: #dfedf3;
	}
	
ul#side_nav li ul {
	padding: 0;
	margin: 0;
	border-top: solid #FFFFFF 1px;
	border-bottom: none;
	}
	
ul#side_nav li ul li a {
	padding-left: 70px;
	font-size: 0.87em;
	}

	
/*======================================================================
MAP
======================================================================*/
ul#map {
	height: 127px;
	width: 252px;
	margin: 0;
	padding: 0;
	position: relative;
	background: transparent url("images/global/map_sprite.gif") 0px 0px no-repeat;
	}
	
ul#map li {
	float: left;
	list-style: none;
	position: absolute;
	padding: 0px;
	background: none;
	}

ul#map li a {
	display: block;
	padding: 0px;
	}
	
ul#map li#americas {
	left: 0px;
	width: 110px;
	height: 127px;
	}
	
ul#map li#americas a {
	width: 110px;
	height: 127px;
	}
	
ul#map li#americas a:hover {
	background: transparent url("images/global/map_sprite.gif") 1px -129px no-repeat;
	}
	
ul#map li#africa {
	width: 70px;
	height: 71px;
	left: 98px;
	top: 40px;
	}

ul#map li#africa a {
	width: 66px;
	height: 71px;
	}
	
ul#map li#africa a:hover {
	background: transparent url("images/global/map_sprite.gif") -97px -298px no-repeat;
	}
	
ul#map li#europe {
	width: 70px;
	height: 47px;
	left: 100px;
	top: 0px;
	}

ul#map li#europe a {
	width: 70px;
	height: 47px;
	}
	
ul#map li#europe a:hover {
	background: transparent url("images/global/map_sprite.gif") -99px -386px no-repeat;
	}
	
ul#map li#middle_east {
	width: 37px;
	height: 29px;
	left: 134px;
	top: 38px;
	}

ul#map li#middle_east a {
	width: 37px;
	height: 29px;
	}
	
ul#map li#middle_east a:hover {
	background: transparent url("images/global/map_sprite.gif") -134px -551px no-repeat;
	}
	
ul#map li#asia {
	width: 105px;
	height: 126px;
	left: 152px;
	top: 1px;
	}

ul#map li#asia a {
	width: 105px;
	height: 126px;
	}
	
ul#map li#asia a:hover {
	background: transparent url("images/global/map_sprite.gif") -151px -641px no-repeat;
	}


	
/*======================================================================
FORM
======================================================================*/
form fieldset {
	margin-bottom: 10px;
	border: none;
	padding: 0;
	margin: 0;
	}
	
form label, form label.no_margin {
  	display: inline-block;
  	line-height: 1.8;
  	vertical-align: top;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #898989;
	background: #FFFFFF;
	border: solid #CCCCCC 1px;
	padding: 10px;
	margin: 0px 10px 10px 0px;
	float: left;
	}
	
form label.no_margin, form label.no_margin {
	margin: 0px 0px 10px 0px;
	}
	
form fieldset ol, form fieldset ol {
  	margin: 0;
  	padding: 0;
	}
	
form fieldset li, form fieldset li {
  	list-style: none;
  	padding: 5px;
  	margin: 0;
	background: none;
	}
	
form fieldset fieldset, form fieldset fieldset {
  	border: none;
  	margin: 0px 0px 15px 0px;
	}
	
form fieldset fieldset label {
  	display: block;
  	width: 160px;
	padding: 3px 0px;
	margin: 0px;
	border: none;
	color: #0082c8;
	float: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	}
	
form em {
  	font-weight: bold;
  	font-style: normal;
 	color: #f00;
	}
	
form label {
  	width: 265px; /* Width of labels */
	}
	
form fieldset fieldset label {
  	margin-left: 0px; /* Width plus 3 (html space) */
	}

form .text {
	border: solid #FFFFFF 1px;
	}
	
form .select {
	float: right;
	width: 295px;
	}
	
form .left {
	float: left;
	}
	
form textarea  {
	border: solid #FFFFFF 1px;
	width: 555px;
	}
	
form .input_text {
	width: 560px;
	}
	
form .btn_submit {
	display: block;
	border: none;
	color: #FFFFFF;
	background-color: #0082c8;
	padding: 5px 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: right;
	margin-right: 15px;
	}
	
form .required {
	float: left;
	width: 200px;
	color: #898989;
	font-size: .70em;
	}

/*======================================================================
POSTS SLIDESHOW
======================================================================*/

#d13slideshow{
		width:252px;
		height:330px;
		margin:0px;
		background: #FFFFFF url("images/global/bg_module.gif") no-repeat;
		float: left;
		padding: 18px;
		text-align: left;
	}
	#d13nav{ margin:0px; padding:0px; }
	/*#navleft{
		z-index:200;
		position:absolute;
		width:15px;
		height:(HEIGHT-70)px;
		margin:0px; padding:0px; }
	#navright{
		z-index:201;
		position:absolute;
		width:15px;
		height:(HEIGHT-70)px;
		margin:0px; padding:0px;
		margin-left:(WIDTH-15)px; }
	#navleft a,
	#navright a{
		width:15px;
		height:(HEIGHT-70)px;
		display:block;
		filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;
		background-position:center center;
		background-repeat:no-repeat; }
	#navleft a{ background-image:url(left.gif); }
	#navright a{ background-image:url(right.gif);  }
	#navleft a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; }
	#navright a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; }
	#navleft a span,
	#navright a span{ display:none; }*/
	#d13slideshow a {
		color: #0082c8;
		}
	#d13slideshow h2 {
		background-color: #dfedf3;
		}
	#d13slideshow p {
		position: absolute;
		display: block;
		width: 252px;
		}
		
	div.d13slide{
		padding:0px;
		margin:0px; 
		position: relative;}
	div.d13slide img{
		padding:0px;
		margin:0px;
		height: 120px; 
		position: relative;}
	div.d13fader{
		font-family:Arial, Helvetica, sans-serif;
		filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;
		height:70px;
		z-index:1;
		margin:10px 0px 0px 0px;
		padding:0px; }

/*======================================================================
FOOTER
======================================================================*/
#footer_wrap {
	background: #f8ab00;
	height: 73px;
	}
	
#footer {
	width: 904px;
	height: 53px;
	background: transparent url("images/global/bg_footer.gif");
	padding: 20px 50px 0px 50px;
	margin: 0px auto;
	}
	
#footer p.footer {
	color: #FFFFFF;
	font-size: .70em;
	padding-bottom: 10px;
	}


#footer a, #footer a:visited, #footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer ul#bottom_nav {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#footer ul#bottom_nav li {
	display: inline;
	background: none;
	padding: 0;
	}
	
#footer ul#bottom_nav li.inline {
	font-size: .70em;
	display: block;
	text-transform: none;
	color: #FFFFFF;
	float: left;
	padding-left: 5px;
	}
	
#footer ul#bottom_nav li a, #footer ul#bottom_nav li a.left {
	display: block;
	padding: 0px 5px;
	float: left;
	font-size: .86em;
	border-right: solid #FFFFFF 1px;
	height: 15px;
	text-transform: uppercase;
	}
 #footer ul#bottom_nav li a.left {
 	padding-left: 0px;
	}
	
/*======================================================================
FIX
======================================================================*/
.clear {
	clear: both;
	}