@charset "utf-8";

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top:0px;
	background-color: #FFCC00;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#FFCC00;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFCC00;
}


h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	margin-top:15px;
}


ul{
	display:block;
	width:700px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float: left;
	clear: both;
}
a  {
	color:#FFCC00;
	text-decoration: underline;
}
a:hover  {
	color:#FFFFFF;
}

#sitecontainer {
	width: 960px;
	margin:0 auto;
	background:  transparent url(images/mainBG.gif) top right repeat-y;
}

#siteheader {
	width: 960px;
	background: #464646 url(images/labelpic2.jpg) top right no-repeat;
	height: 100px;
}

#siteheader img {display:block;float:left;position:relative;top:10px;left:10px;margin:0px 0px 0px 0px;
}

#siteheader h2{
	float:right;
	position:relative;
	top:30px;
	width:270px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	right: 10px;
	display:block;
	margin:0px 0px 0px 0px;
}

#siteheader ul{
	display:inline;
	width:640px;
	height:30px;
	float:right;
	position:relative;
	top:50px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	clear:none;
}

#siteheader ul li{
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:30px;
	line-height:30px;
	list-style-image: url(images/bullet.gif);
	list-style-type: disc;
}

#siteheader ul li a{
	text-decoration:none;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:0px 5px 0px 0px;
	padding:0px 5px 0px 5px;
	float:left;
}

body#homepage #sitecontainer #siteheader ul li a#b1,body#aboutus #sitecontainer #siteheader ul li a#b2,body#craneborer #sitecontainer #siteheader ul li a#b3,body#load-management #sitecontainer #siteheader ul li a#b4,body#services-support #sitecontainer #siteheader ul li a#b5,body#contact #sitecontainer #siteheader ul li a#b6{
background:#252524 url(images/menubg1.gif) top right repeat-x;color:#FFFFFF; border-left:1px solid #e6e6e6;border-right:1px solid #3d3d3d;border-top:1px solid #e6e6e6;
}

#siteheader ul li a:hover{
background:transparent url(images/menubg.gif) top right repeat-x;color:#000000;
}

#hpbodyContainer{
	width: 960px;	/*height: 330px;*/
}

#hpleftBody{
	width: 320px;
	height: 473px;
	display:block;
	float: left;
	background:#464646 url(images/bgsideshadow.gif) top right  repeat-y;
}

#hpbodyTxt {
	display:block;
	float:left;
	width:320px;
	background:transparent url(images/bgshadowbar.gif) top right  no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: 428px;
}
	
#hpbodyTxt h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	color: #FFCC00;
}

#hpbodyTxt p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 15px;
	margin-right: 18px;
	margin-bottom: 12px;
	margin-left: 30px;
	color: #FFFFFF;
	text-align: left;
}
	
a#btnPDF{
	display:block;
	float:left;
	width:320px;
	height:45px;
	position:relative;
	top;135px;
	background:#FFDD37 url(images/pdfbutton.jpg) top right no-repeat;
}

a#btnPDF:hover{
	background:transparent url(images/pdfbuttonho.jpg) top right no-repeat;
}
	
a#btnPDF span{
display:none;visibility:hidden;
}
	
#hprightBody{
	width: 640px;
	background-color:#CCCCCC;
	top: 0px;
	height: 428px;
	float: right;
}
#hprightBodyTxt{
	display:block;
	float:left;
	width:640px;
	height:45px;
	line-height:45px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFBA0;
}

#hprightBodyTxt p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	color: #000000;
	text-align: left;
	font-weight: bold;
}

.hptable{
	margin-left:29px;
	margin-top:20px;
	color:#FFCC00;
}

#bottombar{
	width: 960px;
	height:50px;
	background: url(images/bgbottom.gif) top right repeat;
	margin: 0 auto;
}

#bottombarTxt{
	width:550px;
	height:50px;
	line-height:50px;
	float:left;	
}

#bottombarTxt p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	color: #FFFFFF;
	text-align: left;
}

#bottombar a{
	text-decoration:none;
	color:#FFD401;
}

#bottombar a:hover{
	color:#FFF899;
	text-decoration: underline;
}

#bottombarPartner{
	width:160px;
	height:50px;
	float:right;
	line-height: 50px;
}

#bottombarPartner img{
	display:block;
	float:right;
	position:relative;
	top:5px;
	margin:0px 0px 0px 0px;
	right: 10px;
}

#bottombarPartner p{
	display:block;
	float:left;
	left:0px;
	position:relative;
	top:0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: right;
}

#footerbar{
	display:block;
	width: 960px;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform:uppercase;
	margin: 0 auto;
}

#footerTxtName{
	width:805px;
	float:left;
	line-height: 30px;
	text-align: right;
	height:30px;
}

#footerTxtName img{
	padding-left:15px;
	padding-right: 3px;
}

#footerTxtName a{
	text-decoration:none;
	color:#0000FF;
}

#footerTxtName a:hover{
	color:#0000FF;
	text-decoration: underline;
}

#footerTxtWiseOrange{
	width:140px;
	float:right;
	line-height: 30px;
	position:relative;
	display:block;
}

#footerTxtWiseOrange a{
	text-decoration:none;
	color:#0000FF;
}

#footerTxtWiseOrange a:hover{
	color:#0000FF;
	text-decoration: underline;
}

#clearfloat{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#bodyContainer{
	background:#464646 url(images/bgsideshadow.gif) top right repeat-y;
	margin: 0 auto;
	width: 960px;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

#bodyshadow {
	display:block;
	float:left;
	width:960px;
	height:23px;
	background:#464646 url(images/shadowbar2.gif) top right repeat-x;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


#contactbody {
	width: 900px;
	display:block;
	margin: 0 auto;
	border: 1px inset white;
	background:#FFFFFF url(images/content_bg.GIF) top left repeat-x;
}

#contactleft{
	width: 450px;
	display:block;
	float: left;
}

#contactleft p{
	color:#000000;
	font-size: 13px;
	width: 400px;
	margin-top: 20px;
	margin-left: 20px;
}

#contactright{
	width: 450px;
	top: 0px;
	float: right;
}

#contactright a{
	color:#0000FF;
	text-decoration: underline;
}

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

#contactthanks {
	width: 900px;
	margin: 0 auto;
	border: 1px inset white;
	background:#FFFFFF url(images/content_bg.GIF) top left repeat-x;
}

#contactthanks p{
	margin:25px;
	display: block;
	clear: both;
}

.tblcontactthanks{
margin-left:25px;
margin-top:10px;
}

.tblcontact{
	margin-left:18px;
	margin-top:10px;
	color: #000000;
}

#abt_load_serv{
	width: 900px;
	background: #666666;
	height: 316px;
	border: 1px inset white;
	background:#464646 url(images/content_bg.GIF) top left repeat-x;
	background-color:#FFFFFF;
	display: block;
	margin: 0 auto;
}

#abt_load_serv p{
	color:#000000;
	font-size: 13px;
	width: 500px;
	margin-top: 20px;
	margin-left: 20px;

}

#abt_load_serv #col1, #abt_load_serv #col2{width:50%;height:316px;float:left;}
#abt_load_serv #col2{float:right;}

#abt_load_serv img{
	margin-top: 0px;
	float: right;
	position: relative;
	display:block;
	clear:none;
}

#abt_load_serv a{
	color:#0000FF;
	text-decoration: underline;
}
#abt_load_serv a:hover{
	color:#0000FF;
	text-decoration: none;
}
#abt_load_serv ul{
	display:block;
	width:240px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 40px;
	list-style-type:disc;
	list-style-position:inside;
	position: relative;
}

#abt_load_serv ul li{
	list-style-type:disc;
	clear: left;
}

#abt_load_serv ul li ul li{list-style-type:circle;}

.tblloadbody{
	margin-left:18px;
	margin-top:10px;
}


.cranebody {
	width: 900px;
	margin: 0 auto;
	border: 1px inset white;
}
.cranebodyleft{
	background:#FFFFFF url(images/content_bg.GIF) top left repeat-x;
	width: 298px;
	display:block;
	float: left;
	border: 1px solid black;
	height: 590px;
}

.cranebodyleftcaption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align:left;
	color: #000000;
	background-color:#FFCC00;
	width:290px;
	margin-left: auto;
	margin-right: auto;
	padding:4px 4px 4px 4px;
	float: left;
}

.cranebodyleftthumbnail{
	width:290px;
	position:relative;
	top:25px;
	left:25px;
	
}

.cranebodyrightcaption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align:center;
	color: #FFCC00;
	background-color:#000000;
	width:588px;
	margin-left: auto;
	margin-right: auto;
	padding:4px 4px 4px 4px;
	float: left;
}
.cranebodyright{
	width: 598px;
	top: 0px;
	float: right;
	background-color: #000000;
	height: 590px;
	border: 1px solid black;
}

.cranebodyrightbigimage{
	width:595px;
	margin-left:0px;
	margin-top:0px;
	float:left;
}

.cranebodyrightdownload{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;
	color: #FFCC00;
	background-color:#000000;
	width:588px;
	margin-left: auto;
	margin-right: auto;
	padding:4px 4px 4px 4px;
	float: left;
}

.cranebodyrightdownload a{
	color:#FFFFFF;
	text-decoration:underline;
}

.cranebodyrightdownload a:hover{
	color:#FFCC66;
	text-decoration:none;
}

.cranebody ul{
	display:block;
	margin:0px 0px 0px 10px;
	padding:10px 0px 0px 20px;
	float: left;
	clear: both;
	width: 250px;
}

.cranebodytopurl{
	font-size:9px;
	color: #000000;
}

a.cranebodytopurl {
color:#000000;
text-decoration:underline;
}

a.cranebodytopurl:hover{
color:#000000;
text-decoration:none;
}

#bld_body{
	width: 900px;
	display:block;
	position:relative;
	margin: 0 auto;
	border: 1px inset white;
	background:#FFFFFF url(images/content_bg.GIF) top left repeat-x;
}
#bld_body   p{
	width:900px;
	margin:20px 0px 0px 25px;
	float: left;
}

#blodbody{
	width: 900px;
	display:block;
	position:relative;
	margin: 0 auto;
	border: 1px inset white;
	background:#FFFFFF url(images/content_bg.GIF) top left repeat-x;
}

#blodbody ul{
	width:900px;
	margin:20px 0px 0px 25px;
	clear: both;
	float: left;
	display: block;
	list-style-type: disc;
	list-style-position:inside;
}

#blodbodyul li{
	list-style-type:disc;

}

#posbody{
	width: 900px;
	display:block;
	position:relative;
	margin: 0 auto;
	border: 1px inset white;
	background:#FFFFFF url(images/content_bg.GIF) top left repeat-x;
}
#posbody  ul{
	width:900px;
	margin:20px 0px 0px 25px;
	clear: both;
	float: left;
	display: block;
	list-style-type: disc;
	list-style-position: inside;
}

#posbody ul li{
	list-style-type: disc;
}

#blodthumbnails{
	float:left;
	display:block;
	width:138px;
}

#blodbigimage{
	float:right;
	display:block;
	padding-right: 12px;
}

#sitemapbody {
	width: 900px;
	margin: 0 auto;
	border: 1px inset white;
	background:#FFFFFF url(images/content_bg.GIF) top left repeat-x;
}

#sitemapbody a{
	color:#0000FF;
	text-decoration:none;
}

#sitemapbody a:hover{
	color:#0000FF;
	text-decoration:underline;
}

#sitemapbody ul{
	width:900px;
	margin:20px 0px 0px 35px;
	clear: both;
	float: left;
	display: block;
	list-style-position:inside;
	list-style-type: disc;
}

#sitemapbody ul li {list-style-type:disc;}

#sitemapbody ul li ul li{list-style-type:circle;}

#sitemapbody img{
	margin-top: 0px;
	float: right;
	position: relative;
	display:block;
	clear:none;
}

.loadcaption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align:left;
	color: #FFCC00;
	background-color:#000000;
	width:726px;
	margin-left: auto;
	margin-right: auto;
	padding:4px 4px 4px 4px;
	padding-right: 12px;
}

.loadcaption2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align:left;
	color: #FFCC00;
	background-color:#000000;
	width:726px;
	margin-left: auto;
	margin-right: auto;
	padding:4px 4px 4px 4px;
	float: right;
	padding-right: 12px;
}

.downloadcaption{
	text-align:center;
	background-color:#000000;
	width:587px;
	margin-left: auto;
	margin-right: auto;
	padding:4px 4px 4px 4px;
	float: right;
}

.bodyheading{
	margin-left: 40px;
	margin-top: 10px;
}

.bodyheading a{
color:#FFCC00;
text-decoration: underline;	
}

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