/*----------------------------------------------------------------------------- 
Screen Stylesheet 

version:   1.1 
date:      09/09/09 
author:    [WESJR] 
email:     [webmaster@westek.org] 
website:   [www.westek.org]
-----------------------------------------------------------------------------*/






/* Remove padding and margin ------------------------------------------------*/
h1,h2,h3,h4,h5,h6,ul,li,hr,di { 
    margin: 0px; 
    padding: 0px; 
    border: 0px; 
}

ul {
	list-style: none;	
}

p {
	margin: 1em 0px 1em 0px;
}

/* Random Classes -----------------------------------------------------------*/

.clear 
    { 
    clear:both; 
} 

.right 
    { 
    float: right; 
} 

.left 
    { 
    float: left; 
}

.align_right {
	text-align: right;
}

.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.alignright {
	float: right;
	margin: 0 0 5px 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 5px 0;
}



/*---------------------------------- BODY TAG ----------------------------- */

body {
	background-image: url(images/layout_main_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #6a6a6a;
	line-height: 1.4em;
}

a {
	color: #4c8350;
	text-decoration: none;
	border-bottom:1px #6a6a6a dotted;
}

a:hover {
	color: #9fbe11;
	text-decoration: none;
}

hr {
	border: none;
	border-bottom: 1px #c9d3ca dotted;
	margin: 1.1em 0;
}

hr.thicker {
	border: none;
	border-bottom: 2px #e2e9e1 solid;
	margin: 1.1em 0;
}

h1 {
	font-size: 30px;
	line-height: 35px;
	color: #4c8350;
	font-weight: normal;
	border-bottom: 1px #c3c3c3 dotted;
	margin-bottom: 15px;
}

small, .postmetadata {
	font-size: .9em;
	color: #9b9b9b;
}

h2 {
	font-size: 20px;
	color: #7d8180;
	font-weight: normal;
	line-height: 25px;
	margin-bottom: 15px;
}
		
		form.form h2 {
			margin-top:10px;
			color: #4c8350;
		}
		
		#column_195 h2 {
			font-size: 16px;
			line-height: 20px;
			color: #7d8180;
			font-weight: normal;
			border-bottom: 1px #c3c3c3 dotted;
			margin-bottom: 10px;
		}

h3 {
	font-size: 14px;
	line-height: 18px;
	color: #4c8350;
	font-weight: normal;
}

h5 {
	color: #f6f7f6;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 2px #a4c0a4 solid;
}

h6 {
	line-height: 19px;
	padding: 10px 13px;
	background-color: #3e8141;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

#top {
	height: 89px;
	width: 100%;
	background-repeat: repeat-x;
	background-position: top center;
}

#mid {
	/* background-image: url(http://www.prillerrealestate.com/images/layout_bg_pelican.jpg);*/
	background-repeat:repeat-x;
	background-position: bottom left;
}

		#mid div.container {
			padding: 50px 0 20px 0;
		}
			
			#column_813 {
				width: 813px;
				float: left;
			}
			
			#column_768 {
				width: 768px;
				float: left;
			}
			
			#column_720 {
				width: 720px;
				float: left;
			}
		
			#column_603 {
				width: 603px;
				float: left;
			}
			
			#column_195 {
				width: 195px;
				float: left;
				margin-left: 15px;
			}
			
					#column_195 div.box {
						padding: 12px;
						border-left: 1px #c9d3ca solid;
						border-right: 1px #c9d3ca solid;
						border-bottom: 1px #c9d3ca solid;
						background-color: #fff;
						font-size: 12px;
					}
					
					#column_195 div.box ul {
						margin: 1.4em 0 1.4em 15px;
						list-style: url(http://www.prillerrealestate.com/images/graphic_li_arrow.gif);
					}
					
					#column_195 div.box div.image {
						width: 169px;
						border: 1px #73aa75 solid;
						margin-bottom: 10px;
					}
					
							#column_195 div.box div.image a {
								border: none;	
							}
					
					
					#column_195 span a {
						font-size: 16px;
						line-height: 20px;
						text-decoration: none;
						border: 0;
					}
					
					#column_195 span a:hover {
						text-decoration: underline;
					}
			
			#column_150 {
				width: 150px;
				float: left;
				margin-left: 15px;
				font-size: 12px;
				line-height: 1.4em;
			}
			
					#column_150 img.border {
						border: 2px #73aa75 solid;
					}
				
					#column_150 a {
						color: #636565;
						text-decoration: none;
						border: 0;
					}
					
					
					#column_150 a:hover {
						color: #3e8141;
						text-decoration: underline;
					}
					
					#column_150 label {
						display: block;
						text-align: center;
						font-size: 9px;
					}
					
					a.search {
						display: block;
						width: 150px;
						height: 52px;
						background-image: url(http://www.prillerrealestate.com/images/button_medium_propertysearch.gif);
						background-repeat: no-repeat;
						background-position: 0 0;
						text-decoration: none;
						border: 0;
						text-indent: -9000px;
					}
					
					a.search:hover {
						background-position: 0 -53px;
					}
					
					a.genericemail {
						display: block;
						width: 150px;
						height: 52px;
						background-image: url(http://www.prillerrealestate.com/images/button_medium_sendusemail.gif);
						background-repeat: no-repeat;
						background-position: 0 0;
						text-decoration: none;
						border: 0;
						text-indent: -9000px;
					}
					
					a.genericemail:hover {
						background-position: 0 -53px;
					}
					
					#column_150 a.smallmap {
						text-indent: -9000px;
						width: 146px;
						height: 146px;
						display: block;
						background-image: url(images/graphic_map_small.gif);
						background-position: top left;
						background-repeat:no-repeat;
						border: 2px #73aa75 solid;
					}
					
							#column_150 a.smallmap:hover {
								background-position: bottom left;	
							}
					
					#sidenav_areas a {
						display: block;
						padding: 5px;
						background-color: #e9f3e7;
						text-decoration: none;
						margin-bottom: 5px;
						border: 0;
					}
					
					#sidenav_areas a:hover {
						background-color: #3e8141;
						color: #fff;
						text-decoration: none;
					}

#bot {
	height: 246px;
	background-image: url(http://www.prillerrealestate.com/images/layout_footer_bg.gif);
	background-repeat:repeat-x;
	background-position: top left;
	padding-top: 15px;
	font-size: 11px;
	line-height: 14px;
	color: #c6cfc6;
}


		#bot a {
			text-decoration: none;
			color: #c6cfc6;
		}
		
		#bot a:hover {
			color: #fff;
			text-decoration: underline;
			border: 0;
		}
		
		#bot ul {
			width: 140px;
			list-style: none;
			float: left;
			margin-left: 35px;
			font-size: 11px;
			line-height: 18px;
			margin-top: 10px;
		}
		
				#bot ul li {
					border-bottom: 1px #fff dotted;
				}
		
				#bot ul a {
					color: #e9ede9;
					text-decoration: none;
					border: 0;
				}
				
				#bot ul a:hover {
					color: #fff;
				}

		#bot div.resources {
			width: 320px;
			margin-right: 35px;
			float: left;
		}
		
		#bot div.areas {
			width: 490px;
			margin-right: 35px;
			float: left;
		}
		
		#bot img.icon {
			margin-top: 20px;
			float: left;
		}
		
		#bot div.pelican_disclaimer {
			margin-top: 15px;
		}
		
		#bot div.pelican_disclaimer img {
			display: block;
			float: left;
			margin-right: 15px;
		}
		
		#bot div.westek_disclaimer {
			margin-top: 15px;
		}

div.container {
	width: 980px;
	margin: 0 auto;
}

ul#navigation {
	position: absolute;
	top: 50px;
	height: 39px;
	width: 820px;
	margin-left: 160px;
}

		ul#navigation li {
			display: inline;
		}
		
		ul#navigation li a {
			display: block;
			float: right;
			padding: 0 13px 0 13px;
			color: #fff;
			line-height: 39px;
			text-decoration: none;
			font-size: 16px;
			border: 0;
			background-color: #3e8141;
		}
		
		ul#navigation li a:hover {
			/*background-image: url(images/layout_mainnav_bg.jpg);*/
			background-color: #e5e5e5;
			background-repeat: no-repeat;
			background-position: bottom left;
			color: #316734;
		}
		
		ul#navigation li a.selected {
			background-color: #fff;
			color: #316734;
		}
		
		ul#navigation li a.selected:hover {
			background-color: #fff;
			background-image: none;
			color: #316734;
		}
		
ul#navigation_sub {
	font-size: 14px;
	line-height: 18px;
	position:absolute;
	top: 103px;
	margin-left:200px;
	width: 780px;
	text-align: right;
}

		ul#navigation_sub li {
			display: inline;
			margin-left: 20px;
		}
		
		ul#navigation_sub strong {
			font-weight: normal;
			color: #676b69;
		}
		
		ul#navigation_sub span {
			font-size: 1.2em;	
		}

#logo {
	position: absolute;
	top: 0px;
	z-index: 200;
	margin-left: 0px;
}

#logo a {
	border: 0;	
}

p.image_main {
	border: 1px #b8c9b7 solid;
	margin: 0px;
	margin-bottom: 1.4em;
	float:left;
}

#slide_frame {
	border: 1px #b8c9b7 solid;
	margin: 0px;
	margin-bottom: 1.4em;
}

div.box_green {
	background-color: #e9f3e7;
	border: 1px #b8c9b7 solid;
	padding: 15px;
	margin-bottom: 15px;
}

		div.box_green h2 {
			font-size: 23px;
			line-height: 27px;
			margin-bottom: 5px; 
		}
		
		div.box_green h2 span {
			color: #4c8350;
		}

		div.box_green div.left_info {
			width: 360px;
			float: left;
			font-size: 14px;
			text-align: center;
			margin-top: 7px;
		}
		
		div.box_green div.left_info div.number_listings {
			margin-top: 7px;
		}
		
				div.box_green div.left_info div.number_listings a {
					font-style: italic;	
				}
		
		div.box_green div.left_info div.number_listings span {
			color: #4c8350;
		}
		
		div.box_green div.left_info span {
			font-size: 19px;
			line-height: 23px;
		}
		
		div.box_green a.propertysearch {
			float: right;
			display: block;
			width: 200px;
			height: 70px;
			background-image: url(http://www.prillerrealestate.com/images/button_large_propertysearch.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			border: 0;
		}
		
		div.box_green a.propertysearch:hover {
			background-position: 0 -70px;
		}
		
		div.box_green a.searchagain {
			float: right;
			display: block;
			width: 150px;
			height: 52px;
			background-image: url(http://www.prillerrealestate.com/images/button_medium_searchagain.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			border: 0;
		}
		
		div.box_green a.searchagain:hover {
			background-position: 0 -53px;
		}



/* -------------------------------------------------------------------------------   FOR LISTINGS RESULTS */

div.listing {
	display: block;
	border: 1px #c9d3ca solid;
	background-color: #fff;
	color: #6a6a6a;
	text-decoration: none;
	margin: 1.4em 0;
}

div.listing:hover {
	background-image: url(http://www.prillerrealestate.com/images/layout_listings_hover.jpg);
	background-position: bottom left;
	background-repeat: repeat-x
}

div.developments:hover {
	background-image: none;
	background-position: bottom left;
	background-repeat: repeat-x
}

		div.listing div.head {
			padding: 12px;
			border-bottom: 1px #c9d3ca solid;
			background-color: #f7f7ee;
		}
		
		div.listing div.head:hover {
			background-color: #e9f3e7;
		}
		
				div.listing div.head label {
					display: block;
					float: right;
					width: 33%;
					text-align: right;
				}
				
				div.listing div.head h3 {
					font-size: 22px;
					line-height: 27px;
				}
				
						div.listing div.head h3 a {
							text-decoration: none;
							border: 0;
						}
		
		div.listing div.image {
			float: left;
			width: 175px;
			padding: 12px;
		}
				div.listing div.image a {
					border: none;	
				}
		
				div.listing div.image img {
					border: 1px #73aa75 solid;
				}
				
				div.listing div.image img:hover {
					border: 1px #9fbe11 solid;
				}
		
		div.listing div.info {
			width: 541px;
			float: left;
			padding: 12px;
		}
				
				div.listing div.info div.numbers {
					border-bottom: 1px #c9d3ca dotted;
					padding-bottom: 10px;
				}
				
				div.listing div.info div.numbers p {
					float: left;
					width: 25%;
					margin: 0px;
				}
				
				div.listing div.info div.numbers p.price {
					font-size: 18px;
					color: #4c8350;
				}
				
						div.listing div.info div.numbers p.price a {
							text-decoration: none;
							border: 0;
						}
				
				div.listing p.disclaimer {
					font-size: .8em;
					line-height: 1.4em;
					font-family: Arial, Helvetica, sans-serif;
					color: #999999;
				}
		
		div.developments_image {
			float: left;
			padding: 12px;
			width: 175px;
		}
		
				div.developments_image a {
					border: none;
				}
		
				div.developments_image img {
					width: 175px;	
				}
				
		div.listing div.description_container {
			float: left;	
		}
		
		div.listing div.head_developments {
			width: 754px;
			padding: 12px;
			border-bottom: 1px #c9d3ca solid;
			background-color: #f7f7ee;
			border-left: 1px #c9d3ca solid;
		}
		
		div.listing div.head_developments:hover {
			background-color: #e9f3e7;
		}
		
				div.listing div.head_developments label {
					display: block;
					float: right;
					width: 33%;
					text-align: right;
				}
				
				div.listing div.head_developments h3 {
					font-size: 22px;
					line-height: 27px;
				}
				
						div.listing div.head_developments h3 a {
							text-decoration: none;
							border: 0;
						}
						
		div.development_description {
			width: 754px;
			padding: 12px;
			border-left: 1px #c9d3ca solid;
		}
				
/* -------------------------------------------------------------------------------   FOR LISTINGS DETAILS PAGE */
#details_container {
	width: 930px;
	margin: 0 auto;
}

#details_container #column_720 div.listing {
	margin: 0 0 1.4em 0;
}

		#details_container #column_720 div.listing div.image_dev {
			float: left;
			width: 270px;
			padding: 12px;
			background-color: #fff;
		}
		
		#details_container #column_720 div.listing div.image {
			float: right;
			width: 320px;
			padding: 12px;
			background-color: #fff;
		}
		
		#column_720 div.listing {
			margin: 0 0 1.4em 0;
		}
		
				#column_720 div.listing div.image {
					float: right;
					width: 320px;
					padding: 12px;
					background-color: #fff;
				}
		
		div.details_info {
			padding: 12px;
		}
		
		div.details_price {
			padding: 12px;
			border-bottom: 1px #c9d3ca dotted;
			padding-bottom: 10px;
			margin-bottom: 1.4em;
		}
				
				div.details_price span {
					font-size: 1.8em;
					line-height: 1.2em;
				}
				
		div.details_numbers {
			width: 360px;
		
		}
		
		div.details_numbers ul li {
			list-style:url(http://www.prillerrealestate.com/images/graphic_li_arrow.gif);
			margin-left: 10px;
			float: left;
			width: 170px;
		}



/* -------------------------------------------------------------------------------   FOR DEVELOPMENTS PAGE */

p.development_description {
	padding: 12px;
	margin: 0px;
}

/* -------------------------------------------------------------------- AGENTS DETAILS PAGE */

#column_195 div.box div.agent_thumb div.image {
	float:left;
	width:100px;
	border: 1px #73aa75 solid;
	margin-bottom: 10px;
	margin-top:10px;
}

#column_195 div.box div.agent_thumb a {
border: none;	
}

a.emailagent {
	display: block;
	width: 171px;
	height: 60px;
	background-image: url(http://www.prillerrealestate.com/images/button_171_emailagent.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 0;
}

a.emailagent:hover {
	background-position: 0 -60px;
}

a.viewmylistings {
	margin: 1.4em 0;
	display: block;
	float: right;
	width: 171px;
	height: 60px;
	background-image: url(http://www.prillerrealestate.com/images/button_171_viewmylistings.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 0;
}

a.viewmylistings:hover {
	background-position: 0 -60px;
}

a.viewagents {
	display: block;
	float: right;
	width: 150px;
	height: 52px;
	background-image: url(http://www.prillerrealestate.com/images/button_medium_viewagents.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 0;
}

a.viewagents:hover {
	background-position: 0 -52px;
}

div.agent_image {
	float: right;
	width: 100px;
	padding: 1.4em 12px;
	background-color: #fff;
}

/* -------------------------------------------------------------------------------   PROPERTY */

div.form_column {
	float: left;
	width: 270px;
	color: #6a6a6a;
	font-size: 12px;
	line-height: 18px;
	margin-right:20px;
}

/* START SEARCH BUTTON */
form.form button {
	background: url(http://www.prillerrealestate.com/images/button_medium_startsearchorange.gif) 0 0 no-repeat;
	height: 52px;
	width: 150px;
	float: left;
	border: none;
}

input.width170, select.width170, textarea.width170 {
	width: 170px;	
}

form.form button span {
	display: none;
}

form.form button:hover {background-position: 0 -53px;}

/* SEARCH NEWS BUTTON */
form#searchform button {
	background: url(http://www.prillerrealestate.com/images/button_medium_startsearchorange.gif) 0 0 no-repeat;
	height: 52px;
	width: 150px;
	float: left;
	border: none;
}

form#searchform button span {
	display: none;
}

form#searchform button:hover {background-position: 0 -53px;}


/* START SEARCH FOR KEYWORD OR MLS # ONLY */
form.form button.keyword {
	background: url(http://www.prillerrealestate.com/images/button_medium_searchkeyword.gif) 0 0 no-repeat;
	background-position: 0 -53px;
	height: 52px;
	width: 150px;
	float: left;
	border: none;
}

form.form button span {
	display: none;
}

form.form button.keyword:hover {background-position: 0 0;}

/* SEARCH FOR AGENTS BUTTON */
form.form button.agentsearch {
	background: url(http://www.prillerrealestate.com/images/button_medium_searchagentsorange.gif) 0 0 no-repeat;
	background-position: 0 0;
	height: 52px;
	width: 150px;
	float: left;
	border: none;
}

form.form button span {
	display: none;
}

form.form button.agentsearch:hover {background-position: 0 -53px;}


/* RESET FORM FIELD */
form.form button.reset {
	background: url(http://www.prillerrealestate.com/images/button_medium_resetform.gif) 0 0 no-repeat;
	background-position: 0 0;
	height: 52px;
	width: 150px;
	float: left;
	border: none;
}

form.form button span {
	display: none;
}

form.form button.reset:hover {background-position: 0 -53px;}


/* BASIC FORM SUBMIT BUTTON */
form.basic_form button.submit {
	background: url(http://www.prillerrealestate.com/images/button_medium_submit.gif) 0 0 no-repeat;
	background-position: 0 0;
	height: 52px;
	width: 150px;
	float: left;
	border: none;
}

form.basic_form button span {
	display: none;
}

form.basic_form button.submit:hover {background-position: 0 -53px;}

/* SUBMIT BUTTON FOR BLOG COMMENTS */
form#commentform button.submit {
	background: url(http://www.prillerrealestate.com/images/button_medium_submit.gif) 0 0 no-repeat;
	background-position: 0 0;
	height: 52px;
	width: 150px;
	float: left;
	border: none;
}

form#commentform button span {
	display: none;
}

form#commentform button.submit:hover {background-position: 0 -53px;}

/* BASIC FORM RESET BUTTON */
form.basic_form button.reset {
	background: url(http://www.prillerrealestate.com/images/button_medium_resetform.gif) 0 0 no-repeat;
	background-position: 0 0;
	height: 52px;
	width: 150px;
	float: left;
	border: none;
}

form.basic_form button span {
	display: none;
}

form.basic_form button.reset:hover {background-position: 0 -53px;}

/* SEARCH FOR HOMES and CONDOS BUTTONS */
div.search_buttons {
	float: right;
	width: 224px;
	margin-left: 20px;
	margin-bottom: 10px;
}

div.search_buttons div.box {
	padding: 12px 12px 2px 12px;
	border-left: 1px #c9d3ca solid;
	border-right: 1px #c9d3ca solid;
	border-bottom: 1px #c9d3ca solid;
}


div.search_buttons a.searchhomes {
	background-image: url(http://www.prillerrealestate.com/images/button_large_searchhomes.gif);
}

div.search_buttons a.searchcondos {
	background-image: url(http://www.prillerrealestate.com/images/button_large_searchcondos.gif);
}

div.search_buttons a {
	display: block;
	width: 200px;
	height: 70px;
	text-indent: -9000px;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 0;
	margin-bottom: 10px;
}

div.search_buttons a.searchhomes:hover, div.search_buttons a.searchcondos:hover {
	background-position: 0 -70px;
}

a.rentals {
	background-image: url(http://www.prillerrealestate.com/images/button_large_rentals.gif);
	display: block;
	width: 200px;
	height: 70px;
	text-indent: -9000px;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	float:right;
}

a.rentals:hover {
	background-position: 0 -70px;
}

a.join {
	background-image: url(http://www.prillerrealestate.com/images/button_large_submitapplication.gif);
	display: block;
	width: 200px;
	height: 70px;
	text-indent: -9000px;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	float:right;
}

a.join:hover {
	background-position: 0 -70px;
}

/* ----------------------------------------------------------------------------- ALL FORMS */

input.width200, select.width200, textarea.width200 {
	width: 200px;
	color: #6a6a6a;
	font-size: 13px;
	line-height: 18px;
}

input.width400, select.width400, textarea.width400 {
	width: 400px;
	color: #6a6a6a;
	font-size: 13px;
	line-height: 18px;
}

form input, select, textarea{
	color: #6a6a6a;
	font-size: 13px;
	line-height: 18px;
}

/* ----------------------------------------------------------------------------- BLOG */

textarea#comment {
	width: 700px;
}

/* ----------------------------------------------------------------------------- SITE MAP */

ul.column_3 {
	width: 180px;
	float: left;
	margin: 1em 0;
	margin-right: 15px;
}


ul.column_3 a.highlight {
	color: #c88d19;
}

ul.column_3 a.highlight:hover {
	color: #9fbe11;
}

/* ----------------------------------------------------------------------------- BACK OFFICE */

body.backoffice {
	margin: 30px;
	background-image: none;
}

body.backoffice ul {
	list-style: lower-alpha;
	margin: 1em 0 1em 20px;	
}

		body.backoffice ul li {
			margin: 1em 0;	
		}
		
				body.backoffice ul li ul {
					font-size: .9em;
					list-style: decimal;	
				}