/*
Theme Name: SF North
Theme URI: http://www.sfnorth.com
Version: 1
Author: John Rackerby
Author URI: http://www.jrack.com
*/





/*
    PAGE COLORS
	
	GREEN: #9FC54C
	NAV: #535353
	SIDE NAV: #535353
	PAGE: #ececec
*/







* { margin: 0; padding: 0; }

body { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color:#333; }        
header, section, footer, aside, nav, article, figure { display: block; }             
a img { border: 0; }
a:active, a:focus {outline: 0;}
.clear {clear:both;}
.clear5 {clear:both; padding-bottom:5px;}
.clear10 {clear:both; padding-bottom:10px;}
.clear15 {clear:both; padding-bottom:15px;}
.clear20 {clear:both; padding-bottom:20px;}
.clear25 {clear:both; padding-bottom:25px;}
.clear30 {clear:both; padding-bottom:30px;}
.clear35 {clear:both; padding-bottom:35px;}
.clear40 {clear:both; padding-bottom:40px;}








/*
    STRUCTURE
*/

body {background:url(/images/common/bg.gif) no-repeat; background-position: center 240px; background-attachment: fixed;}
#site_wrap {
	width:100%;
}



#page_wrap { 
	width: 950px; margin: 0 auto;}


#header {
	height:86px;
	width:950px;
	}	
	
#nav_wrap {
	height:26px;
	width:766px;
	float:left;
	}	
	
	
#content {
	background-color:#efefef;
	width:950px;
	margin-bottom:9px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	}
	
#content_inside {
	padding:18px;
	
	}	
	

#sidecol {
	width:188px; 
	float:left;
	background-color:#535353;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	}
	
#maincol {
	width:708px; 
	float:right;
	}	
	
#knowmarin_col {
width:708px; 
float:right;
}	








/*
    FONT STYLES
*/


h1 {font-size:22px; font-weight:normal; margin:0px 0 18px 0;}
h1 span {color:#9FC54C;}

h2 {color:#333; font-size:13px; font-weight:bold; margin:0px 0 10px 0; text-transform:uppercase; }

h3 {color:#333; font-size:12px; font-weight:bold; margin:0px 0 5px 0; text-transform:uppercase;}

p {font-size:13px; color:#242424; margin:0px 0 20px 0px; font-weight:normal; line-height:160%;}
p a:link, p a:visited {text-decoration:underline; color:#242424; }
p a:hover {text-decoration:none; color:#242424;}




	
	
	/*
    HEADER
*/


#header {
	width:950px;}


#logo {
  background-image:url("/images/common/sfn-logo.png");
  background-repeat:no-repeat;
  height:54px;
  width:243px;
  text-indent:-9999px;
  margin:14px;
  float:left;
  }

	


#eyebrow {
	width:275px; 
	height:25px;
	float:right;
	background-color:#9FC54C;
	-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px;}

a#eye_news { float:left; display:block; width:121px; height:15px; background:url(/images/common/eye_news.gif) no-repeat 0px 0px; text-indent:-9999px; margin:5px 0 0 11px;}
a#eye_news:hover { background:url(/images/common/eye_news.gif) no-repeat 0px -15px; text-indent:-9999px;}

a#eye_phone { float:left; display:block; width:102px; height:15px; background:url(/images/common/eye_phone.gif) no-repeat 0px 0px; text-indent:-9999px; margin:5px 0 0 30px;}
a#eye_phone:hover { background:url(/images/common/eye_phone.gif) no-repeat 0px -15px; text-indent:-9999px;}


a#eye_phone_george { float:left; display:block; width:102px; height:15px; background:url(/images/common/eye_phone_george.gif) no-repeat 0px 0px; text-indent:-9999px; margin:5px 0 0 30px;}
a#eye_phone_george:hover { background:url(/images/common/eye_phone_george.gif) no-repeat 0px -15px; text-indent:-9999px;}

a#eye_phone_stephen { float:left; display:block; width:102px; height:15px; background:url(/images/common/eye_phone_stephen.gif) no-repeat 0px 0px; text-indent:-9999px; margin:5px 0 0 30px;}
a#eye_phone_stephen:hover { background:url(/images/common/eye_phone_stephen.gif) no-repeat 0px -15px; text-indent:-9999px;}

a#eye_phone_ginger { float:left; display:block; width:102px; height:15px; background:url(/images/common/eye_phone_ginger.gif) no-repeat 0px 0px; text-indent:-9999px; margin:5px 0 0 30px;}
a#eye_phone_ginger:hover { background:url(/images/common/eye_phone_ginger.gif) no-repeat 0px -15px; text-indent:-9999px;}

a#eye_phone_julie { float:left; display:block; width:102px; height:15px; background:url(/images/common/eye_phone_julie.gif) no-repeat 0px 0px; text-indent:-9999px; margin:5px 0 0 30px;}
a#eye_phone_julie:hover { background:url(/images/common/eye_phone_julie.gif) no-repeat 0px -15px; text-indent:-9999px;}

a#eye_phone_helen { float:left; display:block; width:102px; height:15px; background:url(/images/common/eye_phone_helen.gif) no-repeat 0px 0px; text-indent:-9999px; margin:5px 0 0 30px;}
a#eye_phone_helen:hover { background:url(/images/common/eye_phone_helen.gif) no-repeat 0px -15px; text-indent:-9999px;}

a#eye_phone_lien { float:left; display:block; width:102px; height:15px; background:url(/images/common/eye_phone_lien.gif) no-repeat 0px 0px; text-indent:-9999px; margin:5px 0 0 30px;}
a#eye_phone_lien:hover { background:url(/images/common/eye_phone_lien.gif) no-repeat 0px -15px; text-indent:-9999px;}


/* styles for newsletter signup */ 

 
.newsl_form { 

    display:none; 
 	z-index:10000; 
	background-color:#fff; 
    width:650px;     
    height:550px; 
    border:1px solid #666; 
	padding:15px;
   /*  -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;   */  
} 
 

.newsl_form div.close {
	background:url(/images/common/closer.png) no-repeat 0 0 ;
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px;  
}

	




.newsletter_title {visibility:visible; padding:0}




#nav_wrap {
width:950px;
height:33px;
background-color:#535353;
margin-bottom:9px;
-moz-border-radius: 3px; -webkit-border-radius: 3px;
}


#nav {
background:url("/images/common/nav.png") no-repeat  0px 0px;
width:579px;
height:33px;
margin:0;
padding:0;
z-index:99;
position:relative;
-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;
-moz-border-radius-topleft:3px; -webkit-border-top-left
}

#nav span {
display: none;
}


#nav {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	padding:0;
	margin:0;
}



#nav li {
float:left;
list-style:none;
display:inline;
padding:0;
}

#nav li a {
padding:16px 0 17px 0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	width:150px;
	w\idth: 13.9em;
	font-weight: normal;
	margin: 0;
	background-image:none;
}

#nav li li {
	clear:left;
	width:200px;
	background-image:none;
	padding:0;
	border-bottom: 1px solid #98bd4b;
	display:inline;
	background-color:#9FC54C;
}	
#nav li ul li a { padding:8px 11px;}



#nav li ul li a, #nav li ul li a:link, #nav li ul li a:visited {color:#fff; text-decoration:none; font-size:12px;}

#nav li ul li a:hover { background-color:#b2d171;
}	


#nav li:hover ul {
	left: auto;
}

#nav li:hover ul li {}

#nav_about {width: 86px; padding:0;}
#nav_prop {width: 102px; padding:0;}
#nav_search {width:109px; padding:0;}
#nav_serv {width: 106px; padding:0;}
#nav_marin {width: 119px; padding:0;}
#nav_blog {width: 57px; padding:0;}


#nav_about:hover { background:url("/images/common/nav.png") 0px -33px no-repeat; padding:0; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#nav_prop:hover { background:url("/images/common/nav.png") -86px -33px no-repeat; padding:0;}
#nav_search:hover { background:url("/images/common/nav.png") -188px -33px no-repeat; padding:0;}
#nav_serv:hover { background:url("/images/common/nav.png") -297px -33px no-repeat; padding:0;}
#nav_marin:hover { background:url("/images/common/nav.png") -403px -33px no-repeat; padding:0;}
#nav_blog:hover { background:url("/images/common/nav.png") -522px -33px no-repeat; padding:0;}



body#bodyabou #nav_about {
background:url("/images/common/nav.png") 0px -33px no-repeat; -moz-border-radius: 3px; -webkit-border-radius: 3px;}


body#bodylist #nav_prop {
background:url("/images/common/nav.png") -86px -33px no-repeat; }


body#bodyhome #nav_search {
background:url("/images/common/nav.png") -188px -33px no-repeat; }


body#bodyserv #nav_serv {
background:url("/images/common/nav.png") -297px -33px no-repeat; }


body#bodyknow #nav_marin {
background:url("/images/common/nav.png") -403px -33px no-repeat; }

body#bodyblog #nav_blog {
background:url("/images/common/nav.png") -522px -33px no-repeat; }



















/*
    SIDE NAV
*/



#navcontainer {
margin-bottom:25px;
width:188px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { 
padding:0;
padding: 0;
border-bottom: 1px solid #606060;}

#navcontainer a
{
display: block;
color: #fff;
width: 168px;
padding: 6px 10px;
text-decoration: none;

font-size: 12px;
}

 .active #navcontainer li  {
background-color:#000;
}

/*
#navcontainer #active a {
font-weight:bold;
color:#333;
border-bottom: 1px solid #ccc;
}
*/

#navcontainer #activelist a {
border-bottom: 1px solid #fff;
}

#navcontainer #next a {
border-top: 1px solid #ccc;
margin-top:5px;
}

#navcontainer li a:hover
{
background-color: #333;
-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;
	-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;
/* background-color:#fde9e8;
border-right: 10px solid #aaa;
padding: 2px 1px 2px 10px; */
}

#navcontainer ul ul
{
margin-left:0px;
padding: 0;
list-style-type: none;
}

#navcontainer ul ul {list-style:none;}

#navcontainer li ul a
{
display: block;
background-color: transparent;
width: 150px;
padding: 2px 10px;
margin: 0;
border-top: none;
border-bottom: none;
text-decoration: none;
font-size: 12px;
font-weight:normal;
}

#navcontainer #current {font-weight:bold; color:#333;}

.current_page_item {background-color:#444;
-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;
	-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;}
 
#navcontainer  li ul li {border:none;}

#navcontainer  li ul {margin-bottom:5px;}


#navcontainer  li ul li a
{
font-size:12px;	
width:172px;
padding: 2px 0 2px 16px;
background-image: url(/images/common/subnav_bullet.gif);
background-repeat: no-repeat;
background-position: 7px .4em;
border:none;
color:#ccc;
}

#navcontainer #subcurrent {color:#333;}














/*
    HOMEPAGE STYLES
*/



#homepagehero {width:950px; height:360px; margin-bottom:13px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative;}



	
.hero_welcome {background:url("/images/home/bg_welcome.jpg") 0px 0px no-repeat; width:950px; height:360px; text-align:center;
	}
	
#hero_welcome_wrap {width:807px; margin:262px 0 0px 80px;}	
.hero_welcome_title {width:219px; height:30px; float:left; margin:0 0 10px -7px;}	
.hero_welcome_text {text-indent:-99999px; width:807px; height:31px; background:url(/images/home/hero_welcome_text.png) no-repeat 0px 0px; }
.hero_welcome p {font-size:13px; color:#fff; font-weight:normal; line-height:160%; margin:0;}
.hero_welcome p  a:link, .hero_welcome p  a:visited {text-decoration:none; color:#fff; }
.hero_welcome p  a:hover {text-decoration:none; color:#fff;}








.hero_blog {
	background:url("/images/home/bg_blog.jpg") 0px 0px no-repeat; width:950px; height:360px;
}
.hero_blog_title {margin:33px 0 15px 23px;}

a#hero_blog_recent {position:absolute; top:331px; left:187px; display:block; width:108px; height:11px; background:url(/images/home/hero_blog_recent.png) no-repeat 0px 0px; text-indent:-9999px; margin:0 23px 15px 0; }
a#hero_blog_recent:hover { background:url(/images/home/hero_blog_recent.png) no-repeat 0px -11px; text-indent:-9999px;}

#hero_blog_text {width:320px; height:360px; float:right; position:relative;}
#hero_blog_text  ul {padding:10px 0 15px 23px; list-style:none;}
#hero_blog_text li {
line-height:160%;
margin:0px 0px 10px 5px;
font-size:13px;
font-weight:lighter;
padding:5px 25px 0 15px;
background-image: url(/images/home/blog_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .55em;
color:#fff;
}
#hero_blog_text li a:link ,#hero_blog_text li a:visited {color:#fff; text-decoration:none;}
#hero_blog_text li a:hover {color:#fff; text-decoration:underline;}









.hero_featured {background:url("/images/home/bg_featured.jpg") 0px 0px no-repeat; width:950px; height:360px;
	}
.hero_fp_title {margin:33px 0 15px 23px;}

a#hero_fp_view {float:right; display:block; width:95px; height:13px; background:url(/images/home/hero_fp_view.gif) no-repeat 0px 0px; text-indent:-9999px; margin:0 23px 15px 0; }
a#hero_fp_view:hover { background:url(/images/home/hero_fp_view.gif) no-repeat 0px -13px; text-indent:-9999px;}


.hero_fp_more {margin:0 0px 5px 3px;}
#hero_fp_text {width:320px; height:360px; float:right; position:relative;}

#hero_fp_text h2 {font-size:15px; color:#fff; font-weight:normal; line-height:140%; margin:0;padding:0 23px 15px 23px;}
#hero_fp_text h2 a:link, #hero_fp_text h2 a:visited {text-decoration:none; color:#fff; }
#hero_fp_text h2 a:hover {text-decoration:underline; color:#fff;}

#hero_fp_text p {font-size:13px; color:#fff; font-weight:normal; line-height:140%; padding:0 23px 10px 23px;}
#hero_fp_text p  a:link, #hero_fp_text p  a:visited {text-decoration:none; color:#fff; }
#hero_fp_text p  a:hover {text-decoration:none; color:#fff;}


#hero_fp_more {width:280px; position:absolute; top:272px; left:23px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin:0px 0 0px 0px; padding:10px 0;}
#hero_fp_more ul {width:280px; padding:0 0 0px 0px; list-style:none;}
#hero_fp_more  li
{
font-size:11px;	
width:280px;
padding: 2px 0 2px 16px;
background-image: url(/images/common/subnav_bullet.gif);
background-repeat: no-repeat;
background-position: 7px .4em;
border:none;
color:#ccc;
}
#hero_fp_more li a:link ,#hero_fp_more li a:visited {color:#fff; text-decoration:none;}
#hero_fp_more li a:hover {color:#fff; text-decoration:underline;}
	
	
	
	
.hero_know1 {
	background:url("/images/home/bg_knowmarin1.jpg") 0px 0px no-repeat; width:950px; height:360px;
	}		
.hero_know2 {
	background:url("/images/home/bg_knowmarin2.jpg") 0px 0px no-repeat; width:950px; height:360px;
	}
.hero_know3 {
	background:url("/images/home/bg_knowmarin3.jpg") 0px 0px no-repeat; width:950px; height:360px;
	}

.hero_know4 {
	background:url("/images/home/bg_knowmarin4.jpg") 0px 0px no-repeat; width:950px; height:360px;
	}
.hero_know5 {
	background:url("/images/home/bg_knowmarin5.jpg") 0px 0px no-repeat; width:950px; height:360px;
	}
.hero_know6 {
	background:url("/images/home/bg_knowmarin6.jpg") 0px 0px no-repeat; width:950px; height:360px;
	}
.hero_know7 {
	background:url("/images/home/bg_knowmarin7.jpg") 0px 0px no-repeat; width:950px; height:360px;
	}
.hero_know8 {
	background:url("/images/home/bg_knowmarin8.jpg") 0px 0px no-repeat; width:950px; height:360px;
	}
.hero_know9 {
	background:url("/images/home/bg_knowmarin9.jpg") 0px 0px no-repeat; width:950px; height:360px;
	}
.hero_know10 {
	background:url("/images/home/bg_knowmarin10.jpg") 0px 0px no-repeat; width:950px; height:360px;
	}	
#hero_km_text {width:320px; height:360px; float:right; position:relative;}	
.hero_km_title {margin:33px 0 25px 23px;}
.hero_km_locations {margin:0px 0 25px 23px;}

#hero_km_text ul {float:left; width:130px; padding:0 0 0px 0px; list-style:none;}
#hero_km_text li
{
font-size:13px;	
width:140px;
padding: 2px 0 2px 16px;
background-image: url(/images/common/subnav_bullet.gif);
background-repeat: no-repeat;
background-position: 7px .4em;
border:none;
color:#ccc;
}
#hero_km_text li a:link ,#hero_km_text li a:visited {color:#fff; text-decoration:none;}
#hero_km_text li a:hover {color:#fff; text-decoration:underline;}




.home_module1 {
	background:url("/images/home/module1_bg.jpg") 0px 0px no-repeat; overflow:hidden; padding:0; width:308px;
	}
.home_module1_george {
	background:url("/images/home/module1_bg_george.jpg") 0px 0px no-repeat; overflow:hidden;
	}	
a#home_module1 {display:block; width:308px; height:22px; background:url(/images/home/home_bucket1_but.png) no-repeat 0px -22px; text-indent:-9999px; margin:135px 0 0 0; }
a#home_module1:hover { background:url(/images/home/home_bucket1_but.png) no-repeat 0px 0px; text-indent:-9999px;}


.home_module2 {
	background:url("/images/home/module2_bg.jpg") 0px 0px no-repeat; position:relative; padding:0; width:308px;
	}
a#home_module2 {display:block; width:308px; height:22px; background:url(/images/home/home_bucket2_but.png) no-repeat 0px -22px; text-indent:-9999px; margin:135px 0 0 0; }
a#home_module2:hover { background:url(/images/home/home_bucket2_but.png) no-repeat 0px 0px; text-indent:-9999px;}	

.home_module3 {
	background:url("/images/home/module3_bg.jpg") 0px 0px no-repeat; padding:0; width:308px;
	}

a#home_module3 {display:block; width:308px; height:22px; background:url(/images/home/home_bucket3_but.png) no-repeat 0px -22px; text-indent:-9999px; margin:135px 0 0 0; }
a#home_module3:hover { background:url(/images/home/home_bucket3_but.png) no-repeat 0px 0px; text-indent:-9999px;}
		
		
.home_module_space {padding:0; width:13px;
	}		
		
		
		
ul.home_mod-featured, ul.home_mod {
	list-style-type:none;
	}
ul.home_mod li {
	float:left;
	margin:0 0 13px 0;
	overflow:hidden;
	height:170px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	}

.hoverable h2 {font-size:15px; color:fff; font-weight:normal; line-height:120%; margin:0;}
.hoverable h2 a:link, .hoverable h2 a:visited {text-decoration:none; color:#fff; }
.hoverable h2 a:hover {text-decoration:none; color:#fff;}	
	

/* .hoverable:hover {background-position:0 -170px } */
.l9 {margin-left:0px;}

	
.home_module_inside {
	width:318px; 
	height:170px;
	background:url("/images/home/home_module_stripe.png") 0px 100% no-repeat;
	margin:0; padding:0;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	}	
	




.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 950px; 
    height:360px; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.scrollable .items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
.items div { 
    float:left; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    
}



/*

navigator 

*/


/* position and dimensions of the navigator */
.navi {
	list-style:none;
	display:inline;
	position:absolute;
	top:338px;
	left:8px;
	width:150px;
	height:18px;
	z-index:1000;
}

/* items inside navigator */
.navi a {
	width:11px;
	height:11px;
	float:left;
	margin-left:9px;
	background:url(/images/home/navi_down.png) 0 0 no-repeat;
	
	display:block;
}

/* mouseover state */
.navi a:hover {
	background:url(/images/home/navi_down.png) 0 0 no-repeat;     
}

/* active state (current page state) */
.navi a.active {
	background:url(/images/home/navi_up.png) 0 0 no-repeat;  
} 
	
	
















/*
    PAGE INTRO STYLES
*/




#page_intro {-moz-border-radius: 3px; -webkit-border-radius: 3px; overflow:hidden; width:338px; height:265px; background-color:#000;  padding:0 370px 17px 0;
}

#page_intro  h3 {color:#9FC54C; font-size:19px; font-weight:normal; line-height:120%; margin:195px 0 0px 17px; padding:0; text-transform:none;}




.page_intro_text {margin:70px 0 0 20px;}

.about_overview_img { background:url(/images/about/overview_img.jpg) no-repeat 100% 0px; height:256px !important; padding-bottom:0 !important;}
.about_apr_img { background:url(/images/about/apr_img.jpg) no-repeat 354px 0px;}
.about_intro_text {margin:133px 0 0 20px;}


.apr_intro_text {margin:150px 0 0 20px; height:115px; width:272px;}


.services_buying_img { background:url(/images/services/buying_img.jpg) no-repeat 354px 0px;}
.services_selling_img { background:url(/images/services/selling_img.jpg) no-repeat 354px 0px;}
.services_leasing_img { background:url(/images/services/leasing_img.jpg) no-repeat 354px 0px;}


.contact_img { background:url(/images/services/leasing_img.jpg) no-repeat 354px 0px;}



/*
    PAGE  STYLES
*/


#maincol  ul {padding:0px 0 15px 0px; list-style:none;}


#maincol li {
font-weight:bold;
line-height:140%;
margin:0px 0px 0px 5px;
padding-left: 10px;
padding-top: 5px;
background-image: url(/images/common/bullet_4px.gif);
background-repeat: no-repeat;
background-position: 0 .85em;
}

#maincol li a:link , #maincol li a:visited {color:#666666;}
#maincol li a:hover {color:#666666; text-decoration:none;}



#maincol h2 {color:#333; font-size:13px; font-weight:bold; margin:0px 0 10px 0; text-transform:uppercase; /* background-color:#d3e4ac; padding:8px 0px 8px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; */}




/*
    ABOUT US - TESTIMONIALS - STYLES
*/


#test_wrap {float:left; width:700px;}
#test_title {float:left; width:700px;}
#test_title h2 {text-transform:none; padding:0; background-color:#ececec;}
#test_box {float:left; width:700px; height:275px; background-color:#FFF;}
.test_module {padding:25px 25px 15px 70px;background:url(/images/about/test_bubble.png) no-repeat 17px 27px; }
.test_rule {height:1px; width:650px; margin:15px 20px;}
.test_wrap_inside p {color:#fff; font-size:15px; line-height:125%; padding:20px 40px 0px 40px; margin:0;}
.test_arrow {width:708px; text-align:right;  margin-bottom:25px; background:url(/images/about/test_arrow.png) no-repeat 600px 0px;}
.test_arrow p {padding:25px 35px 0 0; color:#555; font-size:12px; line-height:120%;}








/*
    ABOUT US - BIOS - STYLES
*/


#team_intro {overflow:hidden; width:378px; height:282px;  background-color:#000; padding:17px 20px 0 310px;
-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; display:table; vertical-align:bottom;
}
.team_intro_Stephen { background:url(/images/about/team_stephen.jpg) no-repeat 0 0px;}
.team_intro_George {background:url(/images/about/team_george.jpg) no-repeat 0 0px;}
.team_intro_Ginger { background:url(/images/about/team_ginger.jpg) no-repeat 0 0px;}
.team_intro_Julie {background:url(/images/about/team_julie.jpg) no-repeat 0 0px;}
.team_intro_Helen {background:url(/images/about/team_helen.jpg) no-repeat 0 0px;}
.team_intro_Lien {background:url(/images/about/team_lien.jpg) no-repeat 0 0px;}


#team_intro  p {font-size:13px; color:#ececec; font-weight:normal; line-height:135%; margin:0; padding-top:0;}
#team_intro p a:link, #team_into_text  p a:visited {text-decoration:none; color:#ececec; }
#team_intro p a:hover {text-decoration:underline; color:#ececec;}

#team_intro span {color:#b2d171}

.team_intro_text_hr {height: 1px; width:370px; margin: 8px 0; padding:0; font-size:6px;}

#bio_contact {width:688px; height:18px; margin-bottom:10px; background-color:#9FC54C; padding:10px 5px 5px 15px;
-moz-border-radius-bottomleft  / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius
}

#bio_contact h2 {float:left; color:#fff; font-weight:bold; line-height:100% font-size:14px; text-transform:none; background-color:#9FC54C; padding:0;}
#bio_contact p {float:left; font-size:13px; line-height:100%; padding-left:20px;}


#bio_copy2 {float:left; width:454px;}


#bio_opens {float:right; width:187px; padding:10px 15PX 10px 15px; margin-top:25px; background:url(/images/about/opens_bg.jpg) repeat 0 0px #232323;  -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#bio_opens h2 {font-weight:bold; line-height:100% font-size:14px; text-transform:none;  padding:0; margin-bottom:10px; color:#fff}
#bio_opens  ul {padding:0px 0 15px 0px; list-style:none;}
#bio_opens li {
font-weight:normal;
line-height:120%;
margin:0px 0px 0px 0px;
padding-left: 10px;
padding-top: 5px;
background-image: url(/images/common/subnav_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .85em;
font-size:12px;
color:#fff
}
#bio_opens li a:link , #maincol li a:visited {color:#fff;}
#bio_opens li a:hover {color:#fff; text-decoration:none;}

#dre_wrap {width:150px; float:right; margin:10px 20px 0 0;}






/*
    ABOUT US - CONTACT - STYLES
*/
#contact_l {float:left; width:350px; height:402px;}
#contact_l p {line-height:110%; font-size:14px;}
#contact_l h2 {font-size:16px; text-transform:none;}
#contact_address {float:left; width:335px; height:152px;}
#contact_map {float:left; width:335px; height:250px}
#contact_form {float:right; width:320px; background-color:#FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#contact_form h2 {font-size:14px; text-transform:none;}
#contact_form_inside {float:left; padding:20px; margin:0;}

#contact_form p {font-size:12px; color:#666; line-height:100%; margin:0 0 10px 0; padding:0 0 5px 0;}

#contact_team_wrap {}
.contact_module {width:350px; float:left; margin:0; padding:0;}
#contact_team_wrap h2 {line-height:100%; margin:0; padding:0 0 15px 0; text-transform:none;}
.contact_module p {line-height:100%; margin:0; padding:0 0 5px 0; font-size:12px}
.contact_module img {width:98px; float:left; margin-right:15px;}
.contact_rule {height:1px; width:708px; margin:15px 0px 0px 0px;}
.captcha1 {width:100px; float:left; padding:0px 0 0 0px;}
.captcha2 {width:100px; float:left; padding:0px 0 0 20px;}



/*
    KNOW MARIN STYLES
*/


.km_sidenav {height:543px;}

#km_wrap {-moz-border-radius: 3px; -webkit-border-radius: 3px;  width:708px; height:505px; background-color:#9FC54C; position:relative; overflow:auto;}
.scroll-pane {width:708px; height:505px; overflow: auto; background-color:#6C0;
}  
#km_toc_wrap {-moz-border-radius: 3px; -webkit-border-radius: 3px;  width:708px; height:505px; background-color:#fff; position:relative; overflow:hidden;}


#km_intro_text {width:355px; margin:35px 0px 0 20px;  vertical-align:bottom;}

#km_wrap  p {font-size:13px; color:#333; font-weight:normal; padding:0;}
#km_wrap  p a:link, #km_wrap  p a:visited {text-decoration:none; color:#fff; }
#km_wrap  p a:hover {text-decoration:underline; color:#fff;}

#km_wrap  h2 {font-size:16px; color:#fff; font-weight:bold; line-height:120%; margin:0; padding:0;}
#km_wrap  h2 a:link, #km_wrap  h2 a:visited {text-decoration:none; color:#555; }
#km_wrap  h2 a:hover {text-decoration:underline; color:#555;}

#km_toc_wrap  p {font-size:13px; color:#fff; font-weight:normal; line-height:170%; margin:0 0 15px 0; padding:0;}
#km_toc_wrap  p a:link, #km_toc_wrap  p a:visited {text-decoration:none; color:#fff; }
#km_toc_wrap  p a:hover {text-decoration:underline; color:#fff;}

.km_learn {position:absolute; z-index:2000; top:10px; left:285px;}


#km_wrap  ul {padding:10px 0 15px 0px; list-style:none;}


#km_wrap li {
line-height:130%;
margin:0px 0px 10px 5px;
font-size:14px;
font-weight:lighter;
padding-left: 10px;
padding-top: 5px;
background-image: url(/images/km/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .85em;
color:#333;
}

#km_wrap li a:link ,#km_wrap li a:visited {color:#fff; text-decoration:underline;}
#km_wrap li a:hover {color:#fff; text-decoration:none;}












/*  KNOW MARIN NAV */


#km_nav_wrap {
	width:711px; 
	height:38px; 
	float:left;
	}
#km_nav_4 {
	width:215px; 
	height:38px; 
	float:left;
	padding-left:2px;
	}	
	#km_nav_5 {
	width:268px; 
	height:38px; 
	float:left;
	padding-left:2px;
	}	
	#km_nav_6 {
	width:321px; 
	height:38px; 
	float:left;
	padding-left:2px;
	}	
	#km_nav_7 {
	width:374px; 
	height:38px; 
	float:left;
	padding-left:2px;
	}	
#km_nav_gallery {
	width:53px; 
	height:38px; 
	float:left;
	}	
	

	
	

	
.tabs {
	height:38px; 
	padding:0px !important;
	margin:0px 0px 0px 0px !important;
	list-style:none;
	}


ul.tabs  li {
	display:inline;
	float:left;
	cursor:pointer;
	margin-left:3px;
	list-style-image:none !important; 
	padding:0;
}


ul.tabs a { 
	
	display:block;
	height: 38px;  
	line-height:38px;
	width: 50px;
	padding:0px;
	margin:0px;	
	position:relative;
	top:0px;
}


#t0 {visibility:hidden; width:0;}
.km_nav_toc {visibility:hidden; width:0;}

ul.tabs a.km_nav_info 			{background:url("/images/km/nav/km_nav_info.png") 0px 0 no-repeat; padding:0;}
ul.tabs a.km_nav_info:hover 	{background:url("/images/km/nav/km_nav_info.png") 0px -38px no-repeat; padding:0;}
ul.tabs a.km_nav_info.current  {background:url("/images/km/nav/km_nav_info.png") 0px -76px no-repeat; padding:0; }

ul.tabs a.km_nav_stats 			{background:url("/images/km/nav/km_nav_stats.png") 0px 0 no-repeat; padding:0;}
ul.tabs a.km_nav_stats:hover 	{background:url("/images/km/nav/km_nav_stats.png") 0px -38px no-repeat; padding:0;}
ul.tabs a.km_nav_stats.current  {background:url("/images/km/nav/km_nav_stats.png") 0px -76px no-repeat; padding:0; }

ul.tabs a.km_nav_commute 			{background:url("/images/km/nav/km_nav_commute.png") 0px 0 no-repeat; padding:0;}
ul.tabs a.km_nav_commute:hover 	{background:url("/images/km/nav/km_nav_commute.png") 0px -38px no-repeat; padding:0;}
ul.tabs a.km_nav_commute.current  {background:url("/images/km/nav/km_nav_commute.png") 0px -76px no-repeat; padding:0; }

ul.tabs a.km_nav_activities 			{background:url("/images/km/nav/km_nav_activities.png") 0px 0 no-repeat; padding:0;}
ul.tabs a.km_nav_activities:hover 	{background:url("/images/km/nav/km_nav_activities.png") 0px -38px no-repeat; padding:0;}
ul.tabs a.km_nav_activities.current  {background:url("/images/km/nav/km_nav_activities.png") 0px -76px no-repeat; padding:0; }

ul.tabs a.km_nav_hoods 			{background:url("/images/km/nav/km_nav_hood.png") 0px 0 no-repeat; padding:0;}
ul.tabs a.km_nav_hoods:hover 	{background:url("/images/km/nav/km_nav_hood.png") 0px -38px no-repeat; padding:0;}
ul.tabs a.km_nav_hoods.current  {background:url("/images/km/nav/km_nav_hood.png") 0px -76px no-repeat; padding:0; }

ul.tabs a.km_nav_schools 			{background:url("/images/km/nav/km_nav_schools.png") 0px 0 no-repeat; padding:0;}
ul.tabs a.km_nav_schools:hover 	{background:url("/images/km/nav/km_nav_schools.png") 0px -38px no-repeat; padding:0;}
ul.tabs a.km_nav_schools.current  {background:url("/images/km/nav/km_nav_schools.png") 0px -76px no-repeat; padding:0; }

ul.tabs a.km_nav_map 			{background:url("/images/km/nav/km_nav_map.png") 0px 0 no-repeat; padding:0;}
ul.tabs a.km_nav_map:hover 	{background:url("/images/km/nav/km_nav_map.png") 0px -38px no-repeat; padding:0;}
ul.tabs a.km_nav_map.current  {background:url("/images/km/nav/km_nav_map.png") 0px -76px no-repeat; padding:0; }

ul.tabs a.km_nav_gallery 			{background:url("/images/km/nav/km_nav_gallery.png") 0px 0 no-repeat; padding:0;}
ul.tabs a.km_nav_gallery:hover 	{background:url("/images/km/nav/km_nav_gallery.png") 0px -38px no-repeat; padding:0;}
ul.tabs a.km_nav_gallery.current  {background:url("/images/km/nav/km_nav_gallery.png") 0px -76px no-repeat; padding:0; }



/*
.tabs2 {
	height:38px; 
	padding:0px !important;
	margin:0px 0px 0px 0px !important;
	list-style:none;
	}


ul.tabs2  li {
	display:inline;
	float:left;
	cursor:pointer;
	margin-left:3px;
	list-style-image:none !important; 
	padding:0;
}



ul.tabs2 a { 
	
	display:block;
	height: 38px;  
	line-height:38px;
	width: 50px;
	padding:0px;
	margin:0px;	
	position:relative;
	top:0px;
}


*/


div#km_nav_gallery {float:left; display:block; width:50px; height:38px; margin:0 0 0 3px;}

a#km_nav_blog {float:left; display:block; width:50px; height:38px; background:url(/images/km/nav/km_nav_blog.png) no-repeat 0px 0px; text-indent:-9999px; margin:0 0 0 3px;}
a#km_nav_blog:hover { background:url(/images/km/nav/km_nav_blog.png) no-repeat 0px -38px; text-indent:-9999px;}


#km_learnmore {float:left; width:144px; height:38px; background:url(/images/km/km_intro_learn.gif) no-repeat 0px 10px; margin:0 0 0 20px;}



/*
    KNOW MARIN SCROLL
*/

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}


#demotip { 
    display:none; 
    background:transparent url(/tools/img/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}




#km_toc {width:265px; position:relative; top:380px; left:425px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); -moz-border-radius: 3px; -webkit-border-radius: 3px;}

#km_toc table {width:245px; margin:7px 10px}
.km_toc_rule {height:1px; width:245px;}

#km_toc p {padding:1px 0; margin:0; font-size:12px;}


.km_intro_bg {background:url(/images/km/km_bg_intro.jpg) no-repeat 400px 0px;}
.km_intro_sausalito {background:url(/images/km/intro/sausalito.jpg) no-repeat 400px 0px;}
.km_intro_fairfax {background:url(/images/km/intro/fairfax.jpg) no-repeat 400px 0px;}
.km_intro_san-rafael {background:url(/images/km/intro/sanrafael.jpg) no-repeat 400px 0px;}
.km_intro_mill-valley {background:url(/images/km/intro/millvalley.jpg) no-repeat 400px 0px;}
.km_intro_corte-madera {background:url(/images/km/intro/cortemadera.jpg) no-repeat 400px 0px;}
.km_intro_greenbrae {background:url(/images/km/intro/greenbrae.jpg) no-repeat 400px 0px;}
.km_intro_kentfield {background:url(/images/km/intro/kentfield.jpg) no-repeat 400px 0px;}
.km_intro_larkspur {background:url(/images/km/intro/larkspur.jpg) no-repeat 400px 0px;}
.km_intro_ross {background:url(/images/km/intro/ross.jpg) no-repeat 400px 0px;}
.km_intro_san-anselmo {background:url(/images/km/intro/sananselmo.jpg) no-repeat 400px 0px;}
.km_intro_novato {background:url(/images/km/intro/novato.jpg) no-repeat 400px 0px;}
.km_intro_west-marin {background:url(/images/km/intro/west-marin.jpg) no-repeat 400px 0px;}
.km_intro_san-geronimo-valley {background:url(/images/km/intro/sangeronimo.jpg) no-repeat 400px 0px;}
.km_intro_tiburon {background:url(/images/km/intro/tiburon.jpg) no-repeat 400px 0px;}
.km_intro_belvedere {background:url(/images/km/intro/belvedere.jpg) no-repeat 400px 0px;}






/* KNOW MARIN - ACTIVITIES PAGE  */

#km_activities_text {width:650px; margin:35px 0px 0 20px; }
.km_activities_bg {background:url(/images/km/km_fairfax_bg.jpg) no-repeat 400px 0px;}
.km_love_sausalito {background:url(/images/km/love/sausalito.jpg) no-repeat 400px 0px;}
.km_love_fairfax {background:url(/images/km/love/fairfax.jpg) no-repeat 400px 0px;}
.km_love_san-rafael {background:url(/images/km/love/sanrafael.jpg) no-repeat 400px 0px;}
.km_love_mill-valley {background:url(/images/km/love/millvalley.jpg) no-repeat 400px 0px;}
.km_love_corte-madera {background:url(/images/km/love/cortemadera.jpg) no-repeat 400px 0px;}
.km_love_greenbrae {background:url(/images/km/love/greenbrae.jpg) no-repeat 400px 0px;}
.km_love_kentfield {background:url(/images/km/love/kentfield.jpg) no-repeat 400px 0px;}
.km_love_larkspur {background:url(/images/km/love/larkspur.jpg) no-repeat 400px 0px;}
.km_love_ross {background:url(/images/km/love/ross.jpg) no-repeat 400px 0px;}
.km_love_san-anselmo {background:url(/images/km/love/sananselmo.jpg) no-repeat 400px 0px;}
.km_love_novato {background:url(/images/km/love/novato.jpg) no-repeat 400px 0px;}
.km_love_west-marin {background:url(/images/km/love/west-marin.jpg) no-repeat 400px 0px;}
.km_love_san-geronimo-valley {background:url(/images/km/love/sangeronimo.jpg) no-repeat 400px 0px;}
.km_love_tiburon {background:url(/images/km/love/tiburon.jpg) no-repeat 400px 0px;}
.km_love_belvedere {background:url(/images/km/love/belvedere.jpg) no-repeat 400px 0px;}


/* KNOW MARIN - COMMUTE PAGE  */
#commute_wrap {}
#commute_wrap  p {margin:0 0 0 112px; line-height:125%;}
.commute_text {width:362px; margin:0 0 35px 20px; min-height:65px;}
.commute_bg_car {background:url(/images/km/commute/car.gif) no-repeat 0px 0px; margin-top:15px;}
.commute_bg_bus {background:url(/images/km/commute/bus.gif) no-repeat 0px 0px;}
.commute_bg_bike {background:url(/images/km/commute/bike.gif) no-repeat 0px 0px;}
.km_commute_bg {background:url(/images/km/km_commute_bg_fpo.jpg) no-repeat 400px 0px;}
.km_commute_sausalito {background:url(/images/km/commute/sausalito.jpg) no-repeat 400px 0px;}
.km_commute_fairfax {background:url(/images/km/commute/fairfax.jpg) no-repeat 400px 0px;}
.km_commute_san-rafael {background:url(/images/km/commute/sanrafael.jpg) no-repeat 400px 0px;}
.km_commute_mill-valley {background:url(/images/km/commute/millvalley.jpg) no-repeat 400px 0px;}
.km_commute_corte-madera {background:url(/images/km/commute/cortemadera.jpg) no-repeat 400px 0px;}
.km_commute_greenbrae {background:url(/images/km/commute/greenbrae.jpg) no-repeat 400px 0px;}
.km_commute_kentfield {background:url(/images/km/commute/kentfield.jpg) no-repeat 400px 0px;}
.km_commute_larkspur {background:url(/images/km/commute/larkspur.jpg) no-repeat 400px 0px;}
.km_commute_ross {background:url(/images/km/commute/ross.jpg) no-repeat 400px 0px;}
.km_commute_san-anselmo {background:url(/images/km/commute/sananselmo.jpg) no-repeat 400px 0px;}
.km_commute_novato {background:url(/images/km/commute/novato.jpg) no-repeat 400px 0px;}
.km_commute_west-marin {background:url(/images/km/commute/west-marin.jpg) no-repeat 400px 0px;}
.km_commute_san-geronimo-valley {background:url(/images/km/commute/sangeronimo.jpg) no-repeat 400px 0px;}
.km_commute_tiburon {background:url(/images/km/commute/tiburon.jpg) no-repeat 400px 0px;}
.km_commute_belvedere {background:url(/images/km/commute/belvedere.jpg) no-repeat 400px 0px;}







.km_toc_belvedere {background:url(/images/km/toc/belvedere.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_tiburon {background:url(/images/km/toc/tiburon.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_sausalito {background:url(/images/km/toc/sausalito.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_corte-madera {background:url(/images/km/toc/cortemadera.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_mill-valley {background:url(/images/km/toc/millvalley.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_kentfield {background:url(/images/km/toc/kentfield.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_fairfax {background:url(/images/km/toc/fairfax.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_greenbrae {background:url(/images/km/toc/greenbrae.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_larkspur {background:url(/images/km/toc/larkspur.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_ross {background:url(/images/km/toc/ross.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_san-anselmo {background:url(/images/km/toc/sananselmo.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_san-rafael {background:url(/images/km/toc/sanrafael.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_san-geronimo-valley {background:url(/images/km/toc/sangeronimo.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_novato {background:url(/images/km/toc/novato.jpg) no-repeat 0 0; background-color:#FFF;}
.km_toc_west-marin {background:url(/images/km/toc/westmarin.jpg) no-repeat 0 0; background-color:#FFF;}






/* KNOW MARIN - STATS PAGE  */

#km_stats_text {width:600px; margin:35px 0px 15px 20px;}
#km_stats_text h2 {font-size:16px; color:#fff; font-weight:bold; line-height:160%; margin:0; padding:0;}
#km_stats_text2 {width:600px;}
#km_stats_text2 h2 {font-size:16px; color:#555; font-weight:bold; line-height:100%; margin:0; padding:0;margin:10px 0px 10px 20px;}
#km_stats_text2 p {font-size:13px; color:#666; font-weight:normal; line-height:120%; margin:0; padding:0;margin:10px 0px 40px 30px;}
.km_stats_bg { background-image:url(/images/km/km_stats_bg.jpg); background-repeat: repeat-x;
 position:relative; overflow-y:scroll; 
}
#AltosChart {margin:0 0 30px 30px;}
#altos_table {border:none; padding:none; margin:none; width:610px; height:200px;margin:0 0 30px 15px;}

table#stat_body  {background-color:#0F9;}











/*
    KNOW MARIN - MARKET DATA TABLE
*/





table {
    border-collapse:collapse;
}

table#full {
    width: 500px;

}

table#blog {
    width:150px;
}
table#blog tr.header th {
    font-size:7pt;
}

table#blog tr td {
    font-size:7pt;
}

table#blog tr.footer td {
    font-size:6pt;
}

table tr.header {

}

table tr.header th {
    font-size:10pt;
    font-weight:bold;
    text-align:center;
    padding: 0 5px 7px 5px;
    background-color: black;
    color: #ffcc00;
    border-width: 0 1px 0 1px;
    border-color: black;
    border-style: solid;
    
}

table tr.footer {

}

table tr.footer td {
    font-size:8pt;
    text-align:center;
    padding: 4px 0 2px 0;
    border-top: 1px solid black;
}

table tr.odd td {
    background: rgb(240,240,240);
}

table tr.even td {
    background:rgb(220,220,220);
}

table tr td.left-label {
    font-weight:bold;
    font-size:9pt;
    border-left: 1px solid black;
    padding-left: 4px;
}

table tr td.right-label {
    font-weight:bold;
    font-size:9pt;
    padding-left: 4px;
}

table tr td.left-value {
    font-size:9pt;
    padding: 0 3px 0 3px;
    border-right: 1px solid black;
}

table tr td.right-value {
    font-size:9pt;
    padding: 0 3px 0 3px;
    border-right: 1px solid black;
}




#map_canvas {width: 670px; height: 410px;}





/*
    KNOW MARIN - NEIGHBORHOOD/SCHOOLS 
*/



.km_n_wrap {width:670px; text-align:left; border-top: 1px solid #cce0a1;  margin:5px 0 20px 0; padding-top:20px;}

.km_n_col1 {float:left; width:250px; text-align:center; margin:0px 0 0px 0;}

.km_n_col1 img {margin:0px 0 0px 0;}

.km_n_photo {width:250px; margin:0 0 20px 0;}

.km_n_col2 {float:left; width:380px; margin:0px 0 0px 20px;}

.km_n_col2 p {padding:0; margin:0; line-height:120%;}

.km_n_wrap h2 {font-size:14px; color:#fff; font-weight:normal; line-height:120%; margin-bottom:5px; padding:0;}


.km_n_wrap p {font-size:12px; color:#fff; font-weight:normal; line-height:120%; margin-bottom:5px; padding:0;}

.km_n_photo {width:250px; float:left; margin:0}

.s_type p {font-size:12px; color:#535353; font-weight:normal; line-height:120%; margin:-10px 0 0 0px; padding:0;}

.km_schools_mod p {line-height:110%; margin-bottom:0px;}




/*
    FEATURED PROPERTY - LIST-All PROPERTIES 
*/

.fp_list_wrap {float:left; position:relative;   -moz-border-radius: 3px; -webkit-border-radius: 3px;  width:334px; height:400px; background-color:#fff; /* background-image:url(/images/fp/fp_list_bg.jpg); background-repeat: repeat-x; */  border-bottom: 1px solid #cce0a1; border-right: 1px solid #cce0a1; margin:0 18px 30px 0;}
.fp_list_wrap_inside {padding:10px;}
.fp_list_title {margin:0px 0px 0  0; font-weight:bold;}
.fp_list_price {color:#333; margin:0px 0px 20px  0;}
.fp_list_price span {color:#9FC54C;}
.fp_list_title , .fp_list_price  {font-size:16px; color:#333; line-height:100%;}

.fp_list_img {float:left; width:314px; height:207px; margin:0 0 10px 0; overflow:hidden;}
.fp_list_img  img {width:314px}

.fp_list_summary {width:324px; text-align:left;}
.fp_list_summary p {font-size:14px; color:#333; font-weight:normal; line-height:130%; margin-bottom:10px; padding:0px 10px 0 10px;}

.fp_list_detail_wrap {width:444px; float:right; text-align:left; border-bottom: 1px solid #535353; border-top: 1px solid #535353; margin:0px 0 0px 0;}

.fp_list_details {width:125px; margin:5px 0px 0px 5px; float:left;}
.fp_list_details p {font-size:12px; color:#999; font-weight:normal; line-height:120%; margin-bottom:5px; padding:0;}

a.bt_fp_view {position:absolute; right:15px; bottom:15px; display:block; width:114px; height:21px; background:url(/images/fp/fp_bt_view.png) no-repeat 0px 0px; text-indent:-9999px; }
a.bt_fp_view:hover { background:url(/images/fp/fp_bt_view.png) no-repeat 0px -21px; text-indent:-9999px;}



#mailcol h4 {visibility:hidden;}







/*
    FEATURED PROPERTY 
*/


#fp_head {width:708px; height:42px; background-color:#000; margin:0; padding:0;
-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;
	-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;}
#fp_head p {font-size:16px; color:#fff; font-weight:normal; line-height:100%; margin:0; padding:0;}
.fp_title {float:left; padding:14px 0px 0 15px; width:350px;}
.fp_price {float:right; padding:14px 18px 0 0; width:200px; text-align:right;}

#fp_title  h1 {font-size:14px; color:#fff; font-weight:normal; margin:0; padding:0;}
#fp_img {width:708px; height:477px;}
#fp_tools {width:708px; height:36px; background-color:#000; margin:0 0px 18px 0px;}
#fp_summary {width:500px; margin:0 0px 18px 15px; float:left;}
.fp_details {width:150px; margin:0 0px 0 15px; float:left;}
.fp_details p {font-size:12px; color:#555; font-weight:normal; line-height:140%; margin-bottom:10px; padding:0;}
.fp_details h3 {color:#9FC54C; font-size:12px; font-weight:normal; text-transform:none;}
.first {width:170px; margin-left:18px;}
.left18 {margin-left:18px;}
.left9 {margin-left:9px;}
#fp_view {float:right; width:182px;}
#at-a-glance {
	width:180px; 
	float:right;
	background-color:#3b3b3b;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	margin:0 0 18px 0px;
	padding:18px 0 18px 0;
}
#at-a-glance h1 {font-size:16px; color:#fff; font-weight:normal; line-height:100%; margin:15px 0 8px 10px; padding:0; text-transform:uppercase;}
#at-a-glance p {font-size:12px; color:#fff; font-weight:normal; line-height:100%; margin:0px 0 4px 10px; padding:0;}
#at-a-glance span {color:#a5a5a5;}
#fp_open {
	float:right;
	width:180px; 
	height:80px; 
	background:url(/images/fp/fp_open_bg.jpg) no-repeat 0px 0px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	margin:0 0 18px 0px;}
#fp_open h1 {font-size:16px; color:#fff; font-weight:normal; line-height:100%; margin:15px 0 8px 10px; padding:0; text-transform:uppercase;}
#fp_open p {font-size:14px; color:#fff; font-weight:normal; line-height:100%; margin:0px 0 10px 10px; padding:0;}

a#fp_bt_email {float:left; display:block; width:171px; height:36px; background:url(/images/fp/fp_bt_email.png) no-repeat 0px 0px; text-indent:-9999px; margin-left:90px; padding:0;}
a#fp_bt_email:hover { background:url(/images/fp/fp_bt_email.png) no-repeat 0px -36px; text-indent:-9999px;}

span.wpcf7-list-item {display:block;}
#wpcf7-f1-p289-o1 p {margin:0 0 10px 0;}
#fp_bt_photo {float:left; display:block; width:93px; height:36px; margin-left:45px; } 


a#fp_bt_photos {float:left; display:block; width:93px; height:36px; background:url(/images/fp/fp_bt_photos.png) no-repeat 0px 0px; text-indent:-9999px; margin-left:45px; }
a#fp_bt_photos:hover { background:url(/images/fp/fp_bt_photos.png) no-repeat 0px -36px; text-indent:-9999px;}

a#fp_bt_flyer {float:left; display:block; width:96px; height:36px; background:url(/images/fp/fp_bt_flyer.png) no-repeat 0px 0px; text-indent:-9999px; margin-left:45px; }
a#fp_bt_flyer:hover { background:url(/images/fp/fp_bt_flyer.png) no-repeat 0px -36px; text-indent:-9999px;}

a#fp_bt_map {float:left; display:block; width:46px; height:46px; background:url(/images/fp/fp_bt_map.png) no-repeat 0px 0px; text-indent:-9999px; margin-left:45px; }
a#fp_bt_map:hover { background:url(/images/fp/fp_bt_map.png) no-repeat 0px -36px; text-indent:-9999px;}

a#fp_bt_towninfo {float:left; display:block; width:73px; height:46px; background:url(/images/fp/fp_bt_towninfo.png) no-repeat 0px 0px; text-indent:-9999px; margin-left:45px; }
a#fp_bt_towninfo:hover { background:url(/images/fp/fp_bt_towninfo.png) no-repeat 0px -36px; text-indent:-9999px;}

.f_sold {background-color:#9FC54C; color:#FFF; padding:10px; font-weight:bold; font-size:12px; margin-left:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}



/*
    FEATURED PROPERTIES FORM OVERLAY
*/


.fp_form { 

    display:none; 
 	z-index:10000; 
	background-color:#fff; 
    width:400px;     
    min-height:500px; 
    border:1px solid #666; 
	padding:25px; 
} 
 

.fp_form div.close {
	background:url(/images/common/closer.png) no-repeat 0 0 ;
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px;  
}








/*
    SOLD PROPERTIES 
*/





#sold_content h2 {font-size:14px; color:#333; font-weight:normal; line-height:100%; margin:10px 0 5px 10px; background-color:#fff; padding:0; text-transform:none;}

.sold_wrap {background: #fff; float:left; width:220px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:0 15px 16px 0; padding:0; border-bottom: 1px solid #cce0a1; border-right: 1px solid #cce0a1;}
.sold_img_wrap {width:200px; height:132px; hidden:left; overflow:hidden; margin:0 0 10px 10px; padding:0;}
.sold_img_wrap img {width:200px; margin:0; padding:0;}
.sold_wrap p {font-size:14px; color:#333; font-weight:normal; line-height:100%; margin:0px 0 5px 10px;}
















/*
    SIDENAV CONTACT
*/

#sidenav_contact {
	width:165px;
	height:80px;
	background-color:#242424;
	margin:0 0 12px 12px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	padding-top:12px;
	background:url(/images/common/sidenav_contact_hr.gif) no-repeat 12px 52px #242424;
	}

	

	
#sidenav_contact h1 {width:104px; height:30px; background:url(/images/common/sidenav_contact_title.gif) no-repeat 0px 0px; margin:0 0 23px 12px; text-indent:-9999px;}
#sidenav_contact p {background:url(/images/common/sidenav_contact_numb.gif) no-repeat 0px 0px; margin:0px 0 0px 12px; text-indent:-9999px; height:15px;}

#sidenav_contact_stephen p {background:url(/images/common/sidenav_contact_numb_stephen.gif) no-repeat 0px 0px; margin:0px 0 0px 12px; text-indent:-9999px;}
#sidenav_contact_ginger p {background:url(/images/common/sidenav_contact_numb_ginger.gif) no-repeat 0px 0px; margin:0px 0 0px 12px; text-indent:-9999px;}
#sidenav_contact_george p {background:url(/images/common/sidenav_contact_numb_george.gif) no-repeat 0px 0px; margin:0px 0 0px 12px; text-indent:-9999px;}
#sidenav_contact_julie p {background:url(/images/common/sidenav_contact_numb_julie.gif) no-repeat 0px 0px; margin:0px 0 0px 12px; text-indent:-9999px;}
#sidenav_contact_helen p {background:url(/images/common/sidenav_contact_numb_helen.gif) no-repeat 0px 0px; margin:0px 0 0px 12px; text-indent:-9999px;}
#sidenav_contact_lien p {background:url(/images/common/sidenav_contact_numb_lien.gif) no-repeat 0px 0px; margin:0px 0 0px 12px; text-indent:-9999px;}












/*
    FOOTER
*/


#footer1 {
	width:950px;
	height:72px;
	background-color:#535353;
	text-align: center;
	padding-top:17px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

#footer1 p {font-size:12px; color:#ddd; font-weight:normal; line-height:120%; margin:0; padding:0 0 3px 0;}
#footer1 p a:link, #footer1 p a:visited {text-decoration:none; color:#ddd; }
#footer1 p a:hover {text-decoration:underline; color:#ffff;}


.f_nav {float:left; width:120px; margin:5px 0 0 30px; text-align:left;}
.f_vert {float:left;  background:url(/images/footer/f_vert.gif) no-repeat 0px 0px; width:3px; height:57px; margin:0px 15px 0 15px;}
a#f_apr { float:left; display:block; width:101px; height:40px; background:url(/images/footer/f_apr.gif) no-repeat 0px 0px; text-indent:-9999px; margin:5px 0 0 45px;}
a#f_apr:hover { background:url(/images/footer/f_apr.gif) no-repeat 0px -40px; text-indent:-9999px;}
div#f_equal {background:url(/images/footer/f_equal.gif) no-repeat 0px 0px; text-indent:-9999px; float:left; width:38px; height:40px; margin:5px 65px 0 35px;}
#f_music_wrap {float:left; width:80px; margin:5px 10px 0 10px; text-align:center;}
a#f_music_icon {display:block; width:31px; height:22px; background:url(/images/footer/f_music_icon.gif) no-repeat 0px 0px; text-indent:-9999px; margin:5px 0 0 23px;}
a#f_music_icon:hover { background:url(/images/footer/f_music_icon.gif) no-repeat 0px -22px; text-indent:-9999px;}
#f_fb_wrap {text-align:center; float:left; width:100px; margin:5px 0 0 30px;}
a#f_fb { display:block; width:73px; height:15px; background:url(/images/footer/f_facebook.gif) no-repeat 0px 0px; text-indent:-9999px; margin:5px 0 0 15px;}
a#f_fb:hover { background:url(/images/footer/f_facebook.gif) no-repeat 0px -15px; text-indent:-9999px;}
#f_follow_wrap {float:left; width:76px; margin:5px 0 0 25px; text-align:center;}
#f_share_wrap {float:left; width:70px; margin:0 0 0 35px; text-align:center;}
a#f_yelp { float:left; display:block; width:39px; height:18px; background:url(/images/footer/f_yelp.gif) no-repeat 0px 0px; text-indent:-9999px; margin:5px 10px 0 5px;}
a#f_yelp:hover { background:url(/images/footer/f_yelp.gif) no-repeat 0px -18px; text-indent:-9999px;}
a#f_twitter {float:left; display:block; width:76px; height:19px; background:url(/images/footer/f_twitter.png) no-repeat 0px 0px; text-indent:-9999px; margin:5px 0 0 0px;}
a#f_twitter:hover { background:url(/images/footer/f_twitter.png) no-repeat 0px -19px; text-indent:-9999px;}
a#ck_sharethis { float:left; display:block; width:61px; height:14px; background:url(/images/footer/f_share_icons.gif) no-repeat 0px 0px; text-indent:-9999px; margin:10px 10px 0 5px;}
a#ck_sharethis:hover { background:url(/images/footer/f_share_icons.gif) no-repeat 0px -14px; text-indent:-9999px;}

#footer2 {
	width:800px;
	text-align: center;
	margin:20px auto;
}

#footer2 p {font-size:12px; color:#555; font-weight:normal; line-height:100%; margin:0; padding:0 0 5px 0;}
#footer2 p a:link, #footer2 p a:visited {text-decoration:none; color:#555; }
#footer2 p a:hover {text-decoration:underline; color:#555;}


.f_city {float:left; width:113px;}

#footer3 {
	width:950px;
	text-align: center;
}


#footer3 p {font-size:11px; color:#666; font-weight:normal; line-height:100%;}
#footer3 p a:link, #footer3 p a:visited {text-decoration:none; color:#666;}
#footer3 p a:hover {text-decoration:underline; color:#666;}