@import url('css/reset.css');

body{
	/*width:100%;*/
	font-size:62.5%;
	font-family:"helvetica neue",helvetica,arial,verdana,sans-serif;
}

#background_image{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:-1;
}
#background_image img{
	width:100%;
	height:100%;
}

#header {
	position:relative;
	background: url('images/header_bg.png') no-repeat top left;
	width: 960px;
	height: 443px;
	margin:0 auto;
}


#logo{
	display:block;
	position:absolute;
	width:250px;
	height:125px;
	top:0;
	left:0;
	text-indent:-1000em;
}
#twitter{
	display:block;
	position:absolute;
	width:32px;
	height:32px;
	top:46px;
	left:679px;
	text-indent:-1000em;
}
#facebook{
	display:block;
	position:absolute;
	width:32px;
	height:32px;
	top:46px;
	left:708px;
	text-indent:-1000em;
}

#html_wrapper{
	position:relative;
}
#content_wrapper{
	/*position:absolute;*/
	width:100%;
	/*top:130px;
		left:0;*/
	margin-top:-300px;
}

#menu {
	position:absolute;
	width: 505px;
	height: 41px;
	right:0;
	top:-46px;
}
#menu ul{
	clear:both;
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu ul li{
	display:inline;
	margin:0;
	padding:0;
}

#menu ul li a{
	display:block;
	float:left;
	height:40px;
}

#menu_home{
	width:90px;
	background: url('images/navbar.png') no-repeat 0 0;
}
#menu_home:hover{
	background-position: 0 -41px;
}

#menu_customize{
	width:108px;
	background: url('images/navbar.png') no-repeat -90px 0;
}
#menu_customize:hover{
	background-position: -90px -41px;
}
#menu_packages{
	width:102px;
	background: url('images/navbar.png') no-repeat -198px 0;
}
#menu_packages:hover{
	background-position: -198px -41px;
}
#menu_venus{
	width:97px;
	background: url('images/navbar.png') no-repeat -300px 0;
}
#menu_venus:hover{
	background-position: -300px -41px;
}
#menu_contact{
	width:108px;
	background: url('images/navbar.png') no-repeat -397px 0;	
}
#menu_contact:hover{
	background-position: -397px -41px;
}


#content{
	position:relative;
	width:960px;
	margin:0 auto;
}



#slider {
	position:absolute;
	width: 607px;
	height: 320px;
	top:0;
	left:0;
}

#get_started{
	position:absolute;
	width:170px;
	height:110px;
	bottom:0;
	right:0;
	z-index:100;
	text-indent:-1000em;
}

#intro_container {
	clear:both;
	background: url('images/intro_container.png') no-repeat scroll top left;
	width: 880px;
	height: 146px;
	padding:55px 40px 20px 40px;
}
#intro_container p{
	font-size:1.8em;
	color:#ffde7d;
	letter-spacing:-1px;
	text-shadow: #000 1px 1px 1px;
	padding:5px 0!important;
}

#customize {
	clear:both;
	position:relative;
	background: url('images/customize.png') no-repeat scroll top left;
	width: 960px;
	height: 178px;
	z-index:2;
}

#customize_btn{
	position:absolute;
	width:332px;
	height:158px;
	top:12px;
	left:108px;
	text-indent:-1000em;
}

#packages_btn{
	position:absolute;
	width:329px;
	height:158px;
	top:12px;
	left:524px;
	text-indent:-1000em;
}

#bottles {
	background: url('images/bottom_bottles.png') no-repeat scroll top left;
	width: 1225px;
	height: 177px;
	position:absolute;
	top:500px;
	left:0;
	z-index:1;
}

#request_form {
	float:right;
	position:relative;
	background: url('images/request_form.png') no-repeat scroll top left;
	width: 300px;
	height: 320px;
	margin:0 0 0 -100px;
}

#request_form  #submit_btn{
	position:absolute;
	width:148px;
	height:25px;
	left:73px;
	top:262px;
}

#request_form input,#request_form textarea{
	position:absolute;
	margin:0;
	padding:0;
	outline:none;
	border:none;
	width:225px;
	height:11px;
	left:35px;
	font-size:1.2em;
	line-height:11px;
}


#request_form  #name{
	top:77px;
}

#request_form  #email{
	top:116px;
}

#request_form  #phone{
	top:153px;	
}
#request_form  #message{
	height:60px!important;
	top:193px;
}


#footer {
/*	position:absolute;
	bottom:0;
	left:0;*/
	
	background: url('images/footer_bg.png');
	width: 100%;
	height: 200px;
	margin:0 auto;
}

#copyright{
	width:960px;
	margin:0 auto;
	text-align:center;
	font-size:1.2em;
	font-weight:100;
	color:#fff;
	line-height:82px;
	text-transform:uppercase;
	letter-spacing:2px;
}

#content_steps {
	position:relative;
	width: 960px;
	height: 590px;
	margin:0 auto;
}

.slide{
	position:absolute;
	width: 960px;
	height: 590px;
	top:0;
	left:0;
}

.next_btn {
	position:absolute;
	background: url('images/steps/next_btn.png') no-repeat scroll top left;
	width: 207px;
	height: 130px;
	bottom:50px;
	right:50px;
	outline:none;
	border:none;
	text-indent:-1000em;
}

#step1 {
	background: url('images/steps/step1.jpg') no-repeat scroll top left;
	width: 760px;
	height: 470px;
	padding:120px 150px  0 50px;
}

#step1 ol{	
	list-style:disc;
	padding:0 0 0 40px;
}

#step1 ol li{
	font-size:1.6em;
	color:#ffde7d;
	padding:5px 0 5px 20px;
}

#step1 h1{
	font-size:1.6em;
	color:#ffde7d;
	font-weight:normal;
	text-align:center;
	margin:40px 0 0 0;
}

#step1 h1 strong{
	font-weight:bold;
}

#step1_btn {
	position:absolute;
	width: 220px;
	height: 103px;
	outline:none;
	border:none;
	text-indent:-1000em;
	left:370px;
	top:382px;
	cursor:pointer;
	background:none;
}


#step2 {
	position:relative;
	width: 960px;
	height: 590px;
	background: url('images/steps/step2.jpg') no-repeat scroll top left;
}

#step2 #clubs{
	position:absolute;
	top:140px;
	left:200px;
}
#clubs th{
	width:40px;
}

#clubs td{
	width:100px;
	vertical-align:middle;
}

#clubs a{
	font-size:2em;
	font-weight:100;
	color:#ffde7d;
	text-decoration:none;
}
#step3 {
	width: 960px;
	height: 590px;
	background: url('images/steps/step3.jpg') no-repeat scroll top left;
}
#step3 #stripclubs{
	position:absolute;
	top:140px;
	left:200px;
}
#stripclubs th{
	width:40px;
}

#stripclubs td{
	vertical-align:middle;
	width:200px;
}
#stripclubs a{
	line-height:50px;
	font-size:2em;
	font-weight:100;
	color:#ffde7d;
	text-decoration:none;
	vertical-align:middle;
}



#step4 {
	width: 960px;
	height: 590px;
	background: url('images/steps/step4.jpg') no-repeat scroll top left;
}
#step4 #poolparties{
	position:absolute;
	top:140px;
	left:300px;
}
#poolparties th{
	width:40px;
}

#poolparties td{
	vertical-align:middle;
	width:300px;
}
#poolparties a{
	line-height:50px;
	font-size:2em;
	font-weight:100;
	color:#ffde7d;
	text-decoration:none;
	vertical-align:middle;
}



#step5 {
	width: 960px;
	height: 590px;
	background: url('images/steps/step5.jpg') no-repeat scroll top left;
}

#step5 #transportation{
	position:absolute;
	top:140px;
	left:300px;
}
#transportation th{
	width:40px;
}

#transportation td{
	vertical-align:middle;
	width:300px;
}
#transportation td label{
	line-height:50px;
	font-size:2em;
	font-weight:100;
	color:#ffde7d;
	text-decoration:none;
	vertical-align:middle;
}

#transportation a{
	line-height:50px;
	font-size:2em;
	font-weight:100;
	color:#ffde7d;
	text-decoration:none;
	vertical-align:middle;
}

#step6 {
	position:relative;
	width: 960px;
	height: 590px;
	background: url('images/steps/step6.jpg') no-repeat scroll top left;
}

#error_container{
	position:absolute;
	left:380px;
	top:390px;
	width:265px;
	height:50px;
	font-size:2em;
	color:#ffde7d;
}

#contact_info {
	position:absolute;
	top:0;
	left:0;
	border:none;
	padding:0;
}

#contact_info input[type="text"]{
	position:absolute;
	height:22px!important;
	width:265px!important;
	left:380px!important;
	border:0;
	padding:0;
	outline:none;
	background:none;
}
#message_area{
	position:absolute;
	width:350px;
	top:130px;
	left:260px;
	font-size:2em;
	color:#ffde7d;
	
}

#contact_info #name{
	top:160px;
}
#contact_info #phone{
	top:204px;
}
#contact_info #email{
	top:245px;
}


#contact_info #message{
	position:absolute;
	left:380px;
	top:288px;
	width:265px;
	height:89px;
	border:0;
	padding:0;
	outline:none;
	background:none;
}


#step6_btn{
	position:absolute;
	left:704px;
	top:421px;
	width:200px;
	height:128px;
	border:0;
	padding:0;
	outline:none;
	background:none;
	text-indent:-1000em;
	cursor:pointer;
}

#step7 {
	width: 960px;
	height: 590px;
	background: url('images/steps/step7.jpg') no-repeat scroll top left;
}

#page_shadow {
	background: url('images/page_shadow.png') no-repeat scroll top left;
	width: 796px;
	height: 80px;
	margin:0 auto;
}