/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#B1B3B6;
   background:#171717 url(../images/bg.gif)  repeat-x top left;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 62.5%;}
 
* {
   margin:0;
   padding:0;
   list-style-type:none;}
  



/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
 color:#B1B3B6;
 text-decoration: underline;}

a:hover, a:active {
 text-decoration:none;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none; }

fieldset br{
 clear:both;}
 
fieldset{
 border:none;}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
 width: 750px;
 margin: 0 auto;}

#header{
 height:78px;
 padding: 10px 0 0 0;}

#banner{
 height: 265px;}

#content{
 padding: 25px 0 0 0;}

#footer{
 background:#0D0D0D;
 margin: 10px 0 0 0;
 padding: 25px 0;}

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.logo{
 background:url(../images/logo.gif) no-repeat top left;
 width: 348px;
 height:72px;
 text-indent:-9999px;
 overflow:hidden;
 display:block;
 float:left;
 margin: 6px 0 0 0;}

#header-right{
 float:right;
 width: 300px;}

a.estimate{
 background:url(../images/bg_requestestimate.gif) no-repeat top left;
 width: 156px;
 padding: 3px 0 0 0;
 height:25px;
 float:right;
 display:block;
 text-align:center;
 color:#FEF5B4 !important;
 text-decoration:none !important;
 font-weight:bold;
 font-size:1.4em;}

span.phonenumber{
 float:right;
 color:#000;
 font-size:1.8em;
 clear:right;
 margin: 25px 0 0 0;
 font-weight:bold;}

/* 3.2 BANNER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#banner-image{
 float:right;
 width: 580px;}

#banner-image p{
 position:absolute;
 height:27px;
 background:url(../images/bg_caption.png) repeat-x top left;
 text-align:right;
 color:#FFF;
 font-weight:bold;
 font-size:1.2em;
 width: 570px;
 margin: 213px 0 0 0;
 padding: 15px 10px 0 0;}

ul#main-nav{
 width:160px;
 border:2px solid #272727;
 background:#000000;
 font-size:13px;
 float:left;}

ul#main-nav li{
 border-bottom:1px solid #3F3F3F;}

ul#main-nav li.last,
ul#main-nav li.last a{
  border:none;}

ul#main-nav li a{
 display:block;
 color:#FFF !important;
 text-decoration:none !important;
 padding: 8px 0 0px 18px;
 height:21px;
 background:url(../images/bullet.gif) no-repeat 6px 0;
 border-bottom:1px solid #262626;}

ul#main-nav li a:hover{
 background:#272727 url(../images/bullet.gif) no-repeat 6px -37px !important;}

/* 3.3 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#content h3{
 font-size:1.4em;
 color:#E5D30D;
 padding: 0 0 5px 0;
 text-transform:uppercase;
 font-weight:normal;}

#content h4{
 color:#B1B3B6;
 font-size:1.2em;
 font-weight:normal;}

#content p,
#content ul{
 font-size:1.1em;}
 
/* Main Content */
#main-content{
 width: 498px;
 float:left;}

#main-content h2{
 color:#E5D30D;
 padding: 0 0 5px 0;
 font-size:2.4em;}

p.intro{
 color:#FFF;
 font-size:1.4em !important;
 padding: 0 0 30px 0;
 line-height:1.5em;}

.current-projects {
 width: 240px;
 padding: 0 18px 0 0;
 float:left;}

.leading-equipment{
 width:240px;
 float:left;}

.feature h5{
 text-transform:uppercase;
 color:#F6FF00;
 font-size:1.1em;
 font-weight:normal;
 padding: 0 0 3px 0;}

.feature p{
 padding: 0 0 15px 0;
 line-height:1.2em;}

.feature p.border{
 border-bottom:1px solid #C9C9C9;}

.feature img{
  border:2px solid #565656;
  margin: 0 0 8px 0;}
 
.button{
 background:#000000;
 padding: 9px 20px;
 font-size:1.2em;
 display:block;
 float:left;
 color:#E9D60A !important;
 text-decoration:none !important;}
 
/* Sidebar */
#sidebar{
  width: 228px;
  float:right;}
 
#sidebar .box{
  background:#0D0D0D;
  margin: 0 0 15px 0;
  padding: 15px 10px;}
 
#sidebar .box h5{
 font-size:1.2em;
 padding: 0 0 4px 0;
 color:#F8DD21;}
 
ul.services{
 padding: 10px 0 10px 20px;}

ul.services li{
 background:url(../images/bullet_square.gif) no-repeat 0 center;
 padding: 0 0 0 13px;
 margin: 0 0 4px 0;}

#sidebar .contactus{
 padding-bottom:0;}

#sidebar .contactus h4{
 padding: 0 0 24px 0;}

#sidebar .contactus p{
 font-size:1.2em !important;
 padding: 0 0 23px 0;
 line-height:1.4em;}

#sidebar .contactus p span{
 color:#FADD19;}
 
/* contact page form */
.contactform table {
	margin: 0 auto;
}
.contactform table td {
	padding-bottom: 8px;
	vertical-align: top;
} 
.contactform table td.label {
	padding-right: 15px;
	padding-top: 2px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}
.contactform .textbox {
	font-size: 1.2em;
	padding: 2px;
	width: 280px;
	background-color: #2e2e2e;
	border: 1px solid #000;
	color: #fff;
}

.contactform .button {
	background-color: #0d0d0d;
	border: 1px solid #242424;
	color: #f8dd21;
	font-weight: bold;
	font-size: 1.2em;
	padding: 2px 10px 2px 10px;
}

.servicethumb {
	float: left;
	margin: 4px 10px 0 0;
}

/* 3.4 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer-wrapper{
 width: 750px;
 margin: 0 auto;} 

#footer p{
 padding: 0 0 3px 0;}

#footer a{
 text-decoration:none !important;}