/*	basics
--------------------------------------------------*/
body {
	font-family: georgia, arial, verdana, sans-serif;
	background-color: #929277;
	color: #474747;
	background-image: url('/i/header-bg.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	}
	
	
	
/*	header
--------------------------------------------------*/
#header {
	width: 980px;
	margin: 0 auto;
	height: 210px;
	position: relative;
	}
	
	a#logo {
		position: absolute;
		top: 97px;
		left: 0;
		display: block;
		width: 191px;
		height: 69px;
		}
		
	a#logo:hover {
		background-color: inherit;
		color: #000;
		}

	#navigation {
		width: 444px;
		height: 143px;
		position: absolute;
		top: 59px;
		right: 0;
		}
		
		#navigation li {
			display: block;
			width: 111px;
			height: 143px;
			float: left;
			}
		
			#navigation li a {
				display: block;
				height: 143px;
				width: 111px;
				background-position: 0 0;
				}
				
			#navigation li a:hover,
			#navigation li a.on {
				background-position: 0 -143px;
				}
				
			li#projects a {
				background-image: url('/i/button-projects.png');
				}
			
			li#services a {
				background-image: url('/i/button-services.png');
				}
			
			li#contact a {
				background-image: url('/i/button-contact.png');
				}		
			
			li#about a {
				background-image: url('/i/button-about.png');
				}
			
			
/*	wrapper
--------------------------------------------------*/
#wrapper {
	background-color: #ffc;
	color: #000;
	}
	
	#wrapper a {
		background-color: inherit;
		color: #1260e9;
		}
		
	#wrapper a:hover {
		background-color: #1260e9;
		color: #ffc;
		text-decoration: none;
		}
		
		

		
#footer {
	border-top: 3px #ffc solid;
	background-image: url('/i/footer-bg.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	min-width: 980px;
	}
	
	#footer-wrapper {
		width: 980px;
		margin: 0 auto;
		padding: 20px 0;
		font-size: 10px;
		background-color: inherit;
		color: #ffc;
		}
		
		#footer-wrapper a {
			background-color: inherit;
			color: #ffc;
			text-decoration: none;
			}
			
			#footer-wrapper a:hover {
				text-decoration: underline;
				}
	
	

/*	bars
--------------------------------------------------*/
#bars {
	width: 980px;
	margin: 0 auto;
	padding: 10px 0;
	background-image: url('/i/bars-bg.png');
	background-position: 100% 0;
	background-repeat: repeat-y;
	}
	
	#bar-left {
		width: 536px;
		float: left;
		padding: 20px 0;
		}
	
	#bar-right {
		width: 440px;
		float: left
		}
		
		
#map-cloud strong {
	font-weight: bold;
	font-size: 14px;
	display: block;
	padding: 0 0 2px 0;
}

#map-cloud {
	line-height: 16px;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
}