/* #################################
			   Basic	
################################# */

@font-face {
    font-family: 'FuturaCustom';
    src: url('js/futura.eot');
    src: url('js/futura.svg#FuturaStdCondensedRegular') format('svg'),
    	 url('js/futura.eot?#iefix') format('embedded-opentype'),
         url('js/futura.woff') format('woff'),
         url('js/futura.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	background-image: url("images/content-bg.jpg");
	font-family: FuturaCustom;
	color: #4f4f4f;
	font-size: 19px;
	overflow: visible;
	overflow-x: hidden;
}

a {
	color: #cb242b;
}

h1 {
	text-indent: -9999px;
	height: 0px;
}

h2, span {
	display: block;
	font-family: FuturaCustom;
	font-size: 27px;
	font-weight: normal;
	text-transform: none;
	margin: 28px 0 10px 0;
}


/* #################################
			   Header
################################# */

#top {
	width: 100%;
	background: url("images/header-bg.jpg") repeat;
}


#top .logo {
	width: 500px;
	height: 308px;
	margin: 0 auto;
	background-image: url("images/logo.jpg");
}

	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		#top .logo {
			background-image: url("images/logo@2x.jpg");
			background-size: 500px 308px;
		}
	}

#top img {
	float: right;
	position: relative;
	top: 10px;
	right: -200px;
}
#top ul {
	width: 500px;
	margin: 0 auto;
	display: block;
	list-style: none;
	font-size: 0px;
}

#top ul li {
	width: 125px;
	height: 140px;
	float: left;
	position: relative;
	top: -70px;
	left: 80px;
	margin: 0 90px -30px 0;
	background: url("images/menu-inactive.png") no-repeat;
	display: inline-block;
	font-size: 19px;
	line-height: 125px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}

#top ul li.active {
	background-image: url("images/menu-active.png");
}

	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		#top ul li {
			background-image: url("images/menu-inactive@2x.png");
			background-size: 125px 140px;
		}
		
		#top ul li.active {
			background-image: url("images/menu-active@2x.png");
			background-size: 125px 140px;
		}
	}
	
#top .separator {
	width: 100%;
	height: 5px;
	background-image: url("images/header-separator.jpg");
}

	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		#top .separator {
			background-image: url("images/header-separator@2x.jpg");
			background-size: 10px 5px;
		}
	}
	
/* #################################
			   Content
################################# */

#content {
	width: 500px;
	margin: -30px auto 50px auto;
	clear: both;
	position: relative;
}

	#about, #services {
		width: 500px;
		line-height: 140%;
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 0 0 50px 0;
	}
	
	#about p, #services p {
	margin: 0 0 20px 0;
	}
	
	#about img {
		margin: -40px -40px 0 0;
	}