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

	whc.css
	
	version:   1.0
	date:		5/01/08
	author:    [Martin Olson @ innertwined]
	email:		[martin@innertwined.com]

	website:   [www.watersedgehealthcenter.com]

	version history: [1.0]
	

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


/*

	Import external stylesheets
	
-----------------------------------------------------------------------------*/

@import url("reset.css");

.clearall { clear: both; margin: 0 }
a:focus { outline: 0 }

body {
	background: #ddebf0/*greendfead4/*yellowedf2df*/ url(../img/bkg_fade.gif) repeat-x 0 -70px;
	margin: 0;
	padding: 0;
	/* text format */
	font-family: Lucida Grande, Lucide Sans Unicode, Geneva, Arial, Helvetica, sans;
	font-size: 16px;
	line-height: 1.5em;
	color: #8d8d87;
	text-align: center
	}
.wrap {
	width: 875px;
	margin: 0 auto
	}
#header {
	padding: 50px 0 15px;
	text-align: left
	}
#footer {
	padding: 0 30px 30px;
	font-size: 60%;
	text-align: right;
	color: #b7bab0
	}
#footer span.legal {
	float: left
	}
a:link,
a:visited {
	color: #9fbecf;
	text-decoration: none
	}
a:hover {
	color: #9fbecf;
	text-decoration: underline
	}

#signupform { float: right; height: 70px; overflow: hidden; width: 380px;
	*margin-top: 20px }
#signupform ul li { display: block; float: left; margin-bottom: 5px; width: 145px }
#signupform ul li.title { color: #5a788c; float: none; font-size: 11px; font-weight: 700; width: 400px; text-align: left; }
#signupform ul li label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	float: left;
	text-align: right;
	padding-right: 8px;
	width: 50px }
#signupform ul li input.txtfield { color: #6e6e68; float: left; font-size: 11px; width: 130px; *padding: 2px }
#signupform ul li#signupbtn { margin-top: -1px; margin-left: 0; width: 60px }
#signupform ul li input.error { border: 1px solid #d13d3d; padding: 3px;}
#signupform ul li label.error { color: #d13d3d; font-size: 10px; width: 150px; padding: 0; margin: 0; text-align: left }



/*

	Campaign Box
	
-----------------------------------------------------------------------------*/

#campaign {
	background: url(../img/campaign_box.png) no-repeat 0 0;
	height: 355px;
	padding: 18px 14px
	}
#campaign .spring {
	background: url(../img/0_campaign_bkg.jpg) no-repeat 0 0;
	height: 360px;
	}
#campaign .intro {
	padding: 90px 60px 30px 370px;
	text-align: justify
	}
#campaign .intro p {
	font-size: 70%;
	line-height: 1.6em
	}
.schedule {
	padding: 0 0 25px;
	margin-left: 360px;
	width: 450px;
	text-align: center
	}
.schedule p.call{
	background: url(../img/txt_schedule.gif) no-repeat center center;
	height: 40px;
	}
p.call span {
	display: none
	}
	
	
/* service list */

#services {
	background: url(../img/services_box.png) no-repeat 0 0;
	height: 305px;
	padding: 18px 14px;
	text-align: left
	}

ul#servicelist {
	width: 550px;
	margin: 25px 0 35px;
	float: left;
	text-align: left
	}
ul#servicelist li {
	display: block;
	float: left;
	width: 235px;
	font-size: 70%;
	line-height: 1.8em;
	color: #9b9b94;
	padding-left: 12px;
	background: url(../img/list_bullet.gif) no-repeat 0 8px
	}
ul#servicelist li.title {
	width: 500px;
	padding-left: 0;
	padding-bottom: 5px;
	background: url(../img/txt_services.gif) no-repeat 0 0;
	text-indent: -9999px
	}
ul#servicelist li.compservices {
	width: 500px;
	padding-left: 0;
	padding-top: 25px;
	background: url(../img/text_complimentary.gif) no-repeat 0 20px;
	text-indent: -9999px
	}
ul#location {
	width: 220px;
	_width: 200px;
	margin: 25px 0 0 50px;
	float: left
	}
ul#location li {
	font-size: 70%;
	line-height: 1.8em;
	color: #9b9b94;
	text-align: left
	}
ul#location li.title {
	padding-bottom: 5px;
	padding-left: 0;
	background: url(../img/txt_location.gif) no-repeat 0 0;
	text-indent: -9999px
	}
	
	
	
	
	
#form {
	text-align:left;
	margin:25px;
	}
#form ul {
	list-style:none;
	}
#form label {
	font-size: 70%;
	font-weight: 700;
	margin-right: 8px;
	float: left
	}
#form li {
	margin:0 0 .5em 0;
	float: left;
	display: block;
	width: 225px;
	}

#form input.txtfield,
#form input {
	font-size: 11px;
	padding: 2px;
	width: 200px;
	color: #8d8d87
	}
#form textarea {
	width:100%;
	height:100px;
	padding: 2px;
	width: 430px;
	color: #8d8d87
	}


/*

	Typography
	
-----------------------------------------------------------------------------*/

h1 {
	font-size: 120%;
	font-weight: 100;
	background: url(../img/whc_logo.gif) no-repeat 0 0;
	margin: 1.2em 0 .6em 55px;
	height: 55px;
	text-indent: -9999px
	}
h1 span {
	font-size: 65%;
	}
h2  {
	font-size: 120%;
	font-weight: 100;
	line-height: 3.5em;
	margin: 0 auto .5em;
	text-indent: -9999px
	}
h2 span {
	color: #c7cd99;
	}
h2.translate {
	background: url(../img/h2_translate.png) no-repeat 0 0
	}
h2.grand {
	background: url(../img/h2_grandopen.gif) no-repeat 0 0
	}
h3 {
	font-size: 90%;
	font-weight: 100;
	line-height: 2.2em;
	margin: 0 auto
	}