/* CSS Document 
------------------------------------
screen_v2.css by Joe Taylor

This stylesheet handles the screen based-styles 
for pages undergoing the 2009 remodeling
*/
	
@import "rentals_v2.css";
@import "sales_v2.css";
@import "open_houses.css";
@import "subpage.css";
@import "forms_v2.css";

/* Body Styles
----------------------------------------------------*/


body {
	font: 90% "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	background-color: #72C5FF;
	}
	
p {
	margin-bottom: 1.0em;
	}
	
a img {
	border: 0;
	}
	
.lighter {
	font-weight: lighter;
	}

/* Box Model Stuff
----------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	}
	
.wrap {
	width: 960px;
	margin: 0 auto;
	}
	
.clear {
	clear: both;
	height: 0;
	}
	
/* Flash Messages
--------------------------------------*/

div.flash_message {
	display: none;
	background: yellow;
	color: red;
	padding: 15px;	
	}
	
/* Highlight
-----------------------------------------------------*/

.highlight {
	border: 1px solid #FFCC00;
	padding: 10px;
	background-color: #FFF;
	margin-right: 35px;
	margin-top: 0.5em;
	}
	
/* Co Info
----------------------------------------------------*/

#co_info {
	background: #316BA6 url(/images/co_info_bg.gif) bottom repeat-x;
	color: #FFF;
	height: 1%;
	position: relative;
	}

/* VCard
-----------------------------------------------------*/
	
.vcard {
	text-align: center;
	height: 1%;
	position: relative;
	font-size: 85%;
	margin: 0 auto;
	padding: 5px;
	}
	
.vcard div {
	display: inline;
	margin-right: 15px;
	}
	
.vcard a {
	color: #FFF;
	text-decoration: underline;
	}
	
/* Content BG
-----------------------------------------------------*/

#content_bg {
	background: url(../images/content_bg.gif) repeat-x;
	position: relative;
	height: 1%;
	}
	
/* Logo Bar
-----------------------------------------------------*/

#print_header {
	display: none;
	}

#logo {
	height: 135px;
	position: relative;
	overflow: hidden;
	}
	
#logo h2 {
	position: relative;
	height: 135px;
	overflow: hidden;
	}
	
#logo h2 a {
	position: relative;
	height: 135px;
	overflow: hidden;
	display: block;
	}
	
#logo h2 a span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(../images/logo_bar.jpg) no-repeat;
	}
	
/* Navigation
-----------------------------------------------------*/
/*
#nav {
	height: 51px;
	position: relative;
	overflow: hidden;
	}
	
#nav ul {
	list-style: none;
	position: relative;
	height: 51px;
	overflow: hidden;
	}
	
#nav ul li {
	float: left;
	height: 51px;
	overflow: hidden;
	position: relative;
	}
	
#nav ul li a {
	position: relative;
	height: 51px;
	display: block;
	overflow: hidden;
	}
	
#nav ul li a span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	height: 100%;
	}
*/
/* Secret ingredient to make ie6 behave */
/*
#nav ul li a:hover {
	background-position: 0 0;
	}
	
#nav ul li a:hover span {
	background-position: 0 -51px;
	}
*/
/* End secret Ingredient */

/* Individual Links	
-------------------------------------------------------*/
/*
#home_link {
	width: 89px;
	}
		
#home_link span {	
	width: 89px;
	background: url(../images/navigation.gif) no-repeat 0 0 !important;
	}
	
#home_link:hover span {
	background-position: 0 -51px !important;
	}

#sale_link {
	width: 206px;
	}
	
#sale_link span {
	width: 206px;
	background: url(../images/navigation.gif) no-repeat -89px 0 !important;
	}
	
#sale_link:hover span {
	background-position: -89px -51px !important;
	}
*/	
/* Rental Link
-------------------------------*/
	/*
#rental_link {
	width: 195px;
	}
		
#rental_link span {	
	width: 195px;
	background: url(../images/navigation.gif) no-repeat -295px 0 !important;
	}
	
#rental_link:hover span {
	background-position: -295px -51px !important;
	}
	
#rental_link ul.submenu {
	display: none !important;
	}
	
#agent_link {
	width: 136px;
	}
	
#agent_link span {
	width: 136px;
	background: url(../images/navigation.gif) no-repeat -490px 0 !important;
	}
	
#agent_link:hover span {
	background-position: -490px -51px !important;
	}
	
#info_link {
	width: 184px;
	}
	
#info_link span {
	width: 184px;
	background: url(../images/navigation.gif) no-repeat -626px 0 !important;
	}
	
#info_link:hover span {
	background-position: -626px -51px !important;
	}
	
#contact_link {
	width: 150px;
	}
	
#contact_link span {
	width: 150px;
	background: url(../images/navigation.gif) no-repeat -810px 0 !important;
	}
	
#contact_link:hover span {
	background-position: -810px -51px !important;
	}
*/	
/* Main Content
--------------------------------------------------------*/

#main_content div.wrap {
	background: url(../images/welcome_bg.png) repeat-y;
	padding-top: 10px;
	}
	
#main_content_bottom {
	background: url(../images/welcome_bottom_bg.png) no-repeat;
	height: 16px;
	position: relative;
	}
	
/* Welcome Message
--------------------------------------------------------*/

#welcome_message {
	width: 615px;
	float: left;
	border-right: 1px solid #C2C1B9; 
	}
	
#welcome_message #flash img {
	padding-left: 20px;
	}
	
#flash {
	padding-left: 20px;
	z-index: 0 !important;
	}
	
#welcome_message h1, #welcome_message h2, #welcome_message h3, #welcome_message h4 {
	padding-left: 25px;
	padding-right: 10px;
	margin-bottom: 0.5em;
	}
	
#main_content h1, #main_content h2, #main_content h3, #main_content h4 {
	color: #FF4E00;
	}
	
#main_content ul, #main_content ol {
	margin-bottom: 1.0em;
	line-height: 140%;
	list-style-position: inside;
	}
	
#showcase_content {
	}
	
#showcase_content h1, #showcase_content h2, #showcase_content h3, #showcase_content h4 {
	padding-left: 25px;
	padding-right: 10px;
	}
	
#welcome_message p, #showcase_content p {
	line-height: 140%;
	padding-left: 25px;
	padding-right: 10px;
	margin-bottom: 0 !important;
	}
	
#welcome_message ul, #welcome_message ol, #showcase_content ul, #showcase_content ol {
	margin-left: 25px;
	padding-left: 25px;
	margin-bottom: 1.0em;
	}
	
#welcome_message ul li, #welcome_message ol li, #showcase_content li {
	line-height: 1.5em;
	}
	
#main_content a {
	color: #4F9ED4;
}
	
/* Big Links
-----------------------------------------------------------*/

#big_links {
	position: relative;
	padding-top: 3px;
	margin-left: 635px;
	}
	
#big_links ul {
	position: relative;
	list-style: none;
	}
	
	
#big_links ul li {
	position: relative;
	width: 298px;
	height: 81px;
	overflow: hidden;
	padding-bottom: 12px;
	}
	
#big_links ul li a {
	position: relative;
	width: 298px;
	height: 81px;
	overflow: hidden;
	display: block;
	}

#big_links ul li a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	
/*  Accordian */
#accordian {
	font-size: 90%;
	margin-top: 3px;
	}
	
#accordian dt {
	border: 1px solid #CCC;
	display: block;
	background: #EEE;
	font-weight: bold;
	margin-right: 25px;
	padding: 10px;
	cursor: default;
	}
	

/* Individual Links
------------------------------------------------*/

#new_construction_btn span {
	background: url(../images/new_construction_button.jpg) no-repeat;
	}

#search_rentals_btn span {
	background: url(../images/search_rentals_btn.jpg) no-repeat;
	}
	
#featured_rentals_btn span {
	background: url(../images/featured_rentals_btn.jpg) no-repeat;
	}
	
#sales_btn span {
	background: url(../images/for_sale_btn.jpg) no-repeat;
	}
	
#open_house_btn span {
	background: url(../images/open_house_btn.jpg) no-repeat;
	}
	
#new_construction_btn span {
	background: url(../images/button_new_construction.jpg) no-repeat;
	}
	
@import url("sales.css");
	
/* Google Map
--------------------------------------------------------*/

#map {
	width: 90%;
	height: 350px;
	margin-bottom: 1.0em;
	margin-left: 20px;
	border: 1px solid #EEE;
	background-color: #FFF;
	}


/* Accordian */

#accordian {
	display: block;
	padding: 0;
	position: relative;
	margin-left: 635px;
	}
	
#accordian ul {
	list-style: none;
	}
	
#accordian dt {
	font-weight: bold;
	display: block;
	padding: 10px;
	margin-bottom: 0.5em;
	}
	
#accordian dd {
	padding: 0 25px 1.0em 10px;
	}

	
/* Quick Searches
---------------------------------------------------------------*/

#side_quickies {
	position: relative;
	margin-left: 635px;
	font-size: 85%;
	}
	
#side_quickies ul {
	padding-left: 25px;
	margin-bottom: 1.0em;
	}

#side_quickies ul li {
	line-height: 1.5em;
	}
	
/* Background Gradient Test
-----------------------------------------------------------*/
#bg_gradient {
	background: url(../images/content_bottom_bg.gif) repeat-x bottom;
	margin-bottom: 0 !important;
	}
	
/* Middle Section
-----------------------------------------------------------*/

#middle_bar {
	height: 1%;
	position: relative;
	}

#middle_top {
	background: url(../images/middle_bg_top.png) no-repeat;
	overflow: hidden;
	height: 18px;
	width: 960px;
	margin: 0 auto;
	}

#middle_bar div.wrap {
	background: url(../images/middle_bg.png) repeat-y;
	height: 1%;
	position: relative;
	}
	
#new_construction_blurb, #list_with_us_blurb, #meet_agents_blurb, #stop_in_blurb{
	float: left;
	width: 201px;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 10px;
	}
	
#new_construction_blurb {
	margin-left: 30px;
	}
	
#middle_bar h2, #middle_bar h3, #middle_bar h4 {
	color: #27648D;
	font-size: 90%;
	}
	
#middle_bar p {
	font-size: 70%;
	line-height: 140%;
	}
	
#middle_bar a {
	color: #4F9ED4;
	}
	
#middle_bottom {
	background: url(../images/middle_bar_bottom_bg.png) no-repeat;
	height: 25px;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	position: relative;
	}
	
/* Mid-Footer 
----------------------------------------------------------*/

#mid_footer {
	background: url(../images/mid_footer_bg.png) repeat-y;
	height: 1%;
	position: relative;
	}
	
#mid_footer_bottom {
	background: url(../images/mid_footer_bottom.png) no-repeat;
	height: 25px;
	}
	
/* Quick Searches 
---------------------------------------------------------------*/

#quick_searches {
	width: 449px;
	float: left;
	color: #FFF;
	position: relative;
	height: 1%;
	}
	
.quick_search_highlight {
	background-color: #00CCFF;
	}
	
#quick_searches h3 {
	margin-left: 25px;
	margin-bottom: 5px;
	background-color: #27648D;
	margin-right: 20px;
	padding:2px;
	padding-left: 5px;
	}
	
#quick_searches p {
	padding-left: 25px;
	padding-right: 20px;
	font-size: 85%;
	margin-bottom: 0.65em;
	}
	
#quick_searches p a {
	color: #A9DBFD;
	}
	
#quick_searches hr {
	color: #FFF;
	height: 1px;
	border: 0;
	background-color: #FFF;
	margin: 0 20px 0.65em 25px;
	}
	
#quick_searches dl {
	position: relative;
	min-height: 36px;
	margin-bottom: 0.65em;
	margin-left: 25px;
	float: left;
	width: 195px;
	}
	
#quick_searches dt {
	position: relative;
	width: 36px;
	margin-right: 10px;
	float: left;
	}

#quick_searches dd {
	position: relative;
	min-height: 36px;
	padding-top: 0.5em;
	}
	
#quick_searches dd a {
	position: relative;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 85%;
	font-weight: bold;
	}
	
#quick_searches dd a:hover {
	text-decoration: underline;
	}

/* News Box
-----------------------------------------------------------------*/

#news_block {
	width: 486px;
	background: url(../images/news_box_bottom.gif) no-repeat bottom;
	margin-left: 450px;
	color: #FFF;
	position: relative;
	height: 1%;
	}
	
#news_block a:hover {
	text-decoration: underline;
	}
	
#news_content {
	background: url(../images/news_box_top.gif) no-repeat;
	position: relative;
	height: 1%;
	}
	
#news_content h3 {
	padding-top: 5px;
	padding-left: 20px;
	margin-bottom: 5px;
	}
	
#news_content dl {
	position: relative;
	height: 1%;
	margin-left: 20px;
	min-height: 48px;
	}
	
#news_content dt {
	background: url(../images/homepage_date_bg.jpg) no-repeat;
	width: 48px;
	height: 48px;
	margin-right: 10px;
	overflow: hidden;
	float: left;
	}
	
#news_content dt span.month {
	text-transform: uppercase;
	font-size: 60%;
	text-align: center;
	display: block;
	color: #000000;
	margin: 0;
	padding: 0;
	line-height: 0.30em;
	padding-top: 15px;
	margin-left: -3px;
	}
	
#news_content dt span.day {
	font-weight: bolder;
	display: block;
	text-align: center;
	font-size: 110%;
	color: #000000;
	margin: 0;
	padding: 0;
	margin-left: -3px;
	}
	
#news_content dd {
	min-height: 48px;
	line-height: 150%;
	}
	
#news_content dd a {
	color: #FFF;
	text-decoration: none;
	}
	
#news_link {
	background: url(../images/news_icon.jpg) no-repeat 0 50%;
	padding-left: 20px;
	font-size: 75%;
	}
	
#rss_feed {
	background: url(../images/rss_icon.jpg) no-repeat 0 50%;
	padding-left: 20px;
	font-size: 75%;
	}
	
/* Sign-up Form 
---------------------------------------------------------------*/

#signup_form h3 {
	border-top: 1px solid #FFF;
	margin-left: 25px;
	margin-right: 20px;
	padding-left: 0;
	}
	
#signup_form p {
	padding-left: 25px;
	padding-right: 20px;
	font-size: 80%;
	}
	
#signup_form form {
	margin-left: 25px;
	margin-right: 20px;
	padding-bottom: 1.0em;
	}
	
#signup_form label.hide {
	display: none;
	}

#signup_form label.show {
	display: block;
	float: none;
	width: auto;
	text-align: left;
	margin-bottom: 0.45em;
	}
	
#signup_form input {
	vertical-align: middle;
	font-size: 120%;
	}
	
#signup_form input.bg {
	background: #FFF url(../images/input_bg.jpg) no-repeat;
	width: 54%;
	}
	
@import url("open_houses.css");
	
/* Footer 
--------------------------------------------------------*/

#footer {
	background: url(../images/footer_bg.gif) repeat-x bottom #FFF;
	min-height: 118px;
	position: relative;
	}
	
#footer div.wrap {
	min-height: 118px;
	background: url(../images/footer_logo.gif) 95% 100% no-repeat;
	}

#footer p {
	font-size: 90%;
	width: 60%;
	margin-left: 25px;
	margin-top: 0;
	margin-bottom: 0;
	}
	
#footer a {
	color: #4F9ED4;
	}
	
/* Misc
----------------------------------------------------------*/

img.left_floater {
	float: left;
	margin-right: 10px;
	}
	
/* Little Sidebar */

div#rental_sidebar {
	background: #e7e6d3;
	width: 140px;
	font-size: 11px;
	padding: 10px;
	position: absolute;
	top: 0;
	right: 40px;
	}

.emergency {
	padding-left: 20px;
	padding-top: 4px;
	}