/*-------------------------------------------
	TITLE: Pleasant Valley Spas
	AUTHOR: sean@webtekcc.com
	CREATED: 7/20/2007

--
	LAYOUT
	- HEADER
	- MENU
	- CONTENT
	- FOOTER
	
	MISCELLANEOUS
	- CLEAR FIX
--

-------------------------------------------*/

a {color: #799ae0; text-decoration:underline; outline: none;}
a:hover{color: #004991; text-decoration:underline; border-bottom: 1px solid #004901; }
:focus {-moz-outline-style: none;}
a img {border: 0px;}
a.spagallery:hover img {border: 4px solid #011238; text-decoration: none; color: white; height: 98px; width: 98px;}
a.spagallery {border: 0px; text-decoration: none;}

html,body {
	background-image: url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	background-color: #99adc2;
	margin:0px; 
	padding:0px; 
	text-align:center; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#pagewidth{ 
	width:800px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 

/*-------------------------------------------
	- HEADER
		- logo
		- slogan
		- newsletter
-------------------------------------------*/
 
#header{
	position:relative; 
	height:140px; 
	background-color:#FFFFFF; 
	width:100%;
	background-image: url(../images/header_bg.jpg);
} 

	/*- logo -*/

h1 {
	margin:0px;
}

h1 a {
display: block;
	position: absolute;
	top: 8px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	width: 313px;
	height: 120px;
	margin:0px;
	text-indent: -9999px;
}

h1 a:hover {
	border: 0px;
}

	/*- slogan -*/

#header h2 {
	margin: 0px;
	text-indent: -9999px;
	width: 215px;
	height: 39px;
	background-image: url(../images/tagline.png);
	position: absolute;
	left: 569px;
	top: 37px;
}
	/*- newsletter -*/
	
#upperright {
	position: absolute;
	left: 385px;
	top: 70px;
	width: 400px;
	font-size:10px;
	color: #bacce2;
	line-height: 18px;
	text-align: right;
}


#newsletter {
	position: absolute;
	width: 225px;
	left: 565px; 
	top: 95px;
}

#newsletter fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#newsletter input.textbox {
	border: 1px solid #365fb7;
	background-image:url(../images/input_shadow.png);
	color: #9caac7;
	font-size: 11px;
	width: 195px;
	height: 14px;
	padding: 2px;
	float: left;
	margin: 0px;
}

#newsletter input.send-btn {
	width: 21px;
	height: 20px;
	background: #365fb7 url(../images/submit.png) no-repeat;
	outline: none;
	margin-left: 5px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#special_btn{
position:relative;
top:25px;
margin-left:350px;
}


/*-------------------------------------------
	- MENU
		- offstate
		- hovering items
-------------------------------------------*/
	
#middle {height: 291px;	background-image: url(../images/middle_bg.jpg);	background-color: #ffffff;}

#middle ul {list-style-type:none; margin: 0px; padding:  39px 0px 0px 0px;}
#middle li {height: 23px; width: 237px; margin-bottom: 15px; }
#middle a {display:block; height: 23px; text-indent: -9999px; border-bottom: none;}

	/*- offstate -*/

#middle li.list1 {background:transparent url(../images/home_btn.jpg); background-repeat:no-repeat;}
#middle li.list2 {background:transparent url(../images/about_us_btn.jpg); background-repeat:no-repeat;}
#middle li.list3 {background:transparent url(../images/spas_hot_tubs_btn.jpg); background-repeat:no-repeat;}
#middle li.list4 {background:transparent url(../images/chemicals_accessories_btn.jpg); background-repeat:no-repeat;}
#middle li.list5 {background:transparent url(../images/spas_gallery_btn.jpg); background-repeat:no-repeat;}
#middle li.list6 {background:transparent url(../images/contact_us_btn.jpg); background-repeat:no-repeat;}

	/*- hovering items -*/

#middle a#item1 {background:transparent url(../images/home_btn.jpg) no-repeat;}
#middle a#item2 {background:transparent url(../images/about_us_btn.jpg) no-repeat;}
#middle a#item3 {background:transparent url(../images/spas_hot_tubs_btn.jpg) no-repeat;}
#middle a#item4 {background:transparent url(../images/chemicals_accessories_btn.jpg) no-repeat;}
#middle a#item5 {background:transparent url(../images/spas_gallery_btn.jpg) no-repeat;}
#middle a#item6 {background:transparent url(../images/contact_us_btn.jpg) no-repeat;}

#middle a#item1:hover {background-position:0px -23px; z-index:50;}
#middle a#item2:hover {background-position:0px -23px; z-index:50;}
#middle a#item3:hover {background-position:0px -23px; z-index:50;}
#middle a#item4:hover {background-position:0px -23px; z-index:50;}
#middle a#item5:hover {background-position:0px -23px; z-index:50;}
#middle a#item6:hover {background-position:0px -23px; z-index:50;}

/*-------------------------------------------
	- CONTENT
		- left
		- center
		- right
		- maincol
-------------------------------------------*/

	/*- left -*/

#left {
	padding: 16px 14px 0px 14px;
	float: left;
	width: 238px;
	color: #4d5c73;
}

#left p {
	font-size: 11px;
	line-height: 20px;
}

h2.about_us2 {
	margin: 0px;
	_margin-bottom: -15px;
	background-image: url(../images/theres_nothing_quite_like.png);
	background-repeat:no-repeat;
	width: 197px;
	height: 16px;
	text-indent: -9999px;
}

	/*- center -*/
	
#center {
	padding: 16px 14px 0px 14px;
	float: left;
	width: 240px;
	height: 260px;
	color: #ba9b65;
	border-left: 1px dotted #aaa48c;
	border-right: 1px dotted #aaa48c;
}

#center p {
	font-size: 11px;
	line-height: 20px;
	color: #ba9b65;
}

#center ul {
	font-size: 11px;
	padding: 0px 16px 16px 16px;
	line-height: 18px;
}

h2.specials {
	margin:0px;
	_margin-bottom: -15px;
	background-image: url(../images/specials.png);
	background-repeat:no-repeat;
	width: 59px;
	height: 16px;
	text-indent: -9999px;
}

h2.store_hours {
	margin:0px;
	_margin-bottom: -15px;
	background-image: url(../images/store_hours.png);
	background-repeat:no-repeat;
	width: 93px;
	height: 16px;
	text-indent: -9999px;
}


	/*- right -*/
	
#right {
	padding: 16px 13px 0px 13px;
	float: right;
	width: 238px;
	color: #4d5c73;
}

#right p {
	font-size: 11px;
	line-height: 20px;
}

h2.free_water_analysis {
	margin:0px;
	_margin-bottom: -15px;
	background-image: url(../images/free_water_analysis.png);
	background-repeat:no-repeat;
	width: 151px;
	height: 16px;
	text-indent: -9999px;
}

h2.member_of {
	margin:0px;
	background-image: url(../images/member_of.png);
	background-repeat:no-repeat;
	width: 75px;
	height: 16px;
	text-indent: -9999px;
}

	/*- maincol -*/

h2.about_us {
	margin: 16px 0px 0px 16px;
	.margin: 16px 0px 10px 16px;
	_margin: 16px 0px 0px 16px;	
	background-image: url(../images/about_us.png);
	background-repeat:no-repeat;
	width: 170px;
	height: 16px;
	text-indent: -9999px;
}

h2.spas_hot_tubs {
	margin: 16px 0px 0px 16px;
	.margin: 16px 0px 10px 16px;
	_margin: 16px 0px 0px 16px;	
	background-image: url(../images/spas_hot_tubs.png);
	background-repeat:no-repeat;
	width: 170px;
	height: 16px;
	text-indent: -9999px;
}

h2.specials {
	margin: 16px 0px 0px 16px;
	.margin: 16px 0px 10px 16px;
	_margin: 16px 0px 0px 16px;	
	background-image: url(../images/specials.png);
	background-repeat:no-repeat;
	width: 170px;
	height: 16px;
	text-indent: -9999px;
}

h2.chemicals_accessories {
	margin: 16px 0px 0px 16px;
	.margin: 16px 0px 10px 16px;
	_margin: 16px 0px 0px 16px;	
	background-image: url(../images/chemicals_accessories.png);
	background-repeat:no-repeat;
	width: 170px;
	height: 16px;
	text-indent: -9999px;
}

h2.spa_gallery {
	margin: 16px 0px 0px 16px;
	.margin: 16px 0px 10px 16px;
	_margin: 16px 0px 0px 16px;	
	background-image: url(../images/spa_gallery.png);
	background-repeat:no-repeat;
	width: 170px;
	height: 16px;
	text-indent: -9999px;
}

h2.contact_us {
	margin: 16px 0px 0px 16px;
	.margin: 16px 0px 10px 16px;
	_margin: 16px 0px 0px 16px;	
	background-image: url(../images/contact_us.png);
	background-repeat:no-repeat;
	width: 170px;
	height: 16px;
	text-indent: -9999px;
}

h2.thanks {
	margin: 16px 0px 0px 16px;
	.margin: 16px 0px 10px 16px;
	_margin: 16px 0px 0px 16px;	
	background-image: url(../images/email_signup.gif);
	background-repeat:no-repeat;
	width: 253px;
	height: 16px;
	text-indent: -9999px;
}


h2.accessories {
	margin: 16px 0px 0px 16px;
	.margin: 16px 0px 10px 16px;
	_margin: 16px 0px 0px 16px;	
	background-image: url(../images/accessories.png);
	background-repeat:no-repeat;
	width: 170px;
	height: 16px;
	text-indent: -9999px;
}

h2.chemicals {
	margin: 16px 0px 0px 16px;
	.margin: 16px 0px 10px 16px;
	_margin: 16px 0px 0px 16px;	
	background-image: url(../images/chemicals.png);
	background-repeat:no-repeat;
	width: 170px;
	height: 16px;
	text-indent: -9999px;
}

#maincol {
	background-color: #FFFFFF;  
	float: right; 
	display:inline; 
	position: relative; 
	width: 800px;
	background-image:url(../images/maincol_bg.jpg);
	background-repeat: no-repeat;
	background-color: #fcfbf5;
	background-position:bottom left; 
	padding-bottom: 40px;
	.padding-bottom: 50px;
	border-top: 11px solid #f4f0d8;
 }

#maincol p{
	font-size: 11px;
	line-height: 20px;
	color: #4d5c73;
}

#maincol #leftsub {
	float:left;
	width: 371px;
	padding: 0px 13px 0px 16px;
	border-right: 1px dotted #aaa48c;
}

#maincol #rightsub {
	float:right;
	width: 372px;
	padding: 0px 14px 0px 13px;

}
 
#spas_hot_tubs {
	padding: 16px;
}
 
#spas_hot_tubs img {
	padding-right: 16px;
}

.title {
	text-transform: uppercase;
	font-weight: bold;
}

#leftsub ul{
	font-size: 11px;
	padding: 16px;
	color: #4d5c73;
	line-height: 18px;
	.padding-top: 0px;
}

#rightsub ul{
	font-size: 11px;
	padding: 16px;
	color: #4d5c73;
	line-height: 18px;
	.padding-top: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
}

ul.arrow {
	font-size: 11px;
	list-style-image:url(../images/arrow.png);
	margin-left: 0px;
	padding-left:14px;
}


#footer {
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	font-size: 10px;
	color: #55697d;
	line-height: 18px;
	text-align: center;
}

#footer a {
	color: #4a6077;
}

/* contact form */

.send-btn2 {
	margin-left: 20px;
	width: 324px;
	height: 20px;
}

			#formcontainer {
				padding: 16px;
	padding: 16px 14px 0px 14px;
				color: #4d5c73;
				float:left;
				margin:0;
	width: 371px;
				margin-right: ;
	border-right: 1px dotted #aaa48c;
			}
			.form {
				margin:0;
				padding:0;
				position:relative;
				z-index:1;
			}
			.form * {
				margin:0;
				padding:0;
			}
				.form fieldset {
					border-width:0;
				}
				.form ul {
					list-style:none;
					margin:0;
					padding:0;
				}
					.form li {
						padding:5px 10px;
						clear:both;
					}

					.form div.medium, .form div.small, .form div.xsmall {
						float:left;
						padding:0 5px 0 0;
					}	
					.form label {
						display:block;
						font-size:11px; 
						font-weight:bold;
						margin:2px 0 0 0;
						text-transform:uppercase;
					}
					.form div label {
						color:#afbac4;
						font-size:8pt;
						font-weight:normal;
						text-transform: none;
					}
					.form .error {
						color:#FF0000;
					}
					.form li input, .form li textarea {
						background-image:url(../images/input_shadow2.png);
						border:#CCC 1px solid;
						font-weight:normal;
						padding:2px;
					}
					.form textarea {height:75px;}
					.form input, .form textarea {width:324px;}
					.form div.large input {width:150px;}
					.form div.medium input{width:90px;}
					.form div.small input{width:45px;}
					.form div.xsmall input{width:30px;}
					.feedback {
						background:#fffee3;
						border:#f2edd4 1px solid;
						color:#333;
						float:left;
						padding:15px;
						text-align:center;
						width:230px;
					}
					/* indicator */
					.indicator {
						background:#FFF;
						filter: alpha(opacity=75);
						height:32px;
						left:0;
						opacity: .75;
						position:absolute;
						padding:200px 125px;
						top:0;
						width:32px;
						z-index:2;
					}
					/* buttons */
					.button {
	width: 324px;
	height: 20px;
	background: url(../images/send_btn.png) no-repeat;
	outline: none;
	margin-left: 5px;
	margin: 0px;
	padding: 0px;
					}
					
 /* *** Float containers fix: *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */