/* 

Clearly Lasik landing page css
by Chris Furniss
for portentinteractive.com

*/


/* cleanup */

body, html, form {margin:0;padding:0;}

a img {border:0;}

/* Main Styles */

body {
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#ffffff;
	background:#32648e;
}

#overflow {
	width:100%;
	overflow:hidden;
}

#wrap {
	margin:0 auto;
	width:885px;
	height:700px;
	background:#32648e url(img/lasikbg.jpg) top left no-repeat;	
	position:relative;

}


#logo {
	background:url(img/logo-bg.gif) top left repeat-x;
	margin-right:-10000px;
	padding-right:10000px;
	position:absolute;
	top:20px;
	left:0;
}

* html #logo {
	border-right:1px solid #1d4567;
}


#headline1 {
	background:url(img/header1.gif) top left no-repeat;
	text-indent:-10000px;
	height:36px;
	width:869px;
	margin:0 auto;
	position:relative;
	top:130px;
}

#headline2 {
	background:url(img/header2.png) top left no-repeat;
	text-indent:-10000px;
	height:32px;
	width:506px;
	margin:0 auto;
	position:relative;
	top:130px;
}

#photo_nearsighted, #photo_farsighted {
	width:287px;
	height:453px;
	position:absolute;
	top:195px;
	left:585px;
	
}

ul {
	margin:0;padding:0;list-style:none;
	position:absolute;
	top:200px;
	left:0;
	overflow:display;
}

li.item1, li.item2, li.item3 {
	list-style:none;
	margin:0 0 12px 0;
	padding:0;
	background:url(img/li-bg.gif) top left repeat-x;
	height:40px;
	margin-left:-10000px;
	padding-left:10000px;
}

* html li.item1, * html li.item2, * html li.item3 {
	margin-left:-1000px;
	padding-left:1000px;
	width:543px;
	position:absolute;
	left:100%;
}

* html li.item1 {
	top:0;
}

* html li.item2 {
	top:50px;
}

* html li.item3 {
	top:100px;
}

li.item1 img, li.item2 img, li.item3 img {
	width:543px;
	height:40px;
}

#findoutmore {
	position:absolute;
	height:57px;
	width:492px;
	top:362px;
	left:0;
	background:url(img/free.png) top left no-repeat;
	text-indent:-10000px;
}

form {
	position:absolute;
	top:430px;
	left:80px;
	background:url(img/tempbg.png) top left no-repeat;
	width:321px;
	height:180px;
	padding:17px 0 0 0;
    margin:0;
}

* html form {
	padding:27px 0 0 0;
}

form label {
	text-indent:-10000px;
	float:right;
}

form input.fnbox, form input.lnbox, form input.emailbox, form input.phonebox {
background: url(img/input-bg.gif) top left no-repeat;
width:189px;
height:20px;
color:#000000;
font-size:14px;
font-family:arial, sans-serif;	
font-weight:bold;
float:right;
clear:right;
border:0;
padding:5px 0 0 4px;
margin:0 8px 10px 0;
}

form input.submit {
	position:absolute;
	bottom:-5px;
	right:5px;
	clear:both;
}



#footer {
	background:url(img/logo-bg.gif) top left repeat-x;
	margin-right:-10000px;
	padding-right:10000px;
	position:absolute;
	top:600px;
	left:0;
}

* html #footer {
	border-right:1px solid #1d4567;
}