/* CSS Document */

@import url('../js/jquery.colorbox/colorbox.css');


body {
	margin:0;
	padding:0;
	background:#183144 url(../images/tile.gif) center 0 repeat-y;
	font:11px Tahoma;
	color:#5E5E5E;
}

#wrap {
	width:826px; height:auto;
	background-color:#FFFFFF;
	margin:0 auto;
	padding-bottom:20px;
}

h1 {color:#FFFFFF; font-size:11px; font-weight:bold;}
h2 {color:#293E61; font-size:14px; font-weight:bold;}

p, ul, li, h1, h2, h3 {margin:0; padding:0;}

table p {margin:5px 0 5px 0;}

a {text-decoration:none; color:#293E61;}
a:hover {color:#CE7707;}

b {color:#DC8310;}

#header {
	width:770px; height:106px; 
	margin:0 auto;
	position:relative;
}

#header .logo {
	width:327px; height:49px;
	position:absolute; left:29px; top:29px;
}

#header .details {
	width:272px; height:53px;
	background: url(../images/details_phone.jpg) no-repeat;
	position:absolute; right:0; top:45px;

}

#content {
	width:770px; height:auto;
	margin:0 auto;

}

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#left {
	width:327px; height:auto;
	float:left;
	padding-bottom:20px;
	
}


#left .flash {
	width:327px; height:327px;
	margin-top:13px;

}

#left p {
	margin-top:20px;
	line-height:15px;
	padding:0 3px 0 3px;

}



#right {
	width:425px; height:auto;
	float:left;
	margin-left:18px;
	padding-bottom:20px;

}

#right #sections {
	width:425px; height:auto; 
	background:url(../images/section_back.jpg) 0 top no-repeat;
	background-color:#FFFFFF;
	padding-bottom:33px;
}


#right #sections_inside {
	width:425px; height:auto; 
	padding-top:13px;
}


/*------------------------- inner ------------------------*/
#inner_left { width: 239px; float: left; }

#inner_right { width: 500px; float: left; margin-left: 15px; padding-bottom: 20px; background: url("../images/section_back.jpg") center top no-repeat; }


#inner_right h1#head {
	background: url("../images/h1_tile.gif") repeat-x;
	color: #FFFFFF;
	margin-top: 10px; 
	padding: 4px 10px 4px 10px;
	height: 20px;
	display: block;
	font-weight: bold;
	text-align: right;
	width: 480px;
}

#inner_right ul { padding: 10px 0; margin: 0; }
#inner_right ul li { padding: 0; margin: 0 0 0 30px; }

.gallery { }
.gallery ul { list-style-type: none; margin: 0; padding: 0; }
.gallery ul li { padding: 0 10px; margin: 0 10px 0 !important; float: left; display: inline; }

.gallery ul li a img { border: 2px solid #2a3e61; }
.gallery ul li a:hover img { border: 2px solid #ff9900; }

.affiliates { width: 200px; margin: 0 auto; }
.affiliates ul { list-style-type: none; margin: 0; padding: 0; }
.affiliates ul li { padding: 0 10px; margin: 0 30px 0 !important; float: left; display: inline; }



#left-panel {
	width: 206px; 
	padding: 15px;
	margin-top: 20px;
	background-color: #E8E8E6;
}

#left-panel p {
	margin-bottom: 15px;
}

#left-panel h2 {
	color: #FE9400; 
	font-size: 13px; 
	font-weight: bold;
}

#left-panel h2.space {
	margin-bottom: 15px;
}

#left-panel h3 {
	color: #2d8fda; 
	font-size: 12px; 
	font-weight: bold;
}

.orange {
	color: #FE9400; 
}

#left-panel ul {
	list-style-type: none;
}

.section_head {
	background:url(../images/h1_tile.gif) repeat-x;
	color:#FFFFFF;
}

.head_text {
		margin-top:4px; padding:0 10px 0 10px;
		font-weight:bold;
}

.more {margin-top:5px;}
.more_info {margin-top:5px;}

#footer {
	height:55px; width:770px; 
	border-bottom:1px dashed #C1C1C1;
	margin:0 auto;
	position:relative;
}

#footer p {
	font:9px Tahoma;
	position:absolute; top:13px;
}

#footer a {
	text-decoration:underline;
	color:#5E5E5E;
}

#footer a:hover {
	color:#FF9000;

}

#partners {
	height:127px; 
	width:770px; 
	margin:0 auto;
	padding: 15px 0;
	border-bottom:1px dashed #C1C1C1;
	position:relative;
}

#partners img {
	float: left;
	padding: 0 5px;
}

/* Scroller Box */
#scroller_container {
	position: relative;
	width: 180px;
	height: 127px;
	overflow: hidden;
	float: left;
	margin-left: 20px;
}

#scroller p {
 padding: 0;
 line-height: 1.6em;
 font-size: 14px;
 font-weight: bold;
 color: #FF9000;
 text-align: center;
}
/* Scoller Box */



.navigation {
	width:131px; 
	height:260px; 
	position:relative; 
	margin-top:10px;
} 

.navigation_back {width:327px; height:auto;}

.text {width:229px; height:auto; clear:left; padding-top:10px;}

.nav {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;


}

.nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;



 }

.nav a {
	float: left; clear:left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	text-indent:-999px;
		}

.nav a:hover {
	background-position: 0 -26px;
	}

.mhome a  {
	width: 235px; 
	background: url('../images/navigation/home.jpg') no-repeat;
	}
	
.mtest a  {
	width: 235px; 
	background: url('../images/navigation/test.jpg') no-repeat;
	}
	
.mndt a  {
	width: 235px; 
	background: url('../images/navigation/ndt.jpg') no-repeat;
	}
	
.mhydraulic a  {
	width: 235px; 
	background: url('../images/navigation/hydraulic.jpg') no-repeat;
}

.mprofile a  {
	width: 235px; 
	background: url('../images/navigation/profile.jpg') no-repeat;
}

.mlift a  {
	width: 235px; 
	background: url('../images/navigation/lifting_equipment.jpg') no-repeat;
	}

.minspect a  {
	width: 235px; 
	background: url('../images/navigation/inspection.jpg') no-repeat;
	}

.mmobile a  {
	width: 235px; 
	background: url('../images/navigation/mobile_testing.jpg') no-repeat;
	}

.msling a  {
	width: 235px; 
	background: url('../images/navigation/sling_management.jpg') no-repeat;
	}

.mbalustrade a  {
	width: 235px; 
	background: url('../images/navigation/balustrade.jpg') no-repeat;
	}

.mriggers a  {
	width: 235px;  
	background: url('../images/navigation/rigger.jpg') no-repeat;
	}

.mhire a  {
	width: 235px; 
	background: url('../images/navigation/hire_equipment.jpg') no-repeat;
	}

.mlocations a  {
	width: 235px; 
	background: url('../images/navigation/locations.jpg') no-repeat;
	}

.marchitectural a  {
	width: 235px; 
	background: url('../images/navigation/architectural.jpg') no-repeat;
	}
	
.mcontact a  {
	width: 235px; 
	background: url('../images/navigation/contact.jpg') no-repeat;
}


#general li { list-style-type: square; }
#general {margin:20px 0 20px 20px;}

#list li { list-style-type: square; }
#list {margin:0 15px;}

h3 {font-size:13px; color:#CE7707; margin:10px 0 10px 0;}

input, select, textarea {border:1px solid #C3C9CE; font:11px Tahoma; color:#5E5E5E; padding:5px;}
textarea {width:180px;}

td.pdf {
	padding: 20px 0;
}

td.pdf img {
	border: 0;
}

.caption ul {
	list-style-type: none;
	margin: 0 0 0 50px;
}

.caption ul li {
	width: 200px;
	text-align: center;
	float: left;
	padding-top: 5px;
}

a.button-test {
	width: 327px;
	height: 28px;
	background: url('../images/button_test.jpg') no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

a:hover.button-test {
	background-position: 0 -28px !important; 
}


a.button {
	width: 87px;
	height: 62px;
	padding: 20px 10px;
	margin: 10px 0 0;
	display: block;
	overflow: hidden;
	background-color: #2a3e61;
	color: #FFFFFF;
	font-size: 1.3em;
	text-align: center;
	text-transform: uppercase;
}

a:hover.button {
	background-color: #ff9900;
	color: #FFFFFF;
}