/* CSS Document */
/* = BASIC SETTINGS -- body, text, etc.

-------------------------------------------------------------------------------------------*/
body {
	behavior: url(/_inc/csshover.htc); /* WinIE behavior call */
	margin:0; padding:0; border:0;
	font: 12px/18px arial,verdana,helvetica;
	background:#fff;
	text-align:center;
	color:#000;
	}

p {
	margin-top:0;
	margin-bottom:1em;
	}

p, h1, h2, h3, h4, td, li {
	text-align:left;
	}

img {
	border:0;
	}

a {
	text-decoration:underline;
	color:#0019a8;
	}

a:hover {
	color:#E86A10;
	}

.clear	{
	font-size: 1px;
	line-height: 1px;
	height: -1%;
	clear:both;
	}

.nobold { 
	font-weight: normal;
	}

/* = CONTAINER -- wraps the whole page
-------------------------------------------------------------------------------------------*/
#container {
	width:770px;
	background:white;
	border:none;
	margin:0 auto; padding:0;
	}

/* = CONTENT WRAPPER -- used for creating the side and bottom 1px border
-------------------------------------------------------------------------------------------*/
#contentwrap {
	width:768px;
	margin:0;
	padding:2 0 0 0;
	float:right;
	border-top:2px solid #000000;
	border-right:1px solid #0019a8;
	border-bottom:2px solid #0019a8;
	border-left:1px solid #0019a8;
	}

/* = MASTHEAD -- branding and feature crane banner
-------------------------------------------------------------------------------------------*/
#masthead {
	height: 120px;
	border:0;
	margin:0;
	padding:0;
	background:url(../_img/bigge_tower_crane.gif) no-repeat;
	background-position:left;
	text-align:right;
	margin:0;
	}

	#masthead p {
		color:#fff;
		display:block;
		width:350px;
		float:left;
		font-size:10px;
		padding:85px 0 0 20px;
		line-height:12px;
		font-style:italic;
		}
		
	#masthead h1 {
		display:none;
		}
		
	#masthead object, #masthead embed {
		float:left;
		width:400px;
		}

/* = TOWER CRANE -- illustration
-------------------------------------------------------------------------------------------*/
#tower-crane {
	width: 550px;
	height:585px;
	position:relative;
	border:0;
	margin:0;
	padding:0;
	background:url(/_img/tower-crane-illustration.jpg) no-repeat;
	}	

/* = TOP NAVIGATION -- basic nav bar under masthead
-------------------------------------------------------------------------------------------*/
#topnav {
	width:770px;
	height:27px;
	margin:0;
	padding:0;
	background-color:#e86a10;
	background:url(../_img/nav_shadow.gif) no-repeat 0px 25px;
	}

	#topnav a {
		float:left;
		border-left:1px
		solid #fff; 
		border-right:1px 
		solid #000; 
		display:block; 
		text-decoration:none; 
		color:#fff; 
		line-height:23px;
		font-weight:bold; 
		text-align:center; 
		height:25px;
		background:url(../_img/btn_bg.gif) repeat-x;
		}

	#topnav a:hover { 
		background:url(../_img/btn_bg_over.gif) repeat-x; cursor:pointer; 
		}

	#topnav a.btn0  { 
		width:59px; 
		border-left:none !important; 
		}
	#topnav a.btn1 { 
		width:134px; 
		}
	#topnav a.btn2 { 
		width:137px; 
		}
	#topnav a.btn3 { 
		width:169px; 
		}
	#topnav a.btn4 { 
		width:100px; 
		}
	#topnav a.btn5 { 
		width:73px; 
		}
	#topnav a.btn6 { 
		width:86px; border-right:none !important; 
		}

/* ************************************************************* PROMO AD RIGHT ALLEY */
#promo_beta {
	float:left; width: 245px; height:350px;
	margin:10px 0 0 7px; padding: 0 0 0 0; 
	background:url(../_img/ad_promo_beta.jpg) no-repeat;
	}
	
	.promo_content {
		width:245px; height:350px; float:left; padding:0; margin:0;
		display:block; border:0px solid #000; 
		}
		
#promo_container {
	display:block;
	border:solid 0px #000;
	float:left; 
	width: 260px; 
	margin:0; 
	padding-left:5px;
	/*background:url(../_img/alimak-logo.gif) no-repeat; */
	}

#promo_content2 {
	float:right;
	width:240px;
	margin:60px 0 0 15px; 
	padding:0;
	}

#promo_cad {
	display:block;
	border:solid 0px #000;
	float:left; 
	width:250px; 
	height:525px;
	margin-right:20px;
	background:url(../_img/CAD-drawing.gif) no-repeat;
	position:relative;
	}	
	
/* ************************************************************* BIGGE PROJECTS */
#promo {
	width: 245px; 
	height:450px; 
	margin:0; 
	padding: 0 0 0 0; 
	float:left;
	border:0; 
	margin:0; 
	padding:0;
	background:url(../_img/ad_promo.jpg) no-repeat;
	}

#disclaimer {
	float:left;
	padding: 0 0 25px 0;
	width:450px;
	height:25px;
	font-family:Arial Narrow;
	font-size:14px;
	font-style:italic;
	color:#545454;
	}

#bigge_map {
	position:relative;
	background-image:url(../_img/bigge_map.gif);
	background-repeat:no-repeat;
	margin:3px auto 0 auto;
	padding:0 0 0 0;
	width:450px;
	height:301px;
	border:0px;
	}

#vert_line {
	position:absolute;
	top:350px;
	left:500px;
	height:36px;
	border-left:5px solid #fff;
	border-right:5px solid #000; 
	}

#project_container_horizontal {
	float:right;
	display:block;
	border:solid 1px #000;
	width: 200px; 
	height:133px; 
	margin:0; 
	padding:0;
	margin-left:15px;
	margin-bottom:15px; 
	}

#project_container_portriat {
	float:right;
	display:block;
	border:solid 1px #000;
	width: 133px; 
	height:200px; 
	margin:0; 
	padding:0;
	margin-left:15px;
	margin-bottom:15px; 
	}

#click_photo {
	width:150px;
	display:block;
	border:solid 0px #000;
	margin:0; 
	padding:0;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#e86a10;
	text-align:right;
	right:25px; 
	top:30px;
	position:absolute;
	} 

/* = MAIN NAVIGATION -- sidebar navigation used throughout the site
-------------------------------------------------------------------------------------------*/
#mainnav { 
	background-color:#fff; 
	border:0; 
	padding:0; 
	margin:0 0 40px 0; 
	width:150px; 
	float:left; 
	clear:left; 
	}

/* heading for section palette */
	#mainnav h1 {
		color:#fff;
		width:150px;
		height:20px;
		margin:20px 0 0 0;
		padding:4px 0 0 7px;
		background:url(/_img/sidenav_top.gif) no-repeat;
		border:0;
		font-size:12px; 
		line-height:normal; 
		font-weight:bold;
		display:block;
		position:relative; 
		left:2px;
		}

/* stats for each palette */
	#mainnav ul {
		width:100%;
		padding:0 !important;
		margin:0 !important;
		background:url(/_img/sidenav_bg.gif) repeat-y;
		position:relative; 
		left:2px;
		}

/* stats for each line item, including all sub-sections */
	#mainnav ul li {
		list-style-image: none; 
		list-style-type:none;
		color:#000; 
		width:148px;
		height:auto;
		margin:0; 
		padding:0;
		background:url(/_img/orange_arrow.gif) no-repeat 7px 8px;
		border:1px solid #0019a8; 
		border-top:none !important;
		font-size:11px; 
		line-height:14px; 
		font-weight:bold;
		display:block;
		}

	#mainnav ul li:hover { 
		background-color:#e7e7e7; 
		}
		#mainnav ul li a {
			text-decoration:none; 
			color:#000; 
			display:block; 
			height:100%;
			padding:6px 0 5px 17px;
			}	
		#mainnav ul li a:hover {
			color:#000; 
			}

/* stats for each line item, including all sub-sections */
		#mainnav ul li#active { 
			background:url(/_img/blk_arrow.gif) no-repeat 5px 12px; 
			background-color:#f7941d;
			}
		#mainnav h1#active a {
			color:#f7941d; 
			}
        #mainnav h1#active a:hover {
			color:#FFF; 
			}
		#mainnav h1 a { 
			color:#FFF; 
			}
        #mainnav h1 a:hover {
			color:#f7941d; 
			}
		#mainnav ul li#active a {
			color:#000; 
			}
		#mainnav ul li.sub, #mainnav ul li.subactive {
			height:auto; 
			line-height:12px; 
			padding-bottom:2px;
			text-transform:uppercase; 
			background-color:#ccc;
			}

			#mainnav ul li.sub:hover { 
				background-color:#e7e7e7; 
				}
			#mainnav ul li.subactive { 
				background-color:#898889; 
				}
			#mainnav ul li.sub a, #mainnav ul li.subactive a {
				text-decoration:none;
				text-align:left;
				color:#000;
				display:block;
				height:100%;
				padding:5px 0 0 27px;
				}

			#mainnav ul li.sub a { 
				background-color:#ccc; 
				}
			#mainnav ul li.subactive a { 
				background:url(/_img/wht_arrow.gif) no-repeat 15px 6px; 
				}
			#mainnav ul li.sub a:hover, #mainnav ul li.subactive a { 
				color:#000; 
				background-color:#898889; 
				}
			#mainnav ul li.sub a:hover { 
				background-color:#e7e7e7; 
				}

/* = MAIN CONTENT -- where the bulk of the page resides
-------------------------------------------------------------------------------------------*/
#maincontent { 
	float:left; 
	padding:20px 0 10px 0; 
	width:450px; 
	text-align:left; 
	position:relative; 
	left:20px; 
	}

#subcontent { 
	float:left; 
	padding:5px 32px 10px 20px;
	width:440px; 
	text-align:left; 
	position:relative; 
	/*left:-5px;*/
	border-right:1px solid #ccc; 
	 }

#subcontent2 { 
	float:left; 
	padding:5px 5px 10px 20px; 
	width:740px; 
	text-align:left; 
	position:relative; 
	left:-5px; 
	}

#right_content { 
	float:right; 
	padding:25px 6px 0 0; 
	width:250; 
	text-align:left; 
	position:relative; 
	}

#right_content h3.content { 
	margin:0 0 5px 0; 
	color:#000; 
	padding:0; 
	font-size:13px; 
	}
	
#subcontentEquip { 
	float:left; 
	padding:8px 0 10px 0; 
	width:586px; 
	text-align:left; 
	position:relative; 
	left:10px; 
	top:2px;
	}	

#subcontentDescrip { 
	float:left; 
	padding:8px 0 10px 20px; 
	width:500px; 
	text-align:left; 
	position:relative; 
	left:20px; 
	}

#subcontentEquip h1, #subcontent h1, #subcontent2 h1, #thankyou h1 { 
	font-size:16px; 
	line-height:1em; 
	margin-top:0; 
	padding-bottom:10px; 
	color:#0019a8; 
	display:block; 
	width:100%; 
	border-bottom:1px solid #000;
	}

#subcontentEquip h1, #subcontentEquip p { 
	display:block;
	width:96%; 
	margin: 0 auto 10px auto; 
	}

#subcontentEquip h2, #subcontent h2, #thankyou h2 { 
	font-size:14px; 
	margin-bottom:10px; 
	}

#subcontentEquip h3, #subcontent h3, #thankyou h3 { 
	font-size:12px; 
	margin:10px 0 5px 0; 
	}

#subcontent table.cranechart { 
	width:550px; 
	padding-left:50px; 
	}

#subcontent table.cranechart th { 
	text-align:left; 
	}

#subcontent table.cranechart td.pdf_getter a { 
	text-align:left; 
	background:url(/_img/icon_pdf.gif) no-repeat 0 .15em; 
	padding-left: 20px; 
	}

#subcontent2 table.cranechart td.pdf_getter a { 
	text-align:left; 
	background:url(../_img/icon_pdf.gif) no-repeat 0 .15em; 
	padding-left: 20px; 
	}

/* = THANK YOU -- resulting page after Contact Us form has been submitted
-------------------------------------------------------------------------------------------*/
#thankyou { 
	display:block; 
	width:680px; 
	padding-top:30px; 
	margin-left:auto; 
	margin-right:auto; 
	}

#thankyou p { 
	display:block; 
	padding-bottom:50px; 
	width:100%; 
	}

#thankyou p.thanks_right a { 
	display:block; 
	float:right; 
	padding-left:20px; 
	width:5em; 
	height:2em; 
	background:url(/_img/round_arrow_btn.gif) no-repeat 0 .15em; 
	}

/* ***************************************************************************** NEWSLETTER SIGNUP */
#newsletter_container {
	float:left;
	left:10px;
	display:block; 
	border:solid 1px #000;
	width:238px;
	height:50px; 
	margin:15px 0 7px 0; 
	padding:0;
	position:relative;
	background:url(../_img/signup_bg.gif) repeat-x;
	}
#newsletter {
	display:block;
	border:solid 0px #000;
	width:240px;
	height:20px;
	margin:0;
	padding:0;
	text-align:left;
	}
	
#newsletter h3 {
	margin:0; 
	padding:5px 0 0 5px;
	width:165px;
	height:18px;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#0018a9;
	}

#signup_container {
	float:left;
	display:block;
	border:solid 0px #ff0000;
	width:230px;
	height:20px;
	text-align:left;
	margin:0;
	padding:5px 0 7px 3px;
}	

/* = FOOTER -- self-explanatory
-------------------------------------------------------------------------------------------*/
#footer {
	width:770px; 
	height:75; 
	font-size:10px; 
	clear:both;
	border-top:2px solid #fff; 
	background-color:#0019a8; 
	margin:0 auto; 
	color:#fff;
	}

	#footer a, #footer p {
		color:#fff; 
		text-align:center;
		}

/* ************************************************************************** SITE MAP */
#sitemap-leftColumn {
	float:left;
	width:300px;
	border-right:solid 1px #ccc;	
	}

#sitemap-rightColumn {
	float:left;
	width:300px;
	margin:0 0 0 25px;
	/*border-right:solid 1px #ccc;	*/
	}

/* ************************************************************************** CONTACT US LEFT AND RIGHT COLUMN */
#leftColumn {
	display: block;
    border: 0px solid #000;
	float:left;
	width:220px;
	border-right:solid 1px #ccc;
	margin-left:15px;	
	position:relative;
	}

#rightColumn {
	display: block;
    border: 0px solid #000;
	float:left;
	width:150px;
	margin-left:35px;
	/*border-right:solid 1px #ccc;	*/
	position:relative;
	}


/* ************************************************************************** MANUFACTURERS SHOWCASE LOGO */
#logobar {
    display: block;
    border-right: 1px solid #0019a8;
    width: 769px;
    height: 47px;
    float: left;
    position: relative;
    /*clear: none;*/
	margin:0;
	padding:0;
}

#logobar ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

#logobar ul li {
	display: block;
    border: 0px solid #ff0000;
    list-style-image: none;
    list-style-type: none;
    float: left;
    color: #fff;
	width: 153px;
    height: 47px;
	margin:0;
    padding:0;
}
#logobar ul li.potain {
    background: url(../_img/showcase-potain.png) no-repeat;
}
#logobar ul li.peiner {
    background: url(../_img/showcase-peiner.png) no-repeat;
	border-left:solid 1px #fff;
}
#logobar ul li.comedil {
    background: url(../_img/showcase-comedil.png) no-repeat;
	border-left:solid 1px #fff;
}
#logobar ul li.alimak {
    background: url(../_img/showcase-alimak.png) no-repeat;
	border-left:solid 1px #fff;
}
#logobar ul li.hercules {
    background: url(../_img/showcase-hercules.png) no-repeat;
	border-left:solid 1px #fff;
}
#logobar ul li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

/* ************************************************************************** CONSTRUCTION HOISTS LOGO BAR 2 */
#logobar2 {
    display: block;
    border-right: 1px solid #0019a8;
    width: 769px;
    height: 40px;
    float: left;
    position: relative;
	background-color:#0018a9;
    /*clear: none;*/
	margin:0;
	padding:0;
}

#logobar2 ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

#logobar2 ul li {
	display: block;
    border: 0px solid #ff0000;
    list-style-image: none;
    list-style-type: none;
    float: left;
    color: #fff;
	width: 249px;
    height: 40px;
	margin:0;
    padding:0;
}
#logobar2 ul li.scando_single {
    background: url(../_img/scando-650-single.gif) no-repeat;
}
#logobar2 ul li.scando_dual {
    background: url(../_img/scando-650-dual.gif) no-repeat;
	border-left:solid 1px #fff;
}
#logobar2 ul li.herculesF7000 {
    background: url(../_img/herculesF7000.png) no-repeat;
	background-position:center;
	width:269px;
	border-left:solid 1px #fff;
}
#logobar2 ul li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}