/* ---------- SONOMA COUNTY ----------

consumer-grids.css provides layout and typographic styles applicable to
the consumer grid pages

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

@import "base.css";

/****    standard tags    ****/
body,html{
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	color:#333;
	background-color: #525d69;
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
}
h1,h2,h3,h4,h5{
	color: #571249;
	font-family:arial,helvetica,sans-serif;
	padding:0;
	margin:0;
}
h1 {
	font-size: 2.0em;
	margin:10px 0;
}
h2 {
	font-size: 1.8em;
	margin-bottom:10px;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.5em;
}

/****    top navigation    ****/
#topnavt{
	width: 100%;
	float: left;
	background-color: #00356A;
	padding:7px 0 0 0;
	margin:0;
	height: 23px;
}
#topnavt ul {
	float: left;
	padding:0;
	margin:0 0 0 12px;
}

#topnavt li {
	color:#fff;
	float: left;
	border-left:1px solid #919cbc;
	list-style-type:none;
}
#topnavt li:first-child,#topnavt li#nav0 {
	border-left:none;
	margin-left:5px;
}
#topnavt li a {
	text-decoration: none;
	display: inline;
	overflow: hidden;
	height: 16px;
	font-family:Verdana,Helvetica,sans-serif;
	padding:0 10px;
	text-indent: 0;
	line-height: 1.2em;
	font-size:1.1em;
}
#topnavt li a:link,#topnavt li a:visited,#topnavt li a:active {
	color:#fff;
}
#topnavt li a:hover,#topnavt li a.active {
	color:#ffcc00;
}

/****    header layout    ****/
.congrid #head {
	width: 980px;
	height: 272px;
	background: none;
}
.congrid #head:after {
	clear:both;
	float:none;
}
.congrid .intro {
	background-color: #FFF;
	padding-top: 19px;
	width: 100%;
	float: left;
}
.congrid #cgcontent {
	margin-top: 0;
	position: relative;
}
.congrid .intro {
	padding-top: 65px;
}
.congrid #subnav {
	padding-top: 21px;
	background: url(../images/line-dbl-horiz.gif) repeat-x 0 7px;
}
.congrid .twocol #sidebar {
	width: 162px;
}
.congrid #content .intro h2 {
	padding-bottom: .2em;
}

#cgcontent {
	width: 765px;
	float: right;
	margin: 0 10px 0 0;
	padding-right: 0px;
}
#promo {
	background: url(../images/header-bg.jpg) no-repeat;
	width:960px;
	height:252px;
	margin:10px;
}
#promo #promo-image {
	float:right;
	width:488px;
	height:252px;
}
#promo #promo-copy{
	width:390px;
	height:210px;
	position:relative;
	left:25px;
	top:20px;
}
#promo h2{
	font-family:Arial,Helvetica,sans-serif;
	color:#edbd01;
	font-size:24px;
	line-height:28px;
}
#promo p{
	color:#fff;
	font-size:14px;
	line-height:1.5em;
}

.congrid #belowhead {
	padding-top: 0;
	background: none;
}

/****    control block layout    ****/
#controls{
	margin-bottom:10px;
}
#cintro{
	background:#d1dbe9;
	padding:10px;
	width:260px;
	margin-right:15px;
	font-size:12px;
	line-height:1.3em;
	border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
}
#cintro p{
	font-size:12px;
	line-height:1.3em;
	padding-top:5px;
}
#dcontrols{
	margin-top:10px;
}
#dcontrols div{
	float:right;
}
#ccon{
	padding-left:10px;
	width:98%;
}
#cnavc{
	margin-bottom:30px;
}
#cnavc h3{
	padding-bottom:5px;
}
#cnavcs{
    margin-bottom:10px;
    color: #E0E0E0;
}
#cnavcs h3{
    padding-bottom:5px;
     color: #E0E0E0;  
}
#cnav{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	text-transform:uppercase;
}
#cnav li{
	float:left;
	padding:5px;
	background:#ab88a4;
	margin-right:5px;
}
#cnav li:first-child{}
#cnav li a{color:#ffffff;}
#cnav li a:hover,
#cnav li:hover a,
#cnav li.hover a{
	color:#ffffff;
	text-decoration:none;
}
#cnav li:hover,
#cnav li.hover{position:relative;}
#cnav li.hover ul,
#cnav li:hover ul {display: block;}
#cnav li.hover ul ul,
#cnav li:hover ul ul{display: none;}
#cnav li.hover ul li.hover ul,
#cnav li:hover ul li:hover ul {display: block;}
#cnav li.hover,
#cnav li:hover,
#cnav li a:hover,
#cnav li:hover a,
#cnav li.hover a{
	background:#571249;
	color:#ffffff;
}
#cnav ul{
	width:126px;
	position:absolute;
	left:0;
	top:24px;
	z-index:100;
	display:none;
	background:#919b34;
	list-style:none;
	margin:0;
	padding:0;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform:none;
}
#cnav ul li{
	float:none;
	background:#919b34;
	border-top:1px solid #fff;
	padding:0;
	vertical-align:top;
	height:1%;
	margin-right:0;
}
#cnav ul li:first-child{border-top:none;}
#cnav ul li a{
	padding:6px 0 9px 10px;
	display:block;
}
#cnav ul li a:hover,
#cnav ul li:hover a,
#cnav ul li.hover a{
	background:#919b34;
	color:#fff;
}
#cnav ul ul{
	top:0;
	left:100%;
}
#cnav ul li.hover ul a,
#cnav ul li:hover ul a {
	background:#919b34;
	color:#ffffff;
}
#cnav ul li:hover ul a:hover,
#cnav ul li:hover ul li:hover a,
#cnav ul li.hover ul li.hover a{
	background:#919b34;
	color:#ffffff;
}
li.cactive,.cactive a{
	background:#571249!important;
	color:#ffffff;
}
#cfilter{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
}
#cfilter li{
	float:left;
	padding:5px;
	margin-right:10px;
}
#cfilter li a{
	color:#571249;
}

input.cfiltersub{
	padding-top:10px;
	float:right;
}

/****    grid layout    ****/
.gl{
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	color:#333;
}
ul.gl,
ul.gl ul {
	margin: 0;
	padding: 0;
}
ul.gl li {
	position: relative;
	list-style: none;
	width: 765px;
	float: left;
	margin: 0;
	padding: 10px 0 10px 10px;
	background-color: #f5f5e0;

}
ul.gl li.alt{
	background-color: #FFF;
}
ul.gl li li {
	padding: 0;
	background-color: transparent;
}
ul.gl li a:link,ul.gl li a:visited{
	color: #571249;
}
ul.gl li a:hover{
	color: #993399;
}
ul.gl li a:active{
	color: #571249;
}
#cgcontent h2{
	color:#fff;
	background: #571249;
	display:block;
	font-size: 1.4em;
	padding:5px;
	clear:both;
	border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
}

/****    grid elements    ****/
.contact {
	position: relative;
	font-size: .9em;
	padding:0;
	margin:0;
}
.coltext .address,.coltext .abstract {
	margin-bottom:10px;
}
.details{
	clear:both;
}
.contact {
	position: relative;
	font-size: .9em;
	padding:0;
	margin:0;
}
.coltext .address,.coltext .abstract {
	margin-bottom:10px;
}
.srv ul {
	padding:0;
	margin:0;
	list-style:none;
}
.srv ul li {
	float: left;
	position: relative;
	display: block;
	padding-right:5px;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	width: 90%;
}
.srv ul li.srv4 {
	width: 116px;
}
.srv ul li em {
	text-indent: -999em;
}
.srv ul li.srv1 {
	background: url("../images/pool.gif") no-repeat;
	margin-right:4px;
	height:30px;
	width:30px;
}
.srv ul li.srv2 {
	background: url("../images/spa.gif") no-repeat;
	margin-right:4px;
        height:30px;
        width:30px;
}
.srv ul li.srv3 {
	background: url("../images/golf.gif") no-repeat;
        height:30px;
        width:30px;
}
.srv ul li.srv4 {
	background: url("../images/pool.gif") no-repeat;
        height:30px;
        width:30px;
}
.srv ul li.srv1na {
	background:#d8dfd8;
	margin-right:10px;
}
.srv ul li.srv2na {
	background:#c4cfc8;
	margin-right:10px;
}
.srv ul li.srv3na {
	background:#e1e3be;
}
.srv ul li.srv4na {
	background:#cec7b4;
	width: 116px;
}
.srv strong {
	display:none;
}
.srv ul li em{
	visibility:hidden;
}

.Venuespace,.ldetails,.offers,.returnlv,.rfp,.booknow, .weblinks, .eventp {
	width: 141px;
	height: 16px;
	padding: 0;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
}
.booknow {
	height: 26px;
	font-size:14px;
	line-height:26px;
	background:#919b34;
}
.weblinks{
	clear:both;
	background:#990000;	
}
.offers{
	clear:both;
	background:#571249;
}
.ldetails{
	clear:both;
	background:#00356a;
}
.Venuespace{
    clear:both;
    background:#609;
}
.eventp{
	clear:both;
	background:#666666;
}
.returnlv {
	float:right;
	background:#b52217;
	margin:15px 20px 0 0;
}
.rfp{
	clear:both;
	background:#525d69;
}
.booknow a:link,.booknow a:visited,.booknow a:hover,.booknow a:active,
.Venuespace a:link,.Venuespace a:visited,.Venuespace a:hover,.Venuespace a:active,
.ldetails a:link,.ldetails a:visited,.ldetails a:hover,.ldetails a:active,
.eventp a:link,.eventp a:visited,.eventp a:hover,.eventp a:active,
.weblinks a:link,.weblinks a:visited,.weblinks a:hover,.weblinks a:active,
.offers a:link,.offers a:visited,.offers a:hover,.offers a:active,
.returnlv a:link,.returnlv a:visited,.returnlv a:hover,.returnlv a:active,
.rfp a:link,.rfp a:visited,.rfp a:hover,.rfp a:active{
	color:#fff !important;
	text-decoration:none;
	display:block;
}

.moreinfo,.moreinfo ul,.moreinfo ul li{
	margin:0;
	padding:0;
}
address,.coltext,.abstract,.details{
	color:#333;
	font-size:1.0em;
}
.abstract p{
	margin:10px 0;
}
.abstract strong{
	font-weight:bold !important;
}
.colimg{
	float:left;
	width:142px;
}
.colimg img {
	border:2px solid #b5c141;
	display:block;
	margin-bottom:4px;
}

.colimg img.lg {
	max-height:87px;
	width:130px;
}

.colimg img.tn {
	float:left;
	margin-right:4px;
	height:38px;
	width:38px;
}
.coltext{
	float:left;
	width:440px;
	padding-left:10px;
}
.colfeat{
	float:right;
	width:141px;
	margin-right:10px;
}
.rt{
	text-align:right;
}
.functions {
	margin-bottom:10px;;
}
.functions a img {
	border:none;
	margin:0;
	padding:0;
}
.functions a .map,.functions a .print {
	margin-right:5px;
}
.deals{
	padding:10px;
	background:#ebebc2;
	text-align:center;
}
.floorplan{
	margin-top:5px;
}
.options strong, .phone strong {
font-weight:bold;
}
.phone {
margin-bottom:2px;
}
input.cfiltersub2{
    padding-top:10px;
    float:left;
    padding-right:230px;
}
.resetButton{
    border: 0px none; background-color: grey; color: rgb(255, 255, 255); font-weight: bold; width: 200px; height: 26px;
    margin-right:15px;
    font-size:14px;
    line-height:1.3em;
    margin-top:10px;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
}

.goButton {
-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
background-color:grey;
border:0 none;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:20px;
margin-bottom:-5px;
position:relative;
}
.googleDiv{
    width: 210px; height: 25px; margin-left: 5px; 
}
.googleInput {
border:1px solid #7E9DB9;
margin-top:-3px;
padding:2px;
position:relative;
width:132px;
}
/****    end consumer-grids.css    ****/