body {
	background-image: url(/i/header-bg.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	font-family: arial, verdana, sans-serif;
}

#wrapper {
	position: relative;
	width: 978px;
	height: 500px;
	margin: 0 auto;
}

	#header {
		position: relative;
		height: 134px;
	}
	
	a#logo {
		position: absolute;
		top: 33px;
		left: 0;
		display: block;
		width: 179px;
		height: 67px;
	}
	
strong {
	font-weight: bold !important;
	background-color: inherit;
	color: #000;
}
	
	
	
/*	top-navigation
--------------------------------------------------*/
ul#top-navigation {
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	height: 30px;
	width: 372px;
}

	ul#top-navigation li {
		display: block;
		width: 92px;
		height: 30px;
		float: left;
		padding: 0 0 0 1px;
	}
	
		ul#top-navigation li a {
			display: block;
			width: 92px;
			height: 30px;
			margin: 0;
			background-position: 0 -30px;
			background-repeat: no-repeat;
		}
			
		ul#top-navigation li a:hover,
		ul#top-navigation li a.on {
			background-position: 0 0;
		}
			
		li.home a {
			background-image: url(/i/home.jpg);
		}
		
		li.about-us a {
			background-image: url(/i/about-us.jpg);
		}
		
		li.contact-us a {
			background-image: url(/i/contact-us.jpg);
		}
		
		li.projects a {
			background-image: url(/i/projects.jpg);
		}
			


/*	bottom-navigation	
--------------------------------------------------*/	
ul#bottom-navigation {
	position: absolute;
	bottom: 5px;
	right: 0;
	display: block;
	height: 30px;
	width: 455px;
}
	
	ul#bottom-navigation li {
		display: block;
		float: left;
		padding: 0 0 0 1px;
		height: 30px;
	}
		
		ul#bottom-navigation li a {
			display: block;
			height: 30px;
			margin: 0;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		
		ul#bottom-navigation li a:hover,
		ul#bottom-navigation li a.on {
			background-position: 0 -30px;
		}
		
			li.lifts {
				width: 46px;
			}
		
				li.lifts a {
					width: 46px;
					background-image: url(/i/lifts.jpg);
				}
				
			li.maintenance {
				width: 226px;
			}
				
				li.maintenance a {
					width: 226px;
					background-image: url(/i/maintenance.jpg);
				}
			
			li.escalators {
				width: 180px;
			}
			
				li.escalators a {
					width: 180px;
					background-image: url(/i/escalators.jpg);
				}
				
				
				
/*	bar
--------------------------------------------------*/
#bar {
	position: relative;
	height: 156px;
}

	img#excellence {
		position: absolute;
		top: 49px;
		left: 20px;
	}
	
	img#call-us {
		position: absolute;
		top: 50px;
		right: 20px;
	}
	
	
/*	breadcrumbs
--------------------------------------------------*/
#breadcrumbs {
	background-color: inherit;
	color: #666;
	font-size: 14px;
	padding: 15px 0 0 0;
}

	#breadcrumbs a {
		background-color: inherit;
		color: #666;
		text-decoration: none;
		font-size: 14px;
	}
	
	#breadcrumbs a:hover {
		background-color: inherit;
		color: #000;
		text-decoration: underline;
	}
	
	#breadcrumbs span {
		background-color: inherit;
		color: #000;
		font-size: 14px;
	}	
	
	
/*	container
--------------------------------------------------*/
#container {
	padding: 30px 0;
}


			
/*	footer
--------------------------------------------------*/
#footer {
	padding: 0 0 850px 0;
	background-color: inherit;
	color: #666;
	font-size: 12px;
	line-height: 22px;
	background-image: url(/i/footer-logo.jpg);
	background-position: 100% 0;
	background-repeat: no-repeat;
}

	#footer a {
		background-color: inherit;
		color: #666;
		text-decoration: none;
		font-size: 12px;
		padding: 0 5px;
	}
	
	#footer a.no-padding {
		padding-left: 0 !important;
	}
	
	#footer a:hover {
		text-decoration: underline;
		background-color: inherit;
		color: #000;
	}
	
	#footer span {
		font-size: 12px;
	}
	
	#footer span a {
		padding: 0;
	}