/* 
Coastal Capital Partners CSS
Copyright 2005-2006 MakaluMedia, Inc.
Author: Mike Rohde, Luis Perez
Updated: March 20, 2006
*/

/* ---[ General ]------------------------------- */

body
{ 
	font: 12px/14px Arial, Helvetica, sans-serif;
	background : #f7edde repeat-y center top url(../img/bkgd/columns.tan.gif);
	margin: 0 auto;
	padding: 0;
	}

/* ---[ Links ]------------------------------- */

a:link 
	{
	color: #003366;
	text-decoration: underline;
	}

a:visited 
	{
	color: #003366;
	text-decoration: underline;
	}

a:hover 
	{
	color: #990000;
	text-decoration: underline;
	}


/* ---[ Text ]------------------------------- */

h1 
	{
	font: normal 34px/35px Times New Roman, Times, serif;	
	color: #003366;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	}

h1.interior 
	{
	color: #003366;
	font: 26px/28px Georgia, Times New Roman, Times, serif;
	padding: 0px;
	text-transform: none;
	margin-bottom: 6px;
	text-align: left;
	}
	
h2 
	{
	font: 18px/20px Arial, Helvetica, sans-serif;
	color: #7f5c41;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
	letter-spacing: -0.05em;
	}

h2 a, h2 a:link, h2 a:visited { text-decoration: none; color: #7f5c41; }

h2 a:hover
{
	text-decoration: none;
	color: #7f5c41;
	background-color: #f7edde;
}

h3 
	{
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #7f5c41;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

h4 
	{
	color: #003366;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	}

h4.subhead 
	{
	color: #003366;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	padding: 0px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 6px;
	}

h4.feature 
	{
	color: #003366;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 6px 0 0 0;
	}

h5 
	{
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #7f5c41;
	margin-top: 1px;
	margin-bottom: 0px;
	padding: 0px;
	}

h6
	{
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 0px
	}

p 
	{
	font: 12px/14px Arial, Helvetica, sans-serif;
	margin-top: 3px;
	text-align: left;
	}

li 
	{
	font: 12px/16px Arial, Helvetica, sans-serif;
	list-style: square;
	}

.copyright
{
	padding: 10px 15px 15px 15px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	text-align: center;
	}

.rssBug
	{
	font: bold 10px verdana,sans-serif;	
	color: #FFF;
	background: #F60;	
	border: 1px solid;
	border-color: #FC9 #630 #330 #F96;
	padding: 0 3px;
	text-decoration: none;
	margin: 0;
	}

/* ---[ Sections ]------------------------------- */

#container  
{
	width: 760px;
	margin: 0 auto;
	padding: 0;
	}
	

#logo 
	{
	margin: 0 0 0 1px;
	padding: 0;
	width: 760px;
	}

/* <-- Code Hidden from IE ---> */
html>body #logo { margin: 0; }

#shadow 
	{
	background: url(../img/bkgd/nav-shadow.jpg) left top repeat-x transparent;
	height: 15px;
	width: 760px;
	margin: 1px 0 0 1px;	
	}

/* <-- Code Hidden from IE ---> */
html>body #shadow 
	{
	margin: 1px 0 0 0;
	}

#content 
	{
	width: 700px;
	margin: 1% auto 4% 3%;
	}

#lCol 
	{
	width: 500px;
	vertical-align: top;
	padding-right: 10px;
	}

#rCol 
	{
	width: 180px;
	vertical-align: top;
	margin-left: 10px;
	}

#lArea 
	{
	width: 500px;
	margin-top: 0px;
	padding: 0px;
	}

#rArea 
	{
	width: 175px;
	border-left: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	padding-bottom: 10px;
	padding-left: 20px;
	margin: 0px 0px 0px 5px;
	}

#featInv 
	{
	margin-bottom: 5px;
	}

#footer
{
     background: left top  transparent;
	width: 715px;
	text-align: center;
	border-top: 1px solid #cecece;
	margin: 5px auto 4% auto;
	}


/* ---[ Menu ]------------------------------- */

#menu div { 
	display: inline;
	}

#menu {
	background: url(../img/bkgd/nav-bkgd.jpg);
	width: 760px;
	height: 24px;
	margin: 0 0 0 1px;
	padding: 0;
	border-top: 1px solid #fff;
	display: block;
	clear: both;
	}

/* <-- Code Hidden from IE ---> */
html>body #menu 
	{
	margin: 0;
	}

#menu a {
	background: url(../img/bkgd/nav-off.jpg);
	text-decoration: none;
	float: left;	
	font: 12px/14px Arial, Helvetica, sans-serif;	
	text-align: center;
	color: #fff;
	border-right: 1px solid #fff;
	padding: 5px 10px 0 10px;
	display: inline;
	}

#menu a:hover {
	background: url(../img/bkgd/nav-on.jpg);
	color: #fff;
	text-decoration: none;
	}

#menu a.On {
	background: url(../img/bkgd/nav-on.jpg);
	color: #fff;
	text-decoration: none;
	}


/* ---[ Nav ]------------------------------- */

.nav { 
	display: inline;
	padding: 0;
	margin: 0;
	height: 24px;
	}

.nav a {
	text-decoration: none;
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 19px;
	float: left;	
	font: 12px/14px Arial, Helvetica, sans-serif;	
	text-align: center;
	color: #fff;
	border-right: 1px solid #fff;
	padding: 5px 10px 0 10px;
	display: inline;
	}

.nav a:link {
	color: #fff;
	padding: 5px 10px 0 10px;
	}

.nav a:hover {
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 19px;
	color: #fff;
	background: url(../img/bkgd/nav-on.jpg) ;
	padding: 5px 10px 0 10px;
	}

.nav a:active {
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 19px;
	color: #fff;
	background: url(../img/bkgd/nav-on.jpg) ;
	padding: 5px 10px 0 10px;
	}

.nav a:visited {
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 19px;
	color: #fff;
	}

.nav a.On {
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 19px;	
  	color: #fff;
	background: url(../img/bkgd/nav-on.jpg) ;
	padding: 5px 10px 0 10px;
	}


/* ---[ General Items ]------------------------------- */


.grayRule
	{
	border-top: 1px solid #ccc;
	width: 175px;
	margin: 0;
	}

/* <-- Code Hidden from IE ---> */
html>body .grayRule
	{
	margin: 3px 0 9px 0;
	}

#newsCenter 
	{
	background: transparent;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	}

.newsItem 
	{
	margin-bottom: 10px;
	}

.newsDetail
	{
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 0 0 8px 0;
	margin: 0px 0px 15px 0px;	
	}

.archiveBar
	{
	margin: 0;
	padding: 0;
	}

.archiveBar ul
	{
	margin-top: -10px;
	}

.archiveBar li
	{
	list-style-type: none;
	margin-left: -3.3em;	
	}

.quoteBox 
	{
	background: transparent;
	padding: 0;
	margin: 0;
	clear: left;
	display: block;
	float: left;
	margin-bottom: 8px;
	}

.blueBoxQuote 
	{
	background: #e9f4ff;
	border: 1px solid #cecece;
	padding: 9px 9px 14px 16px;
	margin-bottom: 8px;
	display: inline;
	float: right;
	width: 335px;
	margin-left: 0px;
	}

.blueBoxQuote h3 
	{
	font: normal 14px/16px Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

.tanBox 
	{
	background: #f7ecdd;
	border: 1px solid #cecece;
	padding: 12px 16px 6px 16px;
	margin-bottom: 5px;
	}

.blueBox h3 
	{
	font: normal 14px/16px Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#blueBoxFilter 
	{
	background: #e9f4ff;
	border: 1px solid #cecece;
	padding: 12px 9px 6px 16px;
	margin-bottom: 12px;
	display: block;
	float: left;
	width: 470px;
	margin-left: 0px;
	margin-top: 1px;
	}

/* <-- Code Hidden from IE ---> */
#blueBoxFilter
{
	padding: 9px 9px 12px 16px;
	}

#blueBoxFilter p 
	{
	margin: 4px 0px 0px 0px;
	}

#blueBoxFilter strong 
	{
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#stateFilter 
	{
	float: right;
	display: inline;
	margin: 8px 4px 0 10px;
	}

/* <-- Code Hidden from IE ---> */
html>body #stateFilter 
	{
	margin: 6px 4px 12px 10px;
	}

.propText
	{
	padding-bottom: 12px;
	}
	
.whiteProp 
	{
	margin-bottom: 10px;
	border: 1px solid #cecece;
	padding: 4px 8px 4px 6px;
	width: 480px;
	margin: 5px 0 15px 0;
	}

.cremeProp 
	{
	margin-bottom: 10px;
	border: 1px solid #cecece;
	padding: 4px 8px 4px 6px;
	width: 480px;
	margin: 5px 0 15px 0;
	background: #f7ecdd;
	}

.whiteProp p 
	{
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
.cremeProp p 
	{
	margin-top: 0px;
	margin-bottom: 0px;
	}

.bCmbs 
	{
	width: 500px;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #cecece;
	margin-bottom: 10px;
	}

#propDet 
	{
	width: 100%;
	margin: 0 0 15px 0;
	display: block;
	clear: both;
	}

#propDet p 
	{
	font: 12px/18px Arial, Helvetica, sans-serif;
	}

.propDetail li	{
	font: 12px/18px Arial, Helvetica, sans-serif;
	list-style: none;
	}

#sitePlan
	{
	width: 100%;
	margin: 0 0 15px 0;
	display: block;
	clear: both;
	}

.sitemap 
	{
	margin-bottom: 10px;
	margin-top: 2px;
	}

.tenDet 
	{
	width: 500px;
	border-right: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	margin-bottom: 15px;
	}

.tenDet td 
	{
	border-top: 1px solid #cecece;
	}

.tenBlu 
	{
	border: 1px solid #cecece;
	background: #51769b;
	color: #ffffff;
	}

.tenWht 
	{
	border: 1px solid #cecece;
	background: #fff;
	}

.tenWhtAvail
	{
	border: 1px solid #cecece;
	background: #fff;
	color: #003366;
	font-weight: bold;
	}

.tenCrm 
	{
	border: 1px solid #cecece;
	background: #fcf4e4;
	}

.tenCrmAvail
	{
	border: 1px solid #cecece;
	background: #fcf4e4;
	color: #003366;
	font-weight: bold;
	}
	
#searchBox 
	{
	margin-top: 15px;
	margin-bottom: 10px;
	}

.shadow 
	{
	margin: 1px 0 0 0;
	background: url(../img/bkgd/nav-shadow.jpg) left top repeat-x transparent;
	height: 15px;
	width: 760px;	
	}

.rule
	{
	border-top: 1px solid #ccc; margin: 0 0 15px 0;
	}


/* ---[ Photos ]------------------------------- */

.featPic 
	{
	padding: 2px;
	border: 1px solid #cecece;
	margin-bottom: 5px;
	background-color: #fff;
	}

.pic 
	{
	padding: 2px;
	border: 1px solid #cecece;
	background-color: #fff;	
	}

.calloutPicL 
	{
	padding: 2px;
	border: 1px solid #cecece;
	display: inline;
	float: left;
	margin-right: 10px;
	background-color: #fff;
	}

.propPicL 
	{
	padding: 2px;
	display: inline;
	margin: 2px 10px 6px 0;
	float: left;
	border: 1px solid #cecece;
	background-color: #fff;
	}

.siteplan 
	{
	margin: 3px 0 0 0;
	border: 1px solid #cecece;
	}

/* End CSS */