/* Start of CMSMS style sheet 'Proserve CSS' */
body {
	width: 994px;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background: #f2f4f9 url(images/bg.gif) repeat-y;
	background-position: 50%;
}

h1 {
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h2 {
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/* Header Styles */

#header {
	width: 994px;
	height: 114px;
	background: url(images/header-bg.jpg) 0 0 no-repeat;
	float: left;
}

#header p#logo{
	width: 280px;
	height: 114px;
	margin: 0;
	background: url(images/proserve-cranes.gif) 0 0 no-repeat;
	line-height: 999em;
	overflow: hidden;
	float: left;
}

/* Main Content Styles */

#mainwrapper {
	clear: both;
	width: 994px;
	background: url(images/main-bg.gif) 0 0 repeat-y;
	float: left;
}

#lh {
	width: 231px;
	padding-bottom: 18px;
	float: left;
}



/* Navigation Styles */

#nav {
	width: 187px;
	margin: 17px 0 0 25px;
	border-top: 3px solid #bfbfbf;
	border-bottom: 20px solid #bfbfbf;
}

#nav h3 {
	margin: 0;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding : 8px 0 8px 5px;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	border-top: 1px solid #bfbfbf;
	float : left;
}
	
#nav li { /* all list items */
	position: relative;
	width: 187px;
	float: left;
	line-height: 1.25em;
	background: url(images/nav-bg-link.gif) 0 0 no-repeat;
	margin: 0;
	border-bottom: 1px solid #bfbfbf;
}

#nav li ul { /* second-level lists */

	position : absolute;
	left: -999em;
	margin-left : 187px;
	margin-top : -30px;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}
	
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}
	
#nav li a {
	width: 187px;
	display: block;
	color: #444444;
	text-decoration : none;
	padding : 8px 0 8px 5px;
}
	
#nav li a:hover {
	color: #111683;
	background: url(images/nav-bg-hover.gif) 0 0 no-repeat;
}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}


/* Supplier Panels */

#supplierPanel {
	margin-left: 25px;
	padding: 0;
	width: 187px;
	border: 1px solid #bfbfbf;
	float: left;
}

#supplierPanel p#supplier {
	clear: both;
	margin: 0;
	padding: 7px;
	background-color: #bfbfbf;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFF;
}

#supplierPanel p#swf {
	width: 93px;
	height: 38px;
	margin: 4px 0 12px 0;
	background: url(images/swf.gif) 0 0 no-repeat;
	line-height: 999em;
	overflow: hidden;
	float: left;
}

#supplierPanel p#yale {
	width: 93px;
	height: 38px;
	margin: 8px 0;
	background: url(images/yale.gif) 0 0 no-repeat;
	line-height: 999em;
	overflow: hidden;
	float: left;
}

#supplierPanel p#demag {
	width: 92px;
	height: 38px;
	margin: 8px 0;
	background: url(images/demag.gif) 0 0 no-repeat;
	line-height: 999em;
	overflow: hidden;
	float: left;
}

#supplierPanel p#kone {
	width: 93px;
	height: 37px;
	margin: 3px 0 8px 0;
	background: url(images/kone.gif) 0 0 no-repeat;
	line-height: 999em;
	overflow: hidden;
	float: left;
}

#supplierPanel p#cm {
	width: 92px;
	height: 37px;
	margin: 3px 0 8px 0;
	background: url(images/cm.gif) 0 0 no-repeat;
	line-height: 999em;
	overflow: hidden;
	float: left;
}

/* Main Panel */


#main {
	width: 755px;
	float:left;
}

#main a:link, #main a:visited, #content a:link, #content a:visited  {
	color: #5f6185;
	text-decoration: none;
}

#main a:hover, #content a:hover {
	color: #5f6185;
	text-decoration: underline;
}

#main h1#statement {
	width: 755px;
	height: 199px;
	margin: 0;
	background: url(images/homepic.jpg) 0 0 no-repeat;
	line-height: 999em;
	overflow: hidden;
	float: left;
}

#main #content {
	margin: 20px;
	float: left;
}

/* Footer Styles */

#footer {
	width: 994px;
	height: 73px;
	background: url(images/footer-bg.gif) 0 0 no-repeat;
	float: left;
}

#footer #fooleft {
	width: 954px;
	margin: 14px 0 0 25px;
	float: left;
}

#footer #fooleft a {
	color: #d9dbeb;

}

#footlinks ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footlinks ul li {
	float: left;
	margin: 0 10px 8px 0;
	padding-right: 10px;
	border-right: 1px solid #d9dbeb;
	font-weight: bold;
}

#footlinks ul li a, #footlinks ul li a:link, #footlinks ul li a:visited {
	text-decoration: none;
}

#footlinks ul li ul li a {
	font-weight: normal;
	font-size: 9px;
}

#footlinks ul li a:hover, #footlinks a:hover {
	text-decoration: underline;
	color: #fff;
}

#footlinks ul li.currentpage h3 {
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #111683;
}

#footlinks ul li ul li.currentpage h3 {
	margin: 0;
	padding: 0;
	font: 9px Arial, Helvetica, sans-serif;
	color: #111683;
}

#copyright {
	width: 954px;
	margin: 14px 0 0 13px;
	border-top: dashed 1px #fff;
	padding: 10px 0 20px 12px;
	color: #fff;
	float: left;
}
#leea {
	margin-top:10px;
}
/* End of 'Proserve CSS' */

