/* coming soon style */

#comingsoon img {margin-top:50px;}

#comingsoon h1 {font-size:14px; color:#fff; margin-top:10px; font-style:italic;}


* {margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif;}

body {background-image:url(../_img/bkgnd.gif); background-repeat:repeat-x; text-align:center;}

#container {margin:30px auto 0 auto; width:800px; color:#333;}

#contentbox_head {width:800px; height:115px; background:url(../_img/content_bkgnd.png) no-repeat top left; padding:0px; margin:0px;}
#contentbox_head_sub {width:800px; height:115px; background:url(../_img/bkgnd_sub.png) no-repeat top left; padding:0px; margin:0px;}

#contentbox_foot {width:800px; min-height:10px; background:url(../_img/content_bkgnd.png) no-repeat bottom left; padding:0px; margin:0px;}
#contentbox_foot_sub {width:800px; min-height:10px; background:url(../_img/bkgnd_sub.png) no-repeat bottom left; padding:0px; margin:0px;}

#logo {float:left; margin:10px 0 0 25px;}

#main img {width:800px; height:250px; padding-bottom:10px; background-color:#FFFFFF;}

a, a:visited, a:active {color:#5a2049; text-decoration:underline;}

a:hover {color:#79720a; text-decoration:none;}


/*main HOME NAVIGATION */

#mainNav {float: right; margin: 0px; padding: 25px 2px 0px 0px;}
	#mainNav li {font-size:1px; line-height: 0; /* fixes "stair-step" effect in IE */ display: block; height: 12px; margin-right: 20px; float: left; text-indent: -9999px; padding: 0;} 
	#mainNav li a { display: block; outline: none; width: 100%; height: 100%; }
		#mainNav li.active { background-position: 0 -12px;}
		#mainNav li:hover { background-position: 0 -12px;}
		
		
		.bullet {list-style-image: url(../_img/nav/nav_divider.png) no-repeat top left;}

#navRetreats { width: 81px; background: url(../_img/nav/nav_retreats.png) no-repeat;}	
#navTeam { width: 62px; background: url(../_img/nav/nav_team.png) no-repeat;}	
#navStory { width: 62px; background: url(../_img/nav/nav_story.png) no-repeat;}	
#navJoin { width: 45px; background: url(../_img/nav/nav_join.png) no-repeat;}
	#mainNav li#navJoin { margin-right: 19px; }
	
	
#mainNav .divide {height:24px; width:20px; border:0px; text-indent:0px; margin:-10px 0 0 0; padding:0px; background:url(../_img/nav/nav_divider.png) no-repeat;}
	#mainNav .divide:hover {background-position: 0 0px;}



/*left side QUOTE area */

#quote {float:left; padding:15px 15px 0 25px; margin:0; width:150px; text-align:left; font-size:11px; font-style:italic; color:#5A2049; font-family:Georgia, "Times New Roman", Times, serif;}
	#quote h2 {font-size:12px; font-style:normal; margin-bottom:3px; font-weight:bold;}
	#quote span {display:block; font-weight:bold; font-style:italic; margin-top:10px; font-size:10px;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}

/* main HOME COPY area */

#homeMain {float:left; margin:5px 5px 0 20px; padding-bottom:15px; width:370px; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#592049; font-size:11px; line-height:13px;}
	#homeMain p {margin-bottom:10px;}
	
	/* main HOME LOCATION BUTTONS */
	
	.buttonLoc {display:block; text-indent:-9999px; background-repeat:no-repeat; outline:none; height:45px;}
	.buttonLoc:hover {background-position:0 -45px; }

	.btn_napaHome {width:109px; height:45px; background-image:url(../_img/btns/btn_napaHome.png); float:left; margin-right:15px;}
	.btn_sonomaHome {width:109px; height:45px; background-image:url(../_img/btns/btn_sonomaHome.png); float:left; margin-right:15px;}
	.btn_santacruzHome {width:109px; height:45px; background-image:url(../_img/btns/btn_santacruzHome.png); float:left;}





/* FOOTER */

#footer {width:780px; font-size:10px; color:#fff; text-align:right; margin:5px 0 30px 0; padding:0 20px 0 0; font-family:Arial, Helvetica, sans-serif; }

#footer a {color:#fff; text-decoration:none;}
	#footer a:hover {text-decoration:underline;}

#footer span {margin-left:30px;}

#footer span img {margin-bottom:-1px;}



/* right side BUTTONS */

#rightButtons {float:left; margin:75px 0px 10px 30px; padding:0px; width:165px;}
#subRightButtons {float:left; margin:0 10px 0px 0px; padding:10px 0 0 0px; width:165px;}

a.button {display:block; text-indent:-9999px; background-repeat:no-repeat; outline:none; height:23px; padding:0px; line-height:0px;}
	a.button:hover {background-position:0 -23px;}
	
	a.btn_nextRetreat {width:165px; height:23px; background-image:url(../_img/btns/btn_next-retreat.png); margin-bottom:5px}
	a.btn_reservations {width:165px; height:23px; background-image:url(../_img/btns/btn_reservations.png); margin-bottom:5px}
	a.btn_joinList {width:165px; height:23px; background-image:url(../_img/btns/btn_joinMailingList.png); margin-bottom:5px}
	a.btn_blank {width:165px; height:23px; background-image:url(../_img/btns/btn_blank.png);}
	
	a.btn_sonoma {width:165px; height:23px; background-image:url(../_img/btns/btn_sonoma.png); margin-bottom:5px}
	a.btn_napa {width:165px; height:23px; background-image:url(../_img/btns/btn_napa.png); margin-bottom:5px}
	a.btn_santacruz {width:165px; height:23px; background-image:url(../_img/btns/btn_santacruz.png); margin-bottom:5px}
	a.btn_mendocino {width:165px; height:23px; background-image:url(../_img/btns/btn_mendocino.png);}



/* sub page styles */

#subHead {float:right; height:77px; width:600px;}
div#subContent {width:563px; float:right; text-align:left; padding:0 15px 20px 20px; margin-top:25px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px;}
h1#retreats, h1#story, h1#team, h1#joinus, h1#sonoma, h1#napa, h1#santacruz, h1#mendocino, h1#mailing, h1#thanks, h1#next {text-indent: -9999px;height:25px; margin:0 0 5px 0;}
h1#retreats {background:url(../_img/h1/h1_retreats.png) no-repeat;}
h1#team {background:url(../_img/h1/h1_team.png) no-repeat;}
h1#story {background:url(../_img/h1/h1_story.png) no-repeat;}
h1#joinus {background:url(../_img/h1/h1_join.png) no-repeat;}
h1#mailing {background:url(../_img/h1/h1_mailing.png) no-repeat;}
h1#thanks {background:url(../_img/h1/h1_thanks.png) no-repeat;}
h1#next {background:url(../_img/h1/h1_next.png) no-repeat;}

h1#sonoma {background:url(../_img/h1/h1_sonoma.png) no-repeat;}
h1#napa {background:url(../_img/h1/h1_napa.png) no-repeat;}
h1#santacruz{background:url(../_img/h1/h1_santacruz.png) no-repeat;}
h1#mendocino {background:url(../_img/h1/h1_mendocino.png) no-repeat;}

div #subContent p {margin:0 0 15px 0; color:#333; }

div #subContent h2 {font-size:11px; font-weight:bold; margin:0px; padding:0px; color:#592049; }
div #subContent h3 {font-size:11px; font-weight:normal; margin:0px; padding:0px; color:#592049; }

#columnL {width:198px; float:left; margin-top:55px; padding-bottom:20px;}

	#columnL img {width:160px; float:left; margin:0 0 5px 23px;}
	.caption {font: 10px Arial, Helvetica, sans-serif; color:#999; margin-top:0px; margin-bottom:10px; text-align:left;margin-left:27px;}
	.caption a {color:#999; text-decoration:none;}
	.caption a:hover {text-decoration:underline;}
	
#centerContent {width:370px;}

#columnR {width:165px; float:right; padding:20px 3px 0 0;}

#mailingList {height:25px; border:1px solid red; width:198px; float:left; margin-bottom:10px; background-color:#CCCCCC;}

#customRetreats {background:url(../_img/side_customretreat.png) no-repeat top left; text-indent:-9999px; height:22px; width:165px; margin-top:10px;}

#customRetreatsBot {background:url(../_img/side_bot.png) no-repeat bottom left; padding:10px; width:165px;}

#customRetreatsBot p {width:145px;}

div.subLeft {float:left; margin:2px 10px 5px 0;}
div.subRight {float:right; margin:12px 0px 5px 10px;}


span.linkEmail img {float:right; margin:3px 5px 0 0;}
span.linkEmail a {float:right; margin:0 25px 0 0; color:#5a2049; text-decoration:underline;}

span.linkEmail a:hover {color:#79720a; text-decoration:none;}

/* retreat info styles */

.retreatMain {padding:0 0 10px 0;}
.retreatinfo {font-weight:bold; display:block; margin-top:10px; color:#5a2049;}

.retreattitle {font-size:14px; font-weight:bold; color:#5a2049; margin-bottom:3px;}

.retreattitle2 {font-size:12px; color:#333; margin-bottom:4px;}

.nomargin {margin:0px;}

.retreatinfo span {font-weight:normal; color:#333; margin-top:10px;}

a.reservation {font-size:12px; color:#5a2049; font-weight:bold; text-decoration:none; display:block; margin-top:10px;}

a.reservation:hover {text-decoration:underline;}

.dots {margin:15px 0 10px 0; padding:0px; background:url(../_img/sub_dots2.gif) no-repeat ; height:10px;}

.sidedots {margin:8px 0 8px 0; padding:0px; width:162px; background:url(../_img/sub_dots2.gif) no-repeat center; height:10px;}


/* mailing list form */

#form {width:300px; margin:30px 0 0 35px;}

input.box {border:1px solid #999; float:left; display:block; width:170px; height:15px; padding:2px; background:#fff;}

textarea.box {border:1px solid #999; float:left; display:block; width:170px; padding:2px; background:#fff; font-size:11px;}

.required {color:#FF0000; font-size:10px; display:inline; margin-left:-6px;}

label {color:#5a2049; font-size:11px; font-weight:bold; width:85px; float:left; margin: 2px 0 5px 0;}

.btn_submit {border: 1px solid #5a2049; background: #904b7c; color:#ccc; width:75px; text-align:center; padding:2px;font-weight:bold; margin-top:10px;}
.btn_submit:hover {color:#fff; font-weight:bold;}

.formRow {height:20px; margin-bottom:10px; display:block;}

.comments {height:125px;}