/*---- GLOBAL STYLES ---- */
html, body, h1, h2, h3, h4, h5, h6, img, p, a, ul, ol, li, dl, dt, dd, form { 
	margin:0; padding:0; border:0;
	}

html { min-height: 100%; margin-bottom: 0px; height:100%; /* needed for container min-height */}

body {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #737373;
	height: 100%;
	width:101%; 
	background-color: #e5f3f9;
}
.bulleted_list {
	margin-left: 18px;
	list-style-type: disc;
}
	
ul, ol, li {
	line-height: 1.8em;
	list-style-type: none;
}


a{ color: #737373; text-decoration: none;}
a:hover{ color: #8c6239;}
p{ line-height: 1.8em; margin-bottom: 10px;}

.clear_left { clear: left; }
.clear_both{ clear: both; }

.brown{ color: #8c6239; }
.red{ color: #dd570e; }
.indent{ padding-left: 45px; }


/*---- MAIN SYTLES ----*/
#wrapper{
	width: 953px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/index_bgslice.gif) repeat-y center;	
}
#ie6 #wrapper, #ie7 #wrapper{
	background: url(images/index_bgsliceIE6.gif) repeat-y center;
}
#header{
	width: 953px;
	padding-top: 260px;
	background: url(images/indexmainbg.jpg) no-repeat top;
}
#content-container, #content, #nav-container{
	float: left;
}
#content-container{

}
#nav-container{
	width: 190px; 
	padding-left: 102px;
}

#side-graphic{
	float: right;
	width: 320px;
	height: 330px;
	background: url(images/index_img.jpg) no-repeat right top;
}
#index #side-graphic{
	margin-right: -1px;
}
#side-graphic #line{
	margin-top: 250px;
	margin-left: 45px;
	color: #dd570e;
	line-height: 2em;
}
#header #title{
	float: right;
	padding-right: 85px;
	margin-top: 40px;
}
#footer{
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width: 953px;
	height: 60px;
	background: url(images/indexfooter.jpg) center bottom no-repeat;
	text-align: center;
}
#footer a:hover{ text-decoration: underline; }

/*---- NAV STYLE ----*/
#nav-container ul{
	width: 100%;
	padding-bottom: 30px;
	
	border-right: 1px #8c6239 solid;
}
#nav-container li{
	line-height: 2em;
}
#nav-container a.selected{
	color: #8c6239;
}	
/*---- CONTENT STYLE ----*/
#content{
	width: 285px;
	padding-left: 25px;
}
#content #first-letter{
	float: left;
	margin: 0 5px 5px 0;
}
/*---- WHO WE ARE STYLE ----*/
#who #side-graphic{
	width: 267px;	
	margin-right: 2px;
	padding-right: 70px;
	background: url(images/who_photo.jpg) no-repeat right top;
}
#who #side-graphic #line{
	margin-top: 300px;
	background: url(images/01who_quote.gif) no-repeat top left;
	padding-left: 30px;
	padding-top: 10px;
}
#who #ie6 #side-graphic{
	margin-right: 1px;
	padding-right: 50px;
}
#who #ie6 #side-graphic #line{
	margin-top: 310px;
	padding-top: 6px;
	padding-right: 10px;
}
/*---- CLASSES STYLE ----*/
#classes #side-graphic, #classes #ie6 #side-graphic{
	width: 297px;
	margin-right: 1px;
	background-image: url(images/classes_photo.jpg);
}
/*---- CLASSES STYLE ----*/
#like #side-graphic{
	margin-right: 4px;
	background-image: url(images/whyfarsofar-text.gif);
}
#like #content p{
	margin-bottom: 30px;
}
#like #content a{
	color: #8c6239;
}

/*---- WELLNESS STYLE ---*/
#wellness #content-container{
	margin-top:0;
}
#wellness #content{
	width: 550px;
}
#wellness #text{
	padding-top: 20px;
	padding-left: 15px;
	line-height: 1.8em;
}
/*---- CONTACT STYLE ----*/
#contact #nav-container{
	width: 240px;
}
#contact #nav-container ul{
	border: 0;
}
#contact #ie6 #title, #contact #ie7 #title{
	float: none;
	padding-top: 44px;
	padding-right: 105px;
	text-align: right;
}
#contact #ie6 #content-container{
	margin-top:0px;
}
#contact #content-container{
	margin-top:4px;
}
#contact #content{
	width: 500px;
}
#contact fieldset{
	border-color: #8c6239;
	border-width: 1px;
	margin-bottom: 30px;
}

#contact legend{
	margin-left: 25px;
}
#contact .fieldset_container{
	padding: 15px 30px 15px 30px;;
}
#contact fieldset dt, #contact fieldset dd{
	height: 30px;
	line-height: 1.8em;
}
#contact fieldset dt{
	float:left;
	width: 100px;
}
#contact fieldset dt{
	clear:left;	
}
#contact textarea{
	width: 100%;
	height: 150px;
}

#contact_info{
}
#map{
	margin-top: 10px;
	margin-bottom: 20px;
	width: 250px;
	height: 250px;
	border:#999999 solid 1px;
}

/*---- GALLARY STYLE ----*/
#gallery #content-container{
	margin-top:0;
}
#gallery #content{
	width: 550px;
}
#gallery #gallery_nav{
	padding-left:20px;;
}
#gallery #gallery_nav li{
	float: left;
}
#gallery #title{
	padding-right: 105px;
}
/*---- CLASSES STYLE ----*/
#classes #content{
	width: 330px;
}

.table{
line-height: 1.8em;	
}
/*---- WHY STYLE ----*/
#why #side-graphic{
	width: 297px;
	margin-right: 4px;
	background-image: url(images/whypic.jpg);
}
#why #ie6 #side-graphic{
	margin-right: 2px;
}
#why #side-graphic #line{
	margin-top: 280px;
	padding-left: 30px;
	padding-top: 10px;
	margin-left: 10px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}
#why .quote{
	line-height:1.8em;
	font-style: italic;
	margin-bottom: 20px;
	bottom: 0;
}
#why .quote1{
	line-height:1.8em;
	font-style: italic;
	margin-bottom: 20px;
	padding-top: 40px;
}
#why .quote2{
	line-height:1.8em;
	font-style: italic;
	margin-bottom: 20px;
	padding-top: 125px;
}
#why .reviewer{
	text-align: right;
}
#content2{
	float: left;
}

#content2{
	padding-left: 315px;
}
#content2 .picture{
	float: left;
}
#content2 .quote1{
	width: 210px;
	float: left;
	padding-left: 20px;
}
#content2 .quote2{
	width: 210px;
	float: left;
	padding-left: 20px;
}
#content2 .picture_container{
	margin-bottom: 30px;
}
/*---- RATES STYLE ----*/
#rates #side-graphic{
	width: 297px;
	margin-right: 4px;
	background-image: url(images/rates_photo.jpg);
	clear:right;
}
#rates #ie6 #side-graphic{
	margin-right: 2px;
} 
#rates #content{
	width: 330px;
}

#rates #ie6 #content{
	width: 250px;
}


#rates .dollar{
	display: block;
	margin-right: 200px;
}
#rates .indent p{
	margin-bottom: 20px;
}
.red_large {
	font-size: 1.2em;
	color: #F00;
}
.orange {
	font-size: 1.7em;
	color: #C44102;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
.whopicture_container {
	float: left;
	margin-bottom: 30px;
}
.whobox {
	float: left;
	width: 550px;
	margin-bottom: 35px;
	margin-left: 25px;
}
.whoboxphoto {
	padding: 0px;
	float: left;
	width: 250px;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.whoboxquote {
	float: left;
	width: 538px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	font-size: 1.6em;
	font-style: italic;
	color: #D35925;
	margin: 0px;
}
.red_large_b {
	font-size: 1.3em;
	font-weight: bold;
	color: #FA5A0E;
}
#whoboxcontainer {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 576px;
}
.condensed {
	font-size: 1em;
	line-height: 5px;
	padding-left: 65px;
	color: #D35925;
}

.orangeyred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #DA5903;
	font-style: oblique;
}
.brown_announcement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #8D6238;
	font-style: oblique;
}
#topannounce {
	height: 75px;
	width: 245px;
	float: left;
	padding-right: 0px;
	padding-left: 370px;
}
.black-announce {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	font-size: 14px;
}
.darkgray {
	color: #333;
	font-size: 0.9em;
	line-height: 10px;
}
.red_large_bspace {
	font-size: 1.3em;
	font-weight: bold;
	color: #D35925;
	text-indent: 10px;
}