/*** 

Pro Drill
Borndigital, 2010 

Red = #ee2e24
Light Grey = #898989
 
***/

/* ----------- MAIN STRUCTURE ----------- */

body { color:#FFF; font-family:Calibri, 'Segoe UI', Arial, Helvetica, sans-serif; background:#000; }

#page_wrap { width:934px; margin:auto; }
	
#side_bar { float:left; width:205px; clear:both; }
	
.main_content { float:right; width:701px; }



/* ----------- TYPOGRAPHY ----------- */

.main_content p,
.main_content li { font-size:13px; margin-bottom:.5em; line-height:150%; }

.main_content h2 { font-size:16px; margin-bottom:.5em; }
.main_content h3 { font-size:14px; margin-bottom:.4em; color:#ee2e24; line-height:130%; }
.main_content p + h2 { margin-top:20px; } 

.main_content p + h3 { margin-top:13px; } 

a { text-decoration:none; }
/*.primary_content a,  .primary_content_home a { color:#fff; border-bottom:1px dotted #fff; }*/

.main_content a { color:#fff; border-bottom:1px dotted #fff; }


h2 { text-transform:uppercase; font-weight:bold; }




/* ----------- GENERAL ----------- */


address { font-style:normal; }

h2#logo {background:url(/images/logo.png) no-repeat -1px 0; margin-top:25px; margin-bottom:32px;}
h2#logo a { display:block; text-indent:-9999px; width:209px; height:57px; }


.primary_content { background:url(/images/copy-bg.jpg) no-repeat; padding:25px; }
/*.primary_content h2 { margin-bottom:22px; }*/
.primary_content strong { color:#ee2e24; }

.primary_content_home { padding:30px; padding-top:20px; background:url(/images/home-gradient.png) repeat-x; /*background-color:#1d1d1d; */ }

.clickable { cursor:pointer; }

.side_img_right { float:right; margin:0 0 20px 20px; }

#slideshow { width:701px; height:274px; position:relative; }
#slideshow img { position:absolute; left:0; top:0; }


/* ------------ NAV ------------ */


#nav li { margin-bottom:1px; line-height:normal; width:100%; }
#nav li a { display:block; background-color:#4f4f4f; color:#fff; text-decoration:none; font-size:13px; padding:6px 9px 8px 9px; line-height:normal; }
#nav li a:hover { background-color:#444; }
#nav li a.active  { background:url(/images/active-bg.png) no-repeat #ee2e24 95px 0; color:#000; }

#nav .subnav li a { background-color:#2b2b2b; font-size:13px; }
#nav .subnav li a:hover { background-color:#444; }
#nav .subnav li a.active, #nav .subnav li a.active:hover { color:#ee2e24; background-image:none; }

.primary_content ul, .primary_content_home ul { margin:10px 0 10px 20px;  } 
.primary_content ul li, .primary_content_home ul li { margin-bottom:5px; background:url(/images/bullet.png) no-repeat 0 0; padding-left:23px; font-size:11px; } 


/* ------------ HEADERS ------------ */

h1 { width:100%; height:138px; background:#000 no-repeat top left; text-indent:-9999px; margin-bottom:0; }
h1#home { background-image:url(/images/headers/home.jpg); height:274px; }
h1#overwater { background-image:url(/images/headers/projects-overwater.jpg); }
h1#equipment { background-image:url(/images/headers/equipment.jpg); }
h1#credentials { background-image:url(/images/headers/credentials.jpg); }
h1#personal { background-image:url(/images/headers/personal.jpg); }
h1#contact { background-image:url(/images/headers/contact.jpg); }
h1#sustainability { background-image:url(/images/headers/sustainability.jpg); }
h1#health { background-image:url(/images/headers/healthandsafety.jpg); }
h1#services { background-image:url(/images/headers/services.jpg); }


/* ------------ PROMOS / FEATURES------------ */

ul.promo { margin-bottom:20px; overflow:hidden; }
ul.promo li { height:174px; width:100%; position:relative; background:url(/images/promo-bg.jpg) no-repeat top right; margin-bottom:10px; color:#fff; line-height:normal; float:left; }
ul.promo li:last-child { margin-bottom:0;  }
ul.promo li .promo_img { width:227px; height:174px; float:left; padding-right:30px; }
ul.promo li h2 { margin:25px 0 15px 0; text-transform:uppercase; font-weight:bold; font-size:14px; }
.btn.view_case { background-color:#EE2E24; position:absolute; bottom:18px; right:22px; }
ul.promo dt { float:left;  width:90px; text-transform:uppercase; color:#ee2e24;  }
ul.promo dd { margin-bottom:5px; }

.feature { width:227px; height:349px; float:right; margin-left:25px; margin-top:-16px; background:url(/images/feature-bg.png) no-repeat 0 196px #1e1f1f; position:relative;  }
.feature_img { margin:5px 0 0px 0; }
.feature h2 { font-size:12px; color:#fff; line-height:140%; }
.feature h3 { font-size:10px; color:#ee2e24;  }
.feature dt { display:inline; font-size:10px; color:#ee2e24; padding-right:7px; }
.feature dd { display:inline; color:#fff; font-size:13px; line-height:145%; }
.feature .btn.view_case { background-color:#EE2E24; position:static; margin:15px 0; margin-top:10px;  }
#feature_content { padding:15px; padding-top:10px; }



/* ------------ BUTTONS ------------ */

.btn { float:left;  }
.btn a { text-decoration:none; display:block; font-size:10px; color:#fff; padding:4px 7px; line-height:normal; border-bottom:none!important; }
.btn_type_1 a { background-color:#EE2E24; }
.btn_type_2 a { background-color:#898989; }

.email_this { position:absolute; right:10px; top:10px; }
.email_this a { background-color:#898989; color:#fff; text-transform:uppercase; font-size:10px; padding:2px 5px; border:none;  }

.btn_grid  {  float:left; margin-right:1px; }
.btn_grid a { background:url(/images/btn-menu-button.png) no-repeat; text-indent:-9999px; display:block; width:60px; height:22px; border:none; } 
.btn_grid a:hover { background:url(/images/btn-menu-button.png) no-repeat 0 -22px; }

.btn_back { float:left; }
.btn_back a { background:url(/images/btn-left-button.png) no-repeat; width:21px; height:22px; text-indent:-9999px; display:block; border:none; }
.btn_back a:hover { background:url(/images/btn-left-button.png) no-repeat 0 -21px; }

.btn_forward { float:left; }
.btn_forward a { background:url(/images/btn-right-button.png) no-repeat; width:21px; height:22px; text-indent:-9999px; display:block; border:none; }
.btn_forward a:hover { background:url(/images/btn-right-button.png) no-repeat 0 -21px; }



/* ------------ EQUIPMENT ------------ */


#selector_header { background:url(/images/gradient-header.jpg) repeat-x; height:45px; position:relative;  }
#selector_wrap { position:absolute; left:10px; top:10px; }
#selector_wrap select { width:224px; float:left; margin:0 1px;  height:22px; font-size:11px; }

#equipment_feature { margin-top:20px; }
#equipment_feature li { float:left; margin-right:20px; margin-bottom:20px; height:205px; width:220px; background:url(/images/equipment-content-bg.png) no-repeat 0 158px; }
#equipment_feature li:hover { background-position:bottom; }
#equipment_feature li p { color:#000; font-size:12px; margin: 5px 5px 5px 33px; line-height:normal; }
#equipment_feature li a { color:#000; border:none; }
#equipment_feature li p strong { color:#fff; }

#equipment_feature li.no_right { margin-right:0; }



/* ------------ FOOTER ------------ */


#footer { clear:both; padding:25px 0; border-top:1px solid #444; margin-top:25px; width:934px; }

#companies li { height:33px; float:left; margin:0; margin-right:10px; }
#companies li a { display:block; text-indent:-9999px; height:33px; }
#companies li a:hover { background-position:0 -33px; }
.company_1 a {  width:74px; background-image:url(/images/btn-footer-site-safe.png);  }
.company_2 a { width:89px; background-image:url(/images/btn-footer-telarc.png); }
.company_3 a { width:80px; background-image:url(/images/btn-footer-nzdf.png); }
.company_4 a {  width:83px; background-image:url(/images/btn-footer-ipenz.png); }

#footer li a { text-decoration:none; }

.strapline { float:right; width:160px; height:26px; margin-top:10px; }



/* ----------- TOOLS ----------- */

.float_L { float:left; }
.float_R { float:right; }
.clear { clear:both; }

.clearfix {
	zoom: 1; /* for IE7 */
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac /*/
	height: 1%;/* End hide from IE-mac */
	}