html,body{height:100%}

BODY {
	height: 100%;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #d3d3d3;
	background-image: url(../images/site_bg.jpg);
	background-repeat: repeat-x repeat-y;
	text-align: center;
}

a {
	color:#000;
	text-decoration:none;
}

#container{
	height:100%;
	min-height:100%;
	width: 762px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #150a68;
	background: #ACB4C0;	
	text-align: center;	
}


#container2{
	height:100%;
	min-height:100%;
	width: 762px;
	background: #ACB4C0;	
	text-align: center;	
}

html>body #outer{height:auto}


.heading{
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 2px;
}

#contentContainer{
	width: 762px;
}


#banner{
	background-color: #4f5c71;
	padding-bottom: 4px;
	width: 760px;
	height: 314px;
}


#bbanner{
	background-color: #4f5c71;
	padding-bottom: 4px;
	width: 760px;
	height: 288px;
}

#product{
	background-color: #e3e2e7;
	padding-bottom: 24px;
	width: 760px;
	height: auto;
}


#product:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }

#introImageContainer{
	
	width: 340px;
	height: auto;
	float: left;		
	text-align: right;
}

.introImage{
	margin-top: 15px;
	border: 2px solid #475674;
}

#introContainer{

	width: 381px;
	height: 314px;	
	float: right;	
}

#productintroContainer{

	width: 420px;
	height: auto;	
	float: right;	
}

#bintroContainer{

	width: 371px;
	height: 288px;	
	float: right;	
}

#newsContainer{

	width: 381px;
	height: 314px;	
	float: left;
	padding: 10px;	
}

#introHeader{

	width: 330px;
	padding: 8px;
	margin-right: 10px;
	margin-top: 10px;	
	text-align: left;
	font-family: arial, helvetica;
	font-size: 12px;
	text-transform: uppercase;	
	color: #000000;
	overflow: auto;
	float: right;
	letter-spacing: 1px;
	font-weight: 800;	

}


#productintroHeader{

	width: 370px;
	padding: 8px;
	margin-right: 10px;
	margin-top: 10px;	
	text-align: left;
	font-family: arial, helvetica;
	font-size: 12px;
	text-transform: uppercase;	
	color: #000000;
	overflow: auto;
	float: right;
	letter-spacing: 1px;
	font-weight: 800;	

}

#newsHeader{

	width: 330px;
	padding: 8px;
	margin-right: 10px;
	margin-top: 10px;	
	text-align: left;
	font-family: arial, helvetica;
	font-size: 12px;
	text-transform: uppercase;	
	color: #000000;
	overflow: auto;
	float: left;
	letter-spacing: 1px;
	font-weight: 800;	

}
	
#intro{
	width: 330px;
	height: 290px;
	padding: 8px;
	margin-right: 10px;
	text-align: left;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #000000;
	overflow: auto;
	float: right;
	
}

	
#productintro{
	width: 370px;
	height: auto;
	padding: 4px;
	margin-right: 10px;
	text-align: left;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #000000;
	overflow: auto;
	float: right;
}


	
#fullproduct{
	width: 700px;
	height: auto;
	padding: 20px;
	text-align: left;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #000000;

}

#fullproduct:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }

.proddesc{
	
	width: 99%; 
	float: left; 
	margin-top: 20px;
	
}



#news{
	width: 330px;
	height: 240px;
	padding: 8px;
	margin-right: 10px;
	text-align: left;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #000000;
	overflow: auto;
	float: left;
	
}

	
#bintro{
	width: 330px;
	height: 210px;
	padding: 8px;
	margin-right: 10px;
	text-align: left;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #000000;
	overflow: auto;
	float: right;
	
}



.imgbox{
	
	width: 720px;
	margin-bottom: 10px;
	
}


#content{
	text-align: left;
	font-family: arial, helvetica;
	font-size: 11px;
	padding: 10px;
	background: #596680;
	border: 1px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-left: 0px solid #ffffff;	
	height: auto;
}

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


.content{
	text-align: left;
	font-family: arial, helvetica;
	font-size: 11px;
	padding: 10px;
	background: #596680;
	border: 1px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-left: 0px solid #ffffff;		
	height: auto;
}

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

.contentDivider{
	
	background: #003366;
	height:30px;
	color:#FFF;
	border-top:3px;
	
}

.contentSubHead{
	font-family: arial, helvetica;
	font-size: 12px;
	text-transform: uppercase;	
	color: #000000;
	letter-spacing: 1px;
	font-weight: 800;
	padding: 14px;
	padding-bottom: 0px;	
}


.contentSubText{
	padding-top: 0px;
	padding: 24px;
	font-size: 11px;
}


#logo{
	padding-top: 40px;
}

#menu{
	background-image: url(../images/crane_menu_bg.jpg);
	height: 40px;
	width: 760px;
}

#footer{
	margin-top: 10px;
	padding-top: 8px;	
	background-image:url(../images/bottom.jpg); 
	background-repeat:no-repeat;
	text-align: center;
	font-family: arial;
	font-size: 9px;
	width: 760px;
	padding-bottom: 80px;
}


#craneMenu{
	background-color: #003366;
	width: 100%;
	border-top: 1px solid #cccccc;
	height: 32px;
}

.craneSubMenu{
	background-color: #003366;	
	float: left;
	color: #ffffff;
	font-size: 10px;
	font-family: arial;
	width: 80px;
	text-align:left;
	padding-top: 3px;
	padding-bottom: 3px;
}

#craneSubIndent{
	background-color: #003366;	
	float: left;
	width: 120px;
}


A.craneLink{
	color: #ffffff;
	text-decoration: none;	
}

A.craneLink:hover{
	color: #bacde0;
	text-decoration: none;	
}

A.frontCraneLinks{
	color: #000000;
	font-weight: 800;
	text-decoration: none;
}

A.frontCraneLinks:hover{
	color: #808080;
	font-weight: 800;
	text-decoration: none;	
}


A{
	text-decoration: none;	
}

A:hover{
	color: red;
	text-decoration: underline;
}

A.prodLink{
	color: #4711f4;
	letter-spacing: 1px;
	font-weight: 800;
	text-decoration: none;
	padding: 2px;	
}

A.prodLink:hover{
	color: #ffffff;
	letter-spacing: 1px;	
	font-weight: 800;
	text-decoration: none;
	background-color: #4711f4;
	padding: 2px;	
}


A.btt{
	float: right;
	border: 1px solid #c0c0c0;
	padding: 4px;
	background: #ffffff;
	color: #c0c0c0;
	margin-right:6px;
}	
	
A.btt:hover{
	float: right;
	border: 1px solid #003366;
	padding: 4px;
	background: #ffffff;
	color: #003366;
	margin-right:6px;
	text-decoration: none;
}	
	
	#craneList{
		font-family: arial, helvetica;
		font-size: 11px;
		margin: 0px;
		padding: 0px;
		
	}
	
		
			
	#craneList ul {
		list-style: none;
		margin: 0;
		margin-top: 6px;
		padding-left: 1em;
		text-indent: -1em;
		}

	#craneList li, #craneList-gen li {
		list-style-image: none;
		list-style-type: none;
		margin: 2px;
		}
		
		
		
	.clearDiv{
	clear: both; 
	line-height: 1px; 
	height: 1px; 
	display: block; 
	margin: 0; 
	padding: 0
	}
	
	H1{
		font-size: 14px;
		margin: 0px;
		padding: 0px;
		font-weight: bold;
	}
	
	H2{
		font-size:12px;
		margin: 0px;
		padding: 0px;		
		font-weight: bold;		
	}
	
		
	.didUknow{
		float: right;
		width: 210px;
		border: 1px solid #808080;
		border-top: 1px solid;
		border-bottom: 1px solid;
						
		padding: 4px;
		background: #ffffff;
	}
	
	.duk_cntnt{
		width: 200px;	
		background: #ffffff;
		padding: 5px;
	}
		
		
	.duk_head{
		text-transform: uppercase;
		background-color: #ebe8cc;
		letter-spacing: 3px;
		font-weight: 800;
		text-align: center;
		color: #000000;
		width: 200px;
		padding: 5px;
		margin-bottom: 2px;
		font-family: arial,helvetica;
	}	



		
	.didUknow2{
		float: left;
		border: 1px solid #808080;
		border-top: 1px solid;
		border-bottom: 1px solid;
		padding: 4px;
		background: #ffffff;
	}
	
	.duk_cntnt2{
		background: #ffffff;
		padding: 5px;
	}

		
		
	.duk_head2{
		text-transform: uppercase;
		background-color: #ebe8cc;
		letter-spacing: 3px;
		font-weight: 800;
		text-align: center;
		color: #000000;
		padding: 5px;
		margin-bottom: 2px;
		font-family: arial,helvetica;
	}	

	
		
	.ds{
		float: right;
		width: 210px;
		border: 1px solid #808080;
		border-top: 1px solid;
		border-bottom: 1px solid;
		margin-left: 20px;
		padding: 4px;
		background: #ffffff;
	}
	
	
	.ds_cntnt{
		width: 200px;
		background: #ffffff;
		padding: 5px;
		text-align: center:
	}
		
		
	.ds_head{
		text-transform: uppercase;
		background-color: #ffffff;
		letter-spacing: 3px;
		font-weight: 800;
		text-align: center;
		color: #000000;
		width: 200px;
		padding: 5px;
		margin-bottom: 2px;
		font-family: arial,helvetica;
		border-bottom: 1px solid #444444;
	}		
	
	
	
	
	#spec_head{
		
		padding: 6px;
		border-bottom: 1px solid #808080;
		font-size: 14px;
		font-weight: 800;
		color: #000000;
		letter-spacing: 4px;
		text-align: center;
		text-transform: uppercase;
		
	}
	
	.spec_text{
		padding-left: 16px;
	}
	
	H4{
		font-size:11px;
		
		padding-bottom: 4px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-transform: uppercase;
		
		width: 372px; 
		color: #444444;
		margin: 0px;
	}	
	
	.spec_box{
		width: 360px; 
		padding-bottom: 0px;
		border-top: 0px solid #000000; 
		border-bottom: 0px solid #000000; 
		background-color: #ffffff;
	}

	

.tc_row_odd{ 
	width: 100%;
	height: 20px;
	margin-bottom: 4px;

	border-bottom: 1px solid #c0c0c0;	
	padding: 2px;
}

.tc_row{ 
	width: 100%;
	margin-bottom: 4px;

	padding: 2px;
	border-bottom: 1px solid #c0c0c0;
	height: 20px;	

}

.tc_left{
	float: left;
}

.tc_right{
	text-align: left;	
	float: right;
	font-style: italic;
}


	.tb_box{
		padding: 10px;
		padding-bottom: 0px;
		border: 4px solid #808080; 
		border-top: 0px solid #000000; 
		border-bottom: 0px solid #000000; 
		background-color: #ffffff;
	}

.tb_row_odd{ 
	width: 100%;
	height: 20px;
	margin-bottom: 4px;
	border-bottom: 1px solid #c0c0c0;	
	padding: 2px;
}

.tb_row{ 
	width: 100%;
	margin-bottom: 4px;
	padding: 2px;
	border-bottom: 1px solid #c0c0c0;
	height: 20px;	

}

.tb_left{
	float: left;
	margin-right: 4px;
	width: 150px;
}

.tb_right{
	text-align: left;	
	float: left;
	width: 70px;

}




.lt{
	width: 500px;
	float: left;
}

.ltRow{
	padding-bottom: 2px;
	padding-top: 2px;
	width: 500px;
	float: left;
	margin-bottom: 2px;
}

.ltBullet{
	width: 14px;
	min-width: 14px;	
	float: left;
	text-align: right;
}

.ltText{
	padding-left: 5px;
	float: left;
	width: 481px;
}
html>body #container{height:auto}/* not ie6- */