@font-face {
    font-family: 'Stencilnormal';
    src: url('../fonts/stencil_regular-webfont.eot');
    src: url('../fonts/stencil_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stencil_regular-webfont.woff') format('woff'),
         url('../fonts/stencil_regular-webfont.ttf') format('truetype'),
         url('../fonts/stencil_regular-webfont.svg#Stencilnormal') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
	*{
	    margin:0;
	    padding:0;
	}

	@media (max-width: 480px) {
		body { width: 90%; }
	}
	
	a{
	    color:#a9bec0;
	    text-decoration: none;
	    outline: none;
	    padding: 0;
	    text-shadow: #000 -1px -1px 0;
	}
	
	a:hover, a:active{
	    color: #FFF;
	}

	
	img{
	    border:none;
	}
	
	body {
	    overflow:auto;/*Needed to eliminate scrollbars*/
	    background:#000;
	    padding: 0;
		margin: 0;
		text-shadow: #000 -1px -1px 0px;
	}


	/*Area to place content normally*/
	#content-wrapper{ 
		width:100%; 
		height:100%; 
		position:absolute; 
		top:0; 
		 overflow: none;
		z-index:4; 
		min-width: 900px;
		
		}
		
	#content {
		margin: auto;
		width: 800px;
		}
		
	#copy {
		width: 800px;
		margin: auto;
		}


.fader, #background .fader {background: transparent url("../img/fade.png") repeat-x left bottom;}
#background {top: 0px; left: 0px; min-height: 950px; width:100%; overflow:hidden; position:fixed; z-index:-1; -moz-user-select: none}
#background img {position:absolute; left:0px; top:0px; z-index:-2; min-width: 1200px; width: 100%}
#background .fader {position:absolute; left:0px; bottom:-100px; z-index:0; width: 100%; height: 100%}
#background .stretcher {position:absolute; left:0px; top:0px; z-index:-2; min-width: 1200px; width: 100%; height: 100%; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto;}
.fader {position:fixed; left:0px; bottom:-100px; z-index:-1; width: 100%; height: 420px}
.fader-fixed {background: transparent url("../img/fadex.png") repeat-x bottom left; position:fixed; left:0px; bottom:-10px; z-index:-1; width: 100%; height: 80px;}

	
	.ttl {
		width: 800px;
		height: 156px;
		margin: 0 auto 10px auto;
		background: url("../img/header_bg.png") repeat-x;
		}
		
	#lps {
		width: 174px;
		height: 178px;
		background: url("../img/lance_pool_service.png") no-repeat;
		position: absolute;
		top: 10px;
		left: -40px;
		}
		
	#lps_ttl {
		width: 654px;
		height: 0;
		margin: 15px 0 0 130px;
		padding: 70px 0 0 0;
		float: left;
		text-align: center;
		font-size: 16pt;
		text-transform: uppercase;
		background: url("../img/lance_pool_service_ttl.png") no-repeat;
		}
	
	#headline {
		float: left;
		margin: 0 0 20px 110px;
		}
	
	#lance_content {
		width: 800px;
		float: left;
		}
	
	#lance_wheel {
		width: 380px;
		padding-top: 380px;
		margin: 0 0 00 40px;
		float: left;
		background: url("../img/lance_wheel.png") no-repeat;
		}
	
	#lance_service {
		width: 300px;
		float: left;
		margin: 80px 0 0 20px;
		}
		
	#lance_btm {
		width: 680px;
		float: left;
		margin: 10px 0 10px 60px;
		font-size: 14pt;
		text-transform: uppercase;
		}
		
	#lance_btm_links {
		width: 680px;
		float: left;
		text-align: center;
		margin: 20px 0;
		}
	
	#tiles {
		width: 100%;
		height: 160px;
		background: url("../img/pool_tiles.jpg") repeat-x;
		float: left;
		box-shadow: #000 0px 0px 60px;
		}
		
	#cr {
		width: 261px;
		height: 85px;
		background: url("../img/footer_cr.jpg") no-repeat;
		margin: 15px auto 0 auto;
		}

	#content_box {
		width: 800px;
		position: relative;
		float: left;
		text-align: left;
		color: #FFF;
		font: 14pt/21pt "Stencilnormal", "Oswald", "Helvetica", sans-serif;
		background-image: url("../img/pool_guy.png"), url("../img/spithead_bg.png");
		background-repeat: no-repeat, repeat-x;
		background-position: 500px 130px, 0 0;
		box-shadow: #000 0px -10px 20px;
		}
	
	hr {
		height: 5px;
		border: 0;
		color: #FFF;
		background-color: #600;
		width: 700px;
		}
		
	#likes
		{
		clear: both;
		padding: 20px 0 0 3px;
		width: 180px;
		margin: auto;
		}
	
		
	object, embed {
  		outline: 0;
		}

	
		#headline h3 {
		margin: 0;
		padding: 0;
		font: 40pt "Stencilnormal", "Oswald", "Helvetica", sans-serif;
		line-height: 24pt;
		text-transform: uppercase;
		text-align: left;
		color: #FFF;
		}
		
		#headline h4 {
		margin: 0;
		padding: 0;
		font: 23pt "Stencilnormal", "Oswald", "Helvetica", sans-serif;
		text-transform: uppercase;
		text-align: left;
		color: #FFF;
		}
		
		#lance_service h3 {
		margin: 0;
		padding: 0;
		font: 36pt "Stencilnormal", "Oswald", "Helvetica", sans-serif;
		line-height: 32pt;
		text-transform: uppercase;
		text-align: center;
		color: #FC0;
		}
		
		#lance_service h4 {
		margin: 0;
		padding: 0;
		font: 35pt "Stencilnormal", "Oswald", "Helvetica", sans-serif;
		line-height: 32pt;
		text-transform: uppercase;
		text-align: center;
		color: #FC0;
		}

		#lance_service h5 {
		margin: 0;
		padding: 0;
		font: 24pt "Stencilnormal", "Oswald", "Helvetica", sans-serif;
		line-height: 18pt;
		text-transform: uppercase;
		text-align: center;
		color: #FFF;
		}

		#lance_service h6 {
		margin: 10px 0 0 0;
		padding: 0;
		font: 14pt "Stencilnormal", "Oswald", "Helvetica", sans-serif;
		line-height: 21pt;
		text-transform: uppercase;
		text-align: center;
		color: #FFF;
		}
		
		#lance_btm h3 {
		margin: 0;
		padding: 0;
		font: 24pt "Stencilnormal", "Oswald", "Helvetica", sans-serif;
		line-height: 21pt;
		text-transform: uppercase;
		}
		
		#lance_btm h4 {
		margin: 0;
		padding: 0;
		font: 23pt "Stencilnormal", "Oswald", "Helvetica", sans-serif;
		line-height: 21pt;
		text-transform: uppercase;
		}

		#lance_btm h5 {
		margin: 0 0 10px 0;
		padding: 0;
		font: 17pt "Stencilnormal", "Oswald", "Helvetica", sans-serif;
		line-height: 18pt;
		text-transform: uppercase;
		}
		
		#lance_btm_links h3 {
		margin:30px 0 0 0;
		padding: 0;
		font: 22pt "Stencilnormal", "Oswald", "Helvetica", sans-serif;
		line-height: 21pt;
		text-transform: uppercase;
		text-align: center;
		}
		
		#lance_btm_links h4 {
		margin: 0;
		padding: 0;
		font: 10pt "Stencilnormal", "Oswald", "Helvetica", sans-serif;
		line-height: 21pt;
		text-transform: uppercase;
		text-align: center;
		}

		strong {
		font-size: 14pt;
		color: #ffcd29;
		font-weight: normal;
		}
		
		a.cleaner:link, a.cleaner:visited {
		font-size: 12pt;
		text-transform: uppercase;
		color: #a9bec0;
		padding: 6px 20px;
		background: #003a42 url("../img/lk_bg.png");
		border-radius: 22px;
		}
		
		a.cleaner:hover, a.cleaner:active {
		color: #003a42;
		background: #a9bec0 url("../img/lk_bg.png");
		text-shadow: #999 -1px -1px 0px;
		}
		
		.clr {
		clear: both;
		}