/* Some basic screen styles */

body { background: #F8F6F1; }

a{
	color: #F7444A;
	}
	
a:hover{
	text-decoration: underline;
	}
	
h2, h3{
	font-size: 120%;
	}

/* Generic container to squeeze content since bg's are all 100% wide */
div.wrap{ 
	margin: 0 auto !important;
	padding: 0 !important;
	width: 960px !important;
	/* this is here to handle all nested floats that may appear */
	height: 1%;
	}
	
div.rental_wrap{ 
	margin: 0 auto !important;
	padding: 0 !important;
	width: 97% !important;
	/* this is here to handle all nested floats that may appear */
	height: 1%;
	}

/* Accessibility Section */
#accessibility{
	margin: 0;
	padding: 0;
	font-size: 70%;
	min-height: 31px;
	background: url(../images/accessibility_bg.gif) repeat-x bottom #83070B;
	color: #FFFFFF;	
	}
	
#accessibility div.wrap{
	background: url(../images/accessibility_content_bg.gif) bottom left no-repeat;
	min-height: 31px;
	}	
	
#accessibility ul{
	list-style: none;		
	padding: 10px 0 10px 0;
	margin-left: 5px;
	}
	
#accessibility ul li{
	display: inline;
	margin-right: 10px;
	}
	
#accessibility ul li a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}
	
#accessibility ul li a:hover{
	color: #FFD800;
	}
	
/* Header Section */
	
#header{
	margin: 0;
	padding: 0;
	background: #A4151A;
	color: #FFFFFF;
	min-height: 99px;
	border-bottom: 1px solid #F7444A;
	}
	
#header h1{
	overflow: hidden; 
	height: 99px; width: 317px; 
	position: relative;
	text-align: -30000px;
	float: left;
	}
	
#header h1 img{
	position: absolute;
	}
	
#header div.wrap{
	/*background: url(../images/header_logo.gif) no-repeat;*/
	padding: 10px;
	min-height: 99px;
	}	
	
#header div.rental_wrap{
	background: url(../images/header_logo.gif) no-repeat;
	padding: 10px;
	min-height: 99px;
	}	
	
#header p{
	text-align: right;
	font-size: 80%;
	padding: 20px 0 10px 0;
	}
	
/* Sub Nav */

#sub_nav{
	background: #FCF6E8 url(../images/sub_nav_bg.gif) repeat-x bottom;
	font-size: 80%;
	min-height: 40px;
	}
	
#sub_nav ul{
	list-style: none;
	margin: 0 0 0 10px;
	padding: 10px 0 10px 0;
	}
	
#sub_nav ul li{
	display: inline;
	margin-right: 10px;
	}
	
#sub_nav ul li a {
	background-color: #E0D6BF;
	padding: 3px;
	}
	
	
/* Feature Section */
	
#feature_section{
	margin: 0;
	padding: 10px 0 10px 0;
	background: url(../images/feature_section_bg.gif) #FCF6E8 bottom repeat-x;
	min-height: 240px;
	font-size: 80%;
	}
	
div#flash{
	margin-bottom: 20px;
	z-index: 100;
	}
	
#feature_section div#featured_property{
	background-color: #E0D6BF;
	margin-left: 500px;
	min-height: 230px;
	}
	
#featured_property h3{
	background: #C92228;
	border-top: 1px solid #D25554;
	border-bottom: 1px solid #D25554;
	color: #FFFFFF;
	padding: 5px;
	margin-bottom: 5px;
	}
	
#featured_property p{
	text-align: center;
	}
	
/* Welcome Message */
#welcome_message{
	float: left;
	width: 490px;
	font-size: 80%;
	padding-top: 10px;
	background-color: #FFFFFF;
	}
	
#welcome_message h2,	#welcome_message h3{
	color: #C92228;
	margin-left: 10px;
	margin-right: 10px;
	}
	
#welcome_message p{
	line-height: 155%;
	margin-bottom: 1em;
	padding-left: 10px;
	padding-top: 10px;
	}
	
/* Homepage Quicksearch */
#home_page_quick_search{
	background: url(../images/gradient_bg_tall.gif) bottom repeat-x;
	margin-left: 500px;
	font-size: 80%;
	padding-top: 10px;
	}
	
#home_page_quick_search h3{
	background: url(../images/icon_search.gif) no-repeat;
	}
	
/* This should be made generic to handle all links in the sidebar/subcontent */
#home_page_quick_search h3{
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 1px solid #E0D6BF;
	padding-left: 20px;
	padding-bottom: 5px;
	color: #C92228;
	}
	
h3 a {
	text-decoration: none;
	color: #C92228;
	}

#home_page_quick_search ul{
	list-style: none;
	margin: 0 10px 10px 10px;
	padding-bottom: 10px;
	}
	
#home_page_quick_search ul li{
	border-bottom: 1px solid #E0D6BF;
	padding: 5px 0 8px 10px;
	} 
	
#home_page_quick_search ul li a{
	text-decoration: none;
	}
	
#home_page_quick_search a:hover{
	text-decoration: underline;
	}
	
/* Buyers and Sellers Box */
#buyers_and_sellers{
	background: url(../images/gradient_bg_short.gif) bottom repeat-x;
	float: left;
	clear: left;
	width: 490px;
	font-size: 80%;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
#buyers_and_sellers h3{
	border-bottom: 1px solid #E0D6BF;
	background: url(../images/icon_people.gif) no-repeat 5px 0;
	padding-left: 25px;
	padding-bottom: 5px;
	color: #C92228;
	margin-left: 10px;
	margin-right: 10px;
	}
	
#buyers_and_sellers p{
	padding-left: 10px;
	padding-right: 10px;
	line-height: 150%;
	}
	
/* Island Photo Galleries */
#photo_galleries{
	background: url(../images/gradient_bg_short.gif) bottom repeat-x;
	padding-bottom: 10px;
	margin-left: 500px;
	font-size: 80%;
	padding-top: 10px;
	}

#photo_galleries h3{
	background: url(../images/icon_photos.gif) no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 1px solid #E0D6BF;
	padding-left: 20px;
	padding-bottom: 5px;
	color: #C92228;
	}
	
#photo_galleries p{
	padding-left: 10px;
	padding-right: 10px;
	line-height: 150%;
	}
	
/* Left Column | added 9/22/2008 */

.content_bg { 
	background: url(../images/content-bg.png) repeat-x; 
	}

#left_col {
	margin-top: 20px;
	font-size: 13px;
	}
	
#left_col ul {
	list-style: none;
	margin-bottom: 20px;
	}
	
#left_col ul li {
	font-weight: bold;
	}
	
#left_col ul ul {
	margin: 0 0 15px 0;
	}
	
div#left_col ul li ul li{
	border-top-color: #b99246;
	border-top: 1px dotted !important;
	padding: 5px 0 !important;
	font-weight: normal;
	}
	
#left_col ul li a {
	text-decoration: none;
	}
	
#left_col ul li a:hover {
	text-decoration: underline;
	}

	
/* Main Content Section */
#main_content{
	font-size: 90%;
	padding-top: 20px;
	}
	
#main_content h1, #main_content h2,	#main_content h3{
	color: #C92228;
	}
	
#main_content h1, #main_content h2{
	font-size: 180%;
	font-weight: lighter;
	margin-bottom: 10px;
	}
	
#main_content p{
	line-height: 150%;
	margin-bottom: 1em;
	}
	
	
/* Sub Content Section */
#sub_content{
	font-size: 80%;
	margin-top: 20px;
	}
	
#sub_content h3{
	border-bottom: 1px solid #E0D6BF;
	padding-bottom: 5px;
	color: #C92228;
	}
	
#sub_content div.container{
	/*background: url(../images/gradient_bg_short.gif) bottom repeat-x;*/
	padding-bottom: 10px;
	margin-bottom: 10px;
	}

#sub_content div.container h3{
	/*background: url(../images/icon_photos.gif) no-repeat;*/
	border-bottom: 1px solid #E0D6BF;
	padding-bottom: 5px;
	color: #C92228;
	}
	
#sub_content div.container p{
	line-height: 150%;
	}
	
#sub_content div.container ul{
	list-style: none;
	padding-bottom: 10px;
	}
	
#sub_content div.container ul li{
	border-bottom: 1px solid #E0D6BF;
	padding: 5px 0 8px 10px;
	} 
	
#sub_content div.container ul li a{
	text-decoration: none;
	}
	
#sub_content div.container a:hover{
	text-decoration: underline;
	}
	

	
/* Sub-Sub Content Section (Hemmingway Style) */
#sub_sub_content{
	clear: both;
	background: url(../images/sub_sub_content_bg.gif) #FCF6E8 repeat-x;
	margin-top: 10px;
	font-size: 80%;
	/*min-height: 170px;*/
	padding-top: 20px;
	padding-bottom: 20px;
	height: 1%;
	}
	
#sub_sub_content div.sub_sub_content_box{
	}
	
#sub_sub_content h3{
	border-bottom: 1px solid #E0D6BF;
	padding-bottom: 5px;
	padding-left: 25px;
	color: #C92228;
	}
	
img.pic { border: 1px solid #E0D6BF; }
	
#featured_listings h3{
	background: url(../images/icon_house.gif) no-repeat;
	}
	
#mls_search h3, #quicksearch h3{
	background: url(../images/icon_search.gif)  no-repeat;
	}
	
#sign_up h3, #signup_blurb h3{
	background: url(../images/icon_email.gif) no-repeat;
	}
	
#sub_sub_content p{
	padding-left: 10px;
	line-height: 150%;
	}
	

	
/* Footer */
#footer{
	clear: both;
	background: #A4151A url(../images/footer_bg.gif) bottom repeat-x;
	color: #FFFFFF;
	padding-bottom: 56px;
	font-size: 70%;
	padding-top: 10px;
	}
	
#footer p{
	line-height: 150%;
	}
	
#footer p.realtor_info{
	padding-left: 10px;
	}
	
#footer p.co_info{
	}
	
/* IFRAME for realtime rental */
#rental_frame{
	border: 0;
	width: 100%;
	min-height: 15000px;
	overflow: visible;
	}
	
/* Agent Display */
	
dl.agent_list{
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	height: 1%;
	clear: left;
	/*background-color: #FCF6E8;*/
	border: 1px solid #F3EDE0;
	}
	
dl.agent_list dd{
	line-height: 150%;
	}
	
dl.agent_list dt img{
	border: 3px solid #FFFFFF;
	}
	
dd.agent_list_name{
	font-weight: bold;
	font-size: 120%;
	}
	
dd.agent_title{
	font-style: italic;
	}
	
dl.agent_list dt{
	float: left;
	margin-right: 10px;
	}
	
div.agent_photo{
	float: left;
	margin: 10px;
	}
	

	
img.agent_tmb{
	height: 6em;
	}
	
/* Sales Listings List Layout */
dl.listing{
	height: 1%;
	margin-bottom: 10px;
	border: 1px solid #F3EDE0;
	padding: 10px;
	}
	
dl.listing dt{
	font-weight: normal;
	font-size: 120%;
	font-weight: bold;
	}
	
dl.listing *{
	line-height: 150%;
	}
	
dl.listing dd.photo{
	float: left;
	margin-right: 10px;
	}
	
dl.listing dd.photo img {
	border: 1px solid #F3EDE0;
	}
	
dl.listing dd.price{
	font-size: 180%;
	}
	
dl.listing dd.status{
	font-weight: bold;
	}
	
dd.available { color: green; }
dd.under_contract { color: fuchsia; }
dd.sold { color: red; }
	
dl.listing dd.beds_baths{
	/*font-style: italic;*/
	}
	
/* Sales Detail Layout */
div.basicInfo{
	height: 1%;
	}
	
div.basicInfo img{
	float: left;
	width: 60%;
	margin-right: 20px;
	}
	
#more_info{
	border: 1px solid #F3EDE0;
	background: #fff;
	}
	
.box { 
	border: 1px solid #F3EDE0;
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
	position: relative;
	height: 1%;
	}
	
ul#feature_list{
	list-style: none;
	padding: 10px;
	}
	
ul#feature_list li{
	line-height: 160%;
	}
	
div#additional_pics{
	/*border: 1px solid #F3EDE0;*/
	}
	
div#additional_pics h3{
	margin-bottom: 5px;
	}
	
div#additional_pics img{
	width: 30%;
	margin: 0 0 10px 10px;
	}
	
/* Gallery */
	
dl.gallery{
	width: 45%;
	float: left;
	margin-left: 10px;
	text-align: center;
	}
	
/* About */
div.inset_img_left{
	float: left;
	margin: 0 10px 0 0 !important;
	background-color: #FCF6E8;
	border: 1px solid #F3EDE0;
	padding: 10px;
	}
	
div.inset_img_left img{
	border: 3px solid #FFF;
	}
	
.caption{
	width: 225px;
	font-size: 70%;
	font-style: italic;
	margin: 0 !important;
	}
	
table.maps {
	margin-left: 10px;
	}
	
table.maps td {
	vertical-align: top;
	}
	
span.map_caption {
	color: #666;
	font-size: 75%;
	font-style: italic;
	text-align: center;
	display: block;
	}
	
/* Google Map */
#map{
	width: 618px;
	height: 400px;
	}
	
.sales_map{
	/*margin-left: 10px;*/
	}
	
	
/* Site Map */

#sitemap{
	margin-left: 10px;
	}
	
#sitemap, #sitemap ul{
	font-size: 130%;
	height: 1%;
	list-style: none;
	}
	
#sitemap li{
	height: 1%;
	line-height: 150%;
	}

#sitemap li ul{
	margin: 10px;
	font-size: 90%;
	border: 1px solid #F3EDE0;
	padding: 10px;
	}

/* Basic Forms */
form{
	margin: 0 0 10px 10px;
	padding: 0;
	}
	
fieldset{
	padding: 10px;
	border: 1px solid #F3EDE0;
	}
	
legend{
	font-weight: bold;
	color: #C92228;
	}
	
#signUpField{
	margin-top: 10px;
	}
	
/* Events */

dl.blurb{
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
dl.blurb * {
	line-height: 150%;
	}
	
dl.blurb dd.date{
	font-style: italic;
	}
	
label{
	display: block;
	}
	
div.errMsg{
	border: 1px solid #FF0000;
	background-color: #FFF0F5;
	color: #FF0000;
	font-weight: bold;
	padding: 5px;
	}
	
a.rental_search_link{
	border: 1px solid #FF0000;
	padding: 5px 10px 5px 25px;
	font-size: 150%;
	background: #FFFFCC url(../images/icon_search.gif) no-repeat 5px 50%;
	color: #FF0000;
	font-weight: bold;
	}
	
div.form_error_summary {
	border: 1px solid #FF0000;
	background-color: #FFF0F5;
	color: #FF0000;
	padding: 20px;
	margin-bottom: 20px;
	}
	
div.form_error_summary p span.error { display: block; }
form span.error { font-size: 11px; font-style: italic; color: red; }

form fieldset div { margin-bottom: 0.5em; }