/*****************************************************************************************
*	
*	KarenFairty.com
*	built by WebSightDesign.com
*   6/03/09
*
*****************************************************************************************/

*{padding:0px; margin:0px;}

body{
	text-align: center; background-color:#fff; font-family:Arial, Arial, Helvetica, sans-serif; font-size: .79em;
}

a:link, a:visited, a:active{color:#a61266; text-decoration: none;}
a:hover, a:active{ color:#a61266; text-decoration: underline;}


div{border:#000 0px solid;}

.wrapper{width:961px !important; width:970px; margin: 0px auto; background:#fff url('../images/body_bg.jpg') repeat-x top left; border:#000 0px solid;  }

.footer{color:#205370; font-family:Arial, Arial, Helvetica, sans-serif; font-size: .76em; width:950px; margin: 0px auto; padding:20px 0px 0px 0px;}

.footer a{color:#205370; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 1.2em;  margin:0px 5px 0px 5px; text-decoration: none;}

.footer_sub{width:760px; padding:20px 0px 0px 0px;	color:#9f8a5d; margin: 0px auto;}
.footer_sub a {color:#9f8a5d; font-size: 1.0em;}

.left_side{
	width:154px; float: left; padding:19px 0px 0px 20px !important; padding:19px 0px 0px 0px; color:#333; text-align: left; border:#000 0px solid;
}

.left_side a{color:#205370; text-decoration: none;}

.right_side{width:783px !important; width:777px; float: right;  text-align: right; }

.right_side_top{ width:777px; border:#f00 0px solid; padding:0px 0px 0px 6px; }

.right_side_mid{width:737px; min-height:500px; border-left:#e0e8e0 1px solid; padding:0px 20px 20px 20px; margin:15px 0px 0px 1px; text-align: left;}

.right_side_mid p{ margin: 10px 0px 15px 0px;}

.clearer{clear:both;}

.hidden{visibility:hidden;}

.header{
	width:777px; height:45px; padding: 22px 0px 0px 0px; text-align: left;
}

.nav{
	width:777px; height:26px;background:#f3b640;
}

.nav ul {
	list-style-type: none;
}

.nav li{
	float: left;
}

.nav span{ visibility: hidden;}
.nav a{text-decoration: none;}

a.about{ display:block; height:26px; width:123px; background: url('../images/menu_off/about.gif') no-repeat top left;}
a.about:hover, a.about:active, a.about_act{ display:block; height:26px; width:123px; background: url('../images/menu_on/about.gif') no-repeat top left;}

a.featured{ display:block; height:26px; width:170px; background: url('../images/menu_off/featured.gif') no-repeat top left;}
a.featured:hover, a.featured:active, a.featured_act{ display:block; height:26px; width:170px; background: url('../images/menu_on/featured.gif') no-repeat top left;}

a.marin{ display:block; height:26px; width:119px; background: url('../images/menu_off/marin.gif') no-repeat top left;}
a.marin:hover, a.marin:active, a.marin_act{ display:block; height:26px; width:119px; background: url('../images/menu_on/marin.gif') no-repeat top left;}

a.resources{ display:block; height:26px; width:105px; background: url('../images/menu_off/resources.gif') no-repeat top left;}
a.resources:hover, a.resources:active, a.resources_act{ display:block; height:26px; width:105px; background: url('../images/menu_on/resources.gif') no-repeat top left;}

a.contact{ display:block; height:26px; width:119px; background: url('../images/menu_off/contact.gif') no-repeat top left;}
a.contact:hover, a.contact:active, a.contact_act{ display:block; height:26px; width:119px; background: url('../images/menu_on/contact.gif') no-repeat top left;}

.flash_div{
	margin:10px 0px 0px 0px;
}

.home_box{
	width:777px; background:#eae2d1; padding:13px 0px 10px 0px; margin:0px 0px 0px -16px;
	font-family:Arial, Arial, Helvetica, sans-serif; font-size: 12px;
}

/*======================================== Subpages ===================================================*/

h1.hdr_about{ width:162; height:18px; background: url('../images/hdr_about.gif') no-repeat top left;}
h1.hdr_featured{ width:263; height:18px; background: url('../images/hdr_featured.gif') no-repeat top left;}
h1.hdr_marin{ width:161; height:18px; background: url('../images/hdr_marin.gif') no-repeat top left;}
h1.hdr_contact{ width:145; height:18px; background: url('../images/hdr_contact.gif') no-repeat top left;}
h1.hdr_resources{ width:134; height:18px; background: url('../images/hdr_resources.gif') no-repeat top left;}

h1.hdr_marin_belvedere{ width:161; height:18px; background: url('../images/hdr_marin_belvedere.gif') no-repeat top left;}
h1.hdr_marin_cortemadera{ width:161; height:18px; background: url('../images/hdr_marin_cortemadera.gif') no-repeat top left;}
h1.hdr_marin_fairfax{ width:161; height:18px; background: url('../images/hdr_marin_fairfax.gif') no-repeat top left;}
h1.hdr_marin_greenbrae{ width:161; height:18px; background: url('../images/hdr_marin_greenbrae.gif') no-repeat top left;}
h1.hdr_marin_kentfield{ width:161; height:18px; background: url('../images/hdr_marin_kentfield.gif') no-repeat top left;}
h1.hdr_marin_larkspur{ width:161; height:18px; background: url('../images/hdr_marin_larkspur.gif') no-repeat top left;}
h1.hdr_marin_millvalley{ width:161; height:18px; background: url('../images/hdr_marin_millvalley.gif') no-repeat top left;}
h1.hdr_marin_novato{ width:161; height:18px; background: url('../images/hdr_marin_novato.gif') no-repeat top left;}
h1.hdr_marin_ross{ width:161; height:18px; background: url('../images/hdr_marin_ross.gif') no-repeat top left;}
h1.hdr_marin_sananselmo{ width:161; height:18px; background: url('../images/hdr_marin_sananselmo.gif') no-repeat top left;}
h1.hdr_marin_sanrafael{ width:161; height:18px; background: url('../images/hdr_marin_sanrafael.gif') no-repeat top left;}
h1.hdr_marin_sausalito{ width:161; height:18px; background: url('../images/hdr_marin_sausalito.gif') no-repeat top left;}
h1.hdr_marin_tiburon{ width:161; height:18px; background: url('../images/hdr_marin_tiburon.gif') no-repeat top left;}


.featured_div{
	width: 730px;  padding:0px 0px 0px 20px;
}

.property_div{
	width: 270px; height: 280px; float:left; margin:20px 40px 20px 20px; background:#eae2d1; padding:13px 14px 13px 13px; cursor:pointer;
}
.property_div img{ border:#f3b640 1px solid;}

.property_text{
	height:75px; width:270px; border:#000 0px solid;padding:5px 1px 0px 1px;
}

.property_title{
	font-size: 1.2em; color:#205370;
}

.property_link{
	height:19px; width:270px; border:#000 0px solid; text-align: right;
}

.detail_title{font-size: 1.2em; color:#205370; margin: 20px 0px 0px 0px;}
.detail_text{margin: 20px 0px 20px 30px; }
.detail_img{ width: 610px; background:#eae2d1; padding:25px 0px 5px 25px; margin:0px auto;}
.detail_img img{ float:left; margin:0px 33px 25px 0px;	 border:#f3b640 1px solid;}


.towns{ padding: 0px 0px 0px 50px;}
/*.towns a{ color:#000; text-decoration: none; display:block; margin: 1px; line-height: 12px; }*/
.towns table{ margin:15px 0px -10px 0px;}
.towns td{ text-align: left;}

.alpha {	width:763px; height: 24px; background:#f3b640; margin: 20px 0px 20px 0px;}

.alpha a{float:left;}
.alpha img{ border:0px; }
.res a{color:#000000; text-decoration: none;}
.res b{color:#205370; font-weight:100; font-size:1.1em;}

.contact_box{
	float:right; width:170px; height:80px; background:#eae2d1; padding:20px; color:#333; font-size:1.1em; line-height:125%; font-weight:bold;
}
.contact_box a{color:#205370; text-decoration: none;}

input.contact_input {
	width:235px;
	border:1px #999 solid;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	color:#666;
}

select.contact_input {
	width:235px;
	border:1px #999 solid;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	color:#666;
}

textarea.contact_textarea {
	width:235px; height:75px;
	border:1px #999 solid;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	color:#666;
}

table.contact_table td {
	padding:3px;
}