/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 


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

body {
	
	background: #0065C3 url('../img/bg/main-bg.jpg') top left repeat;
	margin: 0; padding: 15px 0 30px;	
}

/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.main-nav {
	background-color: #000;
	display: block; width: 940px; height: 33px;
	margin: 0; padding: 0; 
	font-weight: bold;  text-transform: uppercase;
	text-indent: 5px; 
	}
		
.main-nav .drop-on a { background: #000 url('../img/nav/arrow_bw.gif') no-repeat 100% 50%; font-size: 11px;  }	
.main-nav .drop-off a { margin: 0; padding: 0 0px; font-size: 11px;  }	
		
.main-nav ul {
	padding: 0px; margin: 0px;
	list-style: none;		
	}	
		
.main-nav li {
	display: inline; position: relative;
	padding: 0px 0px 0 15px; margin: 0px;
	list-style: none;	
	border-left: 1px solid #334717;
	line-height: 32px;
	}
		
.main-nav li:first-child, .main-nav li.first-link { border-left: 1px solid #000; }
					
.main-nav .drop-down {
	float: left;
	z-index: 88; 
	}
	
.main-nav .drop-down a:link,
.main-nav .drop-down a:visited,
.main-nav .drop-down a:hover {
	display: inline;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 18px 0 0px;
	height: 14px;
	}
		
.main-nav .drop-down a:hover { text-decoration: underline; color: #FFFFCC; }

.main-nav .drop-down li ul {
	position: absolute;
	top: 13px;
	left: 0px;
	z-index: 99;
	margin: 0 0 0 -1px;
	padding: 5px 0 0 0;
	background: #000;
	width: 160px;
	display: none;
	border-bottom: 3px solid #00529B;
	}
	
.main-nav .drop-down li>ul { top: 13px; padding: 0 0 5px 0; }

.main-nav .drop-down li ul#menu-about { width: 230px; }
.main-nav .drop-down li ul#menu-rentals { width: 180px; }
.main-nav .drop-down li ul#menu-vacation { width: 290px; }
.main-nav .drop-down li ul#menu-realestate { width: 120px; }
.main-nav .drop-down li ul#menu-tenants { width: 180px; }
.main-nav .drop-down li ul#menu-owners { width: 210px; }
.main-nav .drop-down li ul#menu-contact { width: 200px; }

.main-nav .drop-down li:hover, .main-nav .drop-down li.over { z-index: 95; }
.main-nav .drop-down li:hover ul, .main-nav .drop-down li.over ul  { display: block; z-index: 99; padding: 3px 0 10px 0; }
.main-nav .drop-down li ul li {
	position: relative;
	float: none; display: block; border: 0; 
	margin: 0; padding: 5px 0;	
	line-height: 100%; text-indent: 18px;
	text-transform: uppercase;
	font-size: 10px;
}

.main-nav .drop-down li ul li a, 
.main-nav .drop-down li ul li a:link,
.main-nav .drop-down li ul li a:visited {
	margin: 0;
	line-height: 100%;
	background: none;
	text-decoration: underline;
	font-size: 10px;
}


/* Side Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#side-nav { margin: 0; padding: 0 0 10px;}

#side-nav h4 { margin: 0; padding: 0px 0 5px; }

#side-nav .gray-bar, div.article-list .gray-bar, #right-col-div .gray-bar { background: transparent url(../img/bg/gray-bar.jpg) top left repeat-x; display: block; height: 5px; width: 100%; clear: both; border-top: 1px solid #CCCCCC; margin: 0; padding: 0;  }
.gray-bar { background: transparent url(../img/bg/gray-bar.jpg) top left repeat-x; display: block; height: 5px; width: 100%; clear: both; border-top: 0px solid #CCCCCC; margin: 0; padding: 0;  }

#side-nav ul { margin: 0; padding: 0; list-style-type: none; }
#side-nav ul.second-level-nav { margin: 0; padding: 0px 0px 8px 0; }

#side-nav ul#top-level-nav li { border-bottom: 1px solid #CCCCCC; }
#side-nav ul#top-level-nav li ul.second-level-nav li { border-bottom: 0px solid #CCCCCC; margin: 0; padding: 0px 0 0 15px; font-size: 11px;  line-height: 140%;}

#side-nav a.top-level-link { color: #0298D3; display: block; clear: both; margin: 0; padding: 5px 5px; }
#side-nav ul.second-level-nav a:link, #side-nav ul.second-level-nav a:visited { color: #666666;  text-decoration: underline; }
#side-nav ul.second-level-nav a:active, #side-nav ul.second-level-nav a:hover { color: #000; text-decoration: underline; }

#side-nav a { font-weight: bold; }
#side-nav a:hover { color: black; text-decoration: underline;}


/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {

	background: transparent url('../img/logos/windermerepm-324x142.jpg') no-repeat left top;
	display: block; float: left;
	width: 324px; 	height: 142px;
	margin: 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}
	
#header-div h2 a {

	background: transparent url('../img/logos/windermere-tag-425x35.jpg') no-repeat 50% 0%;
	display: block; float: left;
	width: 616px; 	height: 40px;
	margin: 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}	
	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; } 
.vacation-thumb { float: left; padding: 5px 10px 5px 0;  }

	
/* Highlight Box
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.highlight-box {
	background: #184E80 url('../img/features/fp-highlight-top-bg.jpg') top left no-repeat;
	width: 300px; height: auto; 
	margin: 0; padding: 0 0 1px 0;
	}

.highlight-box-content {
	width: 296px; height: auto; 
	border: 1px solid #FFF; 
	margin: 0 auto; padding: 0; 
	}

.highlight-box h3 			{ color: white; padding: 8px 10px; }
.highlight-box-content p { 
	background: #184E80 url('../img/features/blue-box.jpg') top left no-repeat;
	color: white; font-size: 13px; line-height: 48px; font-weight: bold; 
	display: block; height: 48px;
	margin: 0; padding: 0 5px 0 45px; 
	overflow: hidden;
	}
	
.highlight-box .middle-box 	{ border-top: 1px solid #1F67AA; border-bottom: 1px solid #B8E53F; }

.highlight-box-content p.green-box { 
	background: #A5CE39 url('../img/features/green-box.jpg') top left no-repeat;
	}

.highlight-box .green-box {}

.highlight-box a:link, .highlight-box a:visited	{ color: #FFF;}
.highlight-box a:active, .highlight-box a:hover 	{ color: #000; }




/* Listings Instructions Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#listings-header {
	background: white url('../img/bg/listings-header-block.jpg') 50% 50% no-repeat; 
	border: 1px solid #D1DDE8;
	display: block; height: 98px;
	overflow: hidden; margin: 1px 0; padding: 0;
	}

#listing-block-one, #listing-block-two, #listing-block-three, #listing-block-four {
	/*background-color: green; */
	float: left; display: block; 
	height: 50px; 
	margin: 0 0 0 0px; padding: 0; 
	}

#listing-block-one {
	width: 195px; margin: 0; 
	}
	
#listing-block-two {
	width: 185px; margin-left: 60px;
	}

#listing-block-three {
	width: 190px; margin-left: 55px;
	}

#listing-block-four {
	width: 185px; margin-left: 60px;
	}




/* Listings Sort Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#listing-sort {
	background-color: #339900; 
	height: 50px; width: 940px;  
	}

#listing-sort form, 
#listing-sort select, 
#listing-sort input { margin: 0; padding: 0; }

#listing-sort table { margin: 0; padding: 0; height: 50px;  }


#listing-sort p { color: white; margin: 0; padding: 0; font-size: 11px; font-weight: bold; }

#listing-sort table td { vertical-align: center; padding: 5px 0 0 10px; }

#listing-sort table td.sort-col-one p { color: white; margin: 0; padding: 0px 0 0 0; font-size: 14px; }

#listing-sort table td.sort-col-drops { border-left: 1px solid #3CB500; }

.submit-sort { margin: 0px 0 0 0; }


/* Sitepro Web Listing Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#bt-rental 	{ clear: both; margin: 2px 0 0 0; padding: 0; }

#bt-col-one { background-color: white; width: 403px; float: left; display: block; }
#bt-col-two { background-color: white; width: 530px; float: right; display: block; }

.bt-list-one { width: 255px; display: block; float: left; }
.bt-list-two { width: 255px; display: block; float: left; }

#bt-rental h4 { 
	background-color: #E4F1FF;
	color: #0065C3; font-weight: bold; font-size: 14px;
	margin: 0 0 2px 0; padding: 8px 10px;  
	}
	
#bt-rental h5 { color: #003567; font-size: 13px; font-weight: bold; }

#bts-col-two h4 { font-weight: bold; margin: 0; padding: 5px 0 5px 5px; font-size: 16px;  }

.bt-map { float: right; text-align: center; }
.bt-addy-header { border-bottom: 1px dotted #c4c4c4; }
.bt-date { display: block; float: left; width: 250px; padding: 5px 0; margin: 0;}
.bt-maps { display: block; float: right; width: 250px; padding: 5px 0; margin: 0;  text-align: center; }
.bt-comment { border-top: 1px dotted #c4c4c4; margin: 0; padding: 5px 0 0px 0; clear: both; font-size: 11px; line-height: 13px; }
.bt-special { color:#339933; font-weight: bold; }
.bt-available { color: #a31f15; font-weight: bold; }
.bt-more { background-color: #E8F3FF; display: block; clear: both; padding: 2px; margin: 3px 0 0 0; font-size: 11px; text-align: left;  }
.submit-sort { margin: 8px 0 0 0;}

#bt-rental ul 	{ margin: 0; padding: 5px 0 5px 0; list-style-type: none; font-size: 11px;   }
#bts-col-two ul { color: #333; margin: 0 0 5px 20px;  list-style-type: square; padding: 0; font-size: 12px; line-height: 120%; }

#bts-col-one label { color: white; font-weight: bold; padding: 15px 0 8px 0; margin: 0; }
#bts-col-one select { margin: 2px 0; }

.listing-contact strong { color: green; }
.listing-application strong { color: #a31f15; }

/* Sitepro Print Listing Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#btp-rental { clear: both; display: block; margin: 5px 0 0px 0; padding: 0 0 0px 0; }

#btp-col-one { background-color: red; width: 160px; float: left; display: block; }
#btp-col-two { background-color: green; width: 605px; float: right; display: block; }	

#print-details-table, 
#print-details-table td, 
#print-details-table tr { margin: 0; padding: 0; clear:none; }

#print-details-table ul {  margin: 0; padding: 0; list-style-type: none; font-size: 11px; color: #000;   }

.btp-comment { margin: 0; padding: 5px 0 0 0; clear: both; font-size: 11px; line-height: 13px; color: #000; }
.btp-address { margin: 0; padding: 0 0 5px 0; clear: both; font-size: 12px; line-height: 13px; color: red; }

#btp-rental h4 { 
	background-color: #FFF; display: block; clear: both; 
	color: black; font-weight: bold; font-size: 13px;
	margin: 0px 0 0px 0; padding: 0px 0px;  
	border-top: 1px solid black;	
	}	

#btp-rental h5 { color: #003567; font-size: 13px; font-weight: bold; }


#form-style fieldset 	{ border: 1px solid #c4c4c4; padding: 10px; margin: 5px 0; }
#form-style legend 		{ font-weight: bold; font-size: 13px; text-transform: uppercase; }
#form-style label 		{ font-weight: bold; color: #003366; margin: 0;}
#form-style fieldset p 	{ border-bottom: 1px dotted #c4c4c4; margin: 5px 0; padding: 5px 0 3px 0; }
#form-style fieldset p.no-border 	{ border-bottom: 0px dotted #c4c4c4; margin: 5px 0; padding: 5px 0 3px 0; }

/* Form Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


#contact-fields label 	{ display: block; float: left; width: 120px; text-align: right; margin: 0; padding: 0 15px 0 0;  }

#entry-fields label  	{  padding: 0 0 5px 0; margin: 0 0 0 0; display: block;  }
#entry-fields select 	{ clear: both; margin: 0; padding: 0px 0; }

#problem-fields label  		{  padding: 0 0 5px 0; margin: 0 0 0 0; display: block;  }
#problem-fields textarea 	{ width: 400px; }


/* Quote Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

blockquote { 
	background: transparent url('../img/features/quote-open.jpg') 0px 8px no-repeat;
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 15px; line-height: 17px; font-weight: bold; color: #74A819; text-indent: 20px; font-style: italic;
	margin: 0; padding: 10px 0;
	}

blockquote cite { font-size: 13px; line-height: 130%; margin: 0; padding: 5px 0; clear: both; display: block;  color: #333; text-indent: 0px; font-weight: normal; }	
cite strong { display: block; clear: both; font-weight: bold; }