/* ==========================*/
/* Masten Realty Site Layout */
/* ==========================*/


/* Base Rules */
img {border:none;}
p.access {display: none;}
div.clear {clear:both;}

a {outline-style:none;} /* Removes dotted lines around links when active */
a:link,a:visited {color:#444444;}
a:hover {color:#b80000;}

select {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#444444;}
.image {border-color:#896751; border-style:solid; border-width:thin; margin-top:4px;}
/* Primary layout */
body {font:11px Verdana, Arial, Helvetica, sans-serif; color: #444444; background:#eee url(/layout_images/page_bg.jpg) center top repeat-y; width: 952px; margin: 0 auto;}

div#wrapper {margin:0 41px;}


/* Site Masthead */
div#header {background:url(/layout_images/header2.jpg) left top no-repeat;}
div#header h1 {text-indent: -9999px; overflow: hidden; margin:15px 0 0; padding:0; border:0;}
div#header h1 a:link, div#header h1 a:visited, div#header h1 a:hover {display:block; height:74px; width:870px; margin:0; padding:0; border:0;}


/* Main Navigation */
div#navMain {width:870px; margin:0; padding:0; border:0; background:url(/layout_images/nav_bg_ie.jpg) left top repeat-x;}
div#navMain ul#menu li {margin:0; padding:0; list-style:none; top:0; float:left;}
ul#menu {width:870px; margin:0; padding:0;}
ul#menu li, ul#menu a {height: 43px; display: block; padding-left:0; padding-right:0;}
div#navMain ul#menu li a {text-indent: -9999px; overflow: hidden; text-decoration: none;}

#buying a:link, #buying a:visited {background:url(/layout_images/buttons/btn_buying.jpg) left top no-repeat; width:161px;}
#selling a:link, #selling a:visited {background:url(/layout_images/buttons/btn_selling.jpg) left top no-repeat; width:148px;}
#agent a:link, #agent a:visited {background:url(/layout_images/buttons/btn_agent.jpg) left top no-repeat; width:153px;}
#about a:link, #about a:visited {background:url(/layout_images/buttons/btn_about.jpg) left top no-repeat; width:92px;}
#delaware a:link, #delaware a:visited {background:url(/layout_images/buttons/btn_delaware.jpg) left top no-repeat; width:132px;}
#news a:link, #news a:visited {background:url(/layout_images/buttons/btn_news.jpg) left top no-repeat; width:86px;}
#contact a:link, #contact a:visited {background:url(/layout_images/buttons/btn_contact.jpg) left top no-repeat; width:98px;}

#buying a:hover {background:url(/layout_images/buttons/btn_buying.jpg) left bottom no-repeat; width:161px;}
#selling a:hover {background:url(/layout_images/buttons/btn_selling.jpg) left bottom no-repeat; width:148px;}
#agent a:hover {background:url(/layout_images/buttons/btn_agent.jpg) left bottom no-repeat; width:153px;}
#about a:hover {background:url(/layout_images/buttons/btn_about.jpg) left bottom no-repeat; width:92px;}
#delaware a:hover {background:url(/layout_images/buttons/btn_delaware.jpg) left bottom no-repeat; width:132px;}
#news a:hover {background:url(/layout_images/buttons/btn_news.jpg) left bottom no-repeat; width:86px;}
#contact a:hover {background:url(/layout_images/buttons/btn_contact.jpg) left bottom no-repeat; width:98px;}


.propmancontainer {float:left; padding:10px; margin:0 0 5px 0; border-bottom:1px solid #777;}
.propmanbottom {float:left; padding:10px; margin; 0 0 5px 0; border-bottom:1px solid #0000;}
.propmanleft {float: left;}
.propmanright {width: 550px; float: left; padding-left:15px;}


/* Flash Section */
div#flash {width:585px; float:left;}


/* Quick Search Section */
div#quickSearch {background:url(/layout_images/catsearch_bg1.jpg) left top no-repeat; width:285px; height:203px; float:right; margin:0; padding:0; border:0;}
div#quickSearch ul#quickMenu li {margin:0; padding:0; list-style:none; top:0;}
ul#quickMenu {width:203px; margin:0; padding:0;}
ul#quickMenu li, ul#quickMenu a {height: 27px; display: block; padding-left:0; padding-right:0;}
div#quickSearch ul#quickMenu li a {text-indent: -9999px; overflow: hidden; text-decoration: none;}

#residential a:link, #residential a:visited {background:url(/layout_images/buttons/catsearch_residential.jpg) left top no-repeat; width:285px;}
#commercial a:link, #commercial a:visited {background:url(/layout_images/buttons/catsearch_commercial.jpg) left top no-repeat; width:285px;}
#lotsland a:link, #lotsland a:visited {background:url(/layout_images/buttons/catsearch_lotsland.jpg) left top no-repeat; width:285px;}
#appraisals a:link, #appraisals a:visited {background:url(/layout_images/buttons/catsearch_appraisals.jpg) left top no-repeat; width:285px;}
#newcomm a:link, #newcomm a:visited {background:url(/layout_images/buttons/catsearch_newcomm.jpg) left top no-repeat; width:285px;}
#projmanagement a:link, #projmanagement a:visited {background:url(/layout_images/buttons/catsearch_projmanagement.jpg) left top no-repeat; width:285px;}
#propmanagement a:link, #propmanagement a:visited {background:url(/layout_images/buttons/catsearch_propmanagement.jpg) left top no-repeat; width:285px;}

#residential a:hover {background:url(/layout_images/buttons/catsearch_residential.jpg) left bottom no-repeat; width:285px;}
#commercial a:hover {background:url(/layout_images/buttons/catsearch_commercial.jpg) left bottom no-repeat; width:285px;}
#lotsland a:hover {background:url(/layout_images/buttons/catsearch_lotsland.jpg) left bottom no-repeat; width:285px;}
#appraisals a:hover {background:url(/layout_images/buttons/catsearch_appraisals.jpg) left bottom no-repeat; width:285px;}
#newcomm a:hover {background:url(/layout_images/buttons/catsearch_newcomm.jpg) left bottom no-repeat; width:285px;}
#projmanagement a:hover {background:url(/layout_images/buttons/catsearch_projmanagement.jpg) left bottom no-repeat; width:285px;}
#propmanagement a:hover {background:url(/layout_images/buttons/catsearch_propmanagement.jpg) left bottom no-repeat; width:285px;}


/* Content Section */
div#mainContent h2 {background:url(/layout_images/swirl_white.jpg) left center no-repeat; font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#4f3e33; margin:0; padding:5px 0 5px 18px; margin-top:10px;}
div#mainContent h3 {font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#4f3e33; margin:0; padding:0; margin-top:0;}

div#featuredProp {width:290px; float:left; height:385px; margin-top:10px; padding:0 10px 5px 0px;}
div#featuredProp h2 {background:url(/layout_images/swirl_white.jpg) left center no-repeat; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#4f3e33; margin:0; padding:5px 0 5px 18px; border-bottom:1px solid #ccc;}

div#latestNews {background:#f0f0f0; width:265px; float:left; height:385px; margin-top:10px; padding:0 10px 5px 10px;}
div#latestNews h2 {background:url(/layout_images/swirl_lgrey.jpg) left center no-repeat; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#4f3e33; margin:0; padding:5px 0 5px 18px; border-bottom:1px solid #ccc;}

div#propSearch {background:#e6e6e6; width:265px; float:left; height:385px; margin-top:10px; padding:0 10px 5px 10px;}
div#propSearch h2 {background:url(/layout_images/swirl_dgrey.jpg) left center no-repeat; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#4f3e33; margin:0; padding:5px 0 5px 18px; border-bottom:1px solid #ccc;}

.propertyMap {width:250px; height:340px; border-color:#cccccc; border-style:solid; border-width:thin; margin-top:10px; margin-left:8px;}
.title {background-color:#B1161C; color:#FFFFFF; text-align:left;}
.title a:link, .title a:visited {color:#FFFFFF;}
.title a:hover {color:#FFFFFF;}
.listingSearch1 input, .listingSearch1 option {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#444444;}
.redtext { color:#FF0000;}

/* Footer */
div#footer {background:url(/layout_images/footer_bg.jpg) left top repeat-x; padding:15px 10px 0; min-height:110px; margin-top:10px; text-align:center;}
div#footer p#footerNav1 {margin:0; padding:0; font-size:11px; color:#444444;}
div#footer p#footerNav1 a {font-size:11px; font-weight:bold;}
div#footer p#footerNav1 a:link, div#footer p#footerNav1 a:visited {color:#444444;}
div#footer p#footerNav1 a:hover {color:#b80000;}

div#footer p#footerNav2  {margin:10px 0 0; padding:0; font-size:11px; color:#444444}
div#footer p#footerNav2 a {font-size:11px; font-weight:normal;}
div#footer p#footerNav2 a:link, div#footer p#footerNav2 a:visited {color:#444444;}
div#footer p#footerNav2 a:hover {color:#b80000;}

div#footer p {font:18px "Times New Roman", Times, serif; font-weight:bold; color:#b80000;}

div#footer #address {float:left; font:11px "Times New Roman", Times, serif; font-weight:normal; color:#444444; line-height:14px;}
div#footer #copyright {float:right; font:11px "Times New Roman", Times, serif; font-weight:normal; text-align:right; color:#777777; line-height:14px;}

#title {
	position:relative;
	left:-10000px;
	margin:0px;
	padding:0px;
	height:0px;
}
/**contact form**/
.form { 
	margin: 10px; 
	padding: 5px; 
	background-color: #FFF; 
	border: #EEE 1px solid; }
.form label {
	 margin-right: 10px;
	 padding-right: 10px; 
	 width: 150px; 
	 display: block; 
	 float: left; 
	 text-align: right; 
	 position: relative;
	 font-weight:bold; 
}
.form fieldset div { 
	padding: 0.5em 0; 
}
.form div {
	padding:3px; 
}
.button {
	color:#0066FF;
}
.projectborder {
	padding: 3px 10px;
	border: thin solid #CCCCCC;
}
.projectphotoborder {
	padding: 3px;
	border-top: thin solid #CCCCCC;
	border-right: none;
	border-bottom: thin solid #CCCCCC;
	border-left: thin solid #CCCCCC;
}
.currentWeather {
	background-color:#ffffff;
	color:#ffffff;
	font-family:Tahoma;
	font-size:10px;
	border:1px solid #ffffff;
	width:160px;
}
.currentWeather table {
	font-size:10px;
	color:#B80000;
}
.currentWeather .location {
	background-color:#B80000;
	padding:3px 10px;
	font-weight:bold;
	text-align:center;
	font-size:10px;
}
.currentWeather .icon {
	text-align:center;
}
.currentWeather .temperature {
	font-size:10px;
	padding-left:25px;
	text-align:center;
	color:#B80000;
}
.currentWeather .description {
	font-weight:bold;
	color:#B80000;
}
.currentWeather .feelslike {
	font-weight:bold;
	padding-left:25px;
	color:#B80000;
}
.currentWeather .lastupdate {
	padding:10px;
}
