html,body
{
margin: 0px;
padding: 0px;
}

.preload
{
	display:none;
}

body
{
	background: #E5E5E5 url(../images/back.jpg) no-repeat top center;
}

img
{
	border:0;
}

#logo
{
	position:absolute;
	top:-24px;
	left:30px;
	z-index:2;
	width:544px;
	height:127px;
}

.clearDiv
{
	clear:both;
}

div.hr 
{
	margin:10px 0px 10px 0px;
	padding:0px;
	height: 1px;
	background: #DADADA;
}

div.hr hr 
{
	display: none;
}	



/* main wrappers
--------------------------------------------------------------------------- */

#wrapper
{
	width:900px;
	margin:0 auto;
}

#topWrapper
{
	position:relative;
	z-index:2;
	margin:38px 0px 0px 0px;
	width:900px;
	height:137px;
	background: url(../images/main_back_top.gif) no-repeat top center;
}

#hmHeaderWrapper
{
	position:relative;
	z-index:1;
	width:900px;
	height:434px;
	background: #FAFAFA;
}

#secHeaderWrapper
{
	width:900px;
	height:325px;
	background: #FAFAFA url(../images/tagline.gif) no-repeat bottom center;
}

#hmBotWrapper
{
	width:900px;
	background: #FAFAFA url(../images/hmmain_back_bot2.gif) repeat-y bottom center;
	
}

#hmBotWrapper2
{
	min-height:185px;
	height:auto !important;
	height:185px;	
	width:900px;
	background: url(../images/hmmain_back_bot.gif) no-repeat bottom center;
}

#secBotWrapper
{
	width:900px;
	background: #FAFAFA url(../images/main_content_back2.jpg) repeat-y bottom center;
	
}

#secBotWrapper2
{
	min-height:350px;
	height:auto !important;
	height:350px;	
	width:900px;
	background: url(../images/main_content_back.jpg) no-repeat bottom center;
}

#secBotWrapper3
{
	min-height:550px;
	height:auto !important;
	height:550px;	
	width:900px;
	background: url(../images/main_content_back.jpg) no-repeat bottom center;
}

.thumbBox{
height:auto;
}

.thumbBox{
width:255px;
min-height:150px;
margin:0px 10px 0px 0px;
color:#49aff7;
float:left;
}

.thumbBox a{
color:#49aff7;
}

#sidepanel{
width:130px;
height:auto;
float:right;
}

.detailThumbs{
width:55px;
height:55px; 
margin:0px 0px 4px 10px;
float:right;
}


/* home content
--------------------------------------------------------------------------- */

.hmcrane
{
	position:absolute;
	top:-13px;
	left:170px;
	width:95px;
	height:144px;
}

#hmCol1
{
	float:left;
	width:299px;
	padding:30px 50px 10px 26px;
}

#hmCol2
{
	float:left;
	width:190px;
	padding:30px 35px 10px 20px;
}

#hmCol3
{
	position:relative;
	width:125px;
	float:left;
	padding:30px 105px 10px 35px;
}


/* secondary content
--------------------------------------------------------------------------- */

.seccrane
{
	position:absolute;
	top:-15px;
	left:180px;
	width:129px;
	height:195px;
}

#ourWorkWrapper
{
width:150px;
height: 400px;
}

#secCol1
{
	float:left;
	width:531px;
	padding:45px 25px 85px 35px;
}

#secCol2
{
	position:relative;
	width:249px;
	float:left;
	padding:45px 30px 160px 30px;
}


/* nav
--------------------------------------------------------------------------- */

#navWrapper
{
	z-index:3;
	position:absolute;
	top:91px;
	left:0px;
	width:869px;
	height:46px;
	padding:0px 0px 0px 31px;
	background: url(../images/nav_back.gif) no-repeat top left;
}

/* footer
--------------------------------------------------------------------------- */

#footerWrapper
{
	text-align:center;
	width:900px;
	padding:20px 0px 20px 0px;
	font: 11px/22px verdana, arial, helvetica, Sans-Serif;
	color: #343434;
}

#footerWrapper a
{
	font: 11px/22px verdana, arial, helvetica, Sans-Serif;
	color: #c8201a;
}


/* our work
--------------------------------------------------------------------------- */

.pageWrapper
{
	width:528px;
	text-align:right;
}

.ourworktable img
{
	border:1px solid #747474;
}

.ourworktable img:hover
{
	border:1px solid #ffffff;
}

.ourworktable a:hover
{
	text-decoration:none;
}

#detailLeft
{
	float:left; 
	width:208px;
}

#detailLeft img
{
	border:1px solid #747474;
}

#detailLeft a:hover
{
	text-decoration:none;
}

#detailLeft img:hover
{
	border:1px solid #ffffff;
}

#detailRight
{
	float:left;  
	width:320px; 
}