/*
=============================================================================================

Dee and Doreen
General Layout Style Sheet

Created by Delaware.Net
http://www.delaware.net
Copyright 2007

=============================================================================================
*/


/* General
========================================== */
body {background:#dfdfe0; font:11px Arial, Helvetica, sans-serif; color:#444; margin:0;}

#h_one {position: relative; font-size:0px; left: -99999px; margin:0px; padding:0px;}

a {outline-style:none;} /* Removes dotted lines around links when active */
a:link {color:#444; text-decoration:underline;}
a:visited {color:#444; text-decoration:underline;}
a:hover {color:#444; text-decoration:none;}

img {border:none;}
strong {font-weight:bold;}
input, textarea {background:#ccc; border:1px solid #444;}

ul#access {display: none;} /* Use to add jump link to main content and navigation for screen readers */
.thumbnail {padding:3px; margin:3px; border:1px solid #444; background:#ccc;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Layout
========================================== */

#wrapper {margin:0 auto; width:858px;}
#navSub h1 {margin:0; padding:0;}
#navSub h1 a {background:url(/img/layout/logo.png) top left no-repeat; width:336px; height:59px; text-indent:-9999px; display:block; overflow:hidden; position:absolute; left:0px; top:10px; z-index:10; margin:0;}
#navSub h2 {margin:0; padding:0;}
#navSub h2 a {color:#838282; font:18px Arial, Helvetica, sans-serif; text-decoration:none; top left no-repeat; position:absolute; left:24px; top:70px; z-index:10; margin:0;}

/*=== Header ===*/


#navSub {width:858px; height:49px; background:url(/img/layout/subnav_bg.jpg) top right no-repeat; display:block; position:relative; z-index:1002; margin:0;}
#navSub ul {position:absolute; right:15px; top:15px; margin:0; padding:0;}
#navSub ul li {list-style:none; float:left; display:inline; font:11px Arial, Helvetica, sans-serif; padding:0 3px 0 0; margin:0; border-right:#f6ecd9 1px solid; }
#navSub ul li a {color:#f6ecd9; font:10px Arial, Helvetica, sans-serif; text-decoration:none; padding:0px 0px 0px 5px;}
#navSub ul li.end {border:none;}
#navSub2 ul li {padding:0px 0px 0px 15px;}
#navSub2 ul li a {color:#333333;}


#header {background:url(/img/layout/header_bg.jpg) top left no-repeat; width:858px; height:218px; display:block; margin:0; position:relative;}
#quick_search {background:url(/img/layout/quicksearch.png) top left no-repeat; width:220px; height:265px; display:block; position:absolute; left:25px; top:25px; padding:40px 15px 0 15px; z-index:1000;}

/*=== Navigation ===*/
/* MAIN */
#navMain { position:relative; background:url(/img/layout/mainnav_bg.jpg) top left no-repeat; width:858px; height:55px; display:block; position:relative; z-index:1001;}

#mainNav {width:858px; height:55px; background:url(/img/layout/mainnav_bg.jpg);  z-index:1000; }
#mainNav ul {padding:0px 0px 0 10px; margin:0 0 0 10px; list-style:none; float:right; }

#mainNav li {float:left; display:inline; line-height:55px; list-style:none; position:relative;  background:url(/img/layout/mainnav_divider.jpg) top right no-repeat;  padding:0px 7px 0px 0px;}
#mainNav li.end {background:none;}
#mainNav li a {height:35px; display:block; line-height:35px; color:#000; text-decoration:none; padding:20px 15px 0px 7px; float:left; font:12px Verdana, Arial, Helvetica, sans-serif;}
#mainNav li a:hover {color:#000; text-decoration:none;  position:static;}
#mainNav li.end a:hover {color:#ccc; text-decoration:none;}

#mainNav li ul {position:absolute; width:255px; left:-9999px; top:54px; padding:0; font-size:14px; z-index:100;}
#mainNav li:hover ul, #mainNav li.sfhover ul {left:-10px;}
#mainNav ul ul li {background-image:none;}
#mainNav ul ul li a {background-color:#B40050; background-image:none; width:225px; font-family:Helvetica, Arial, san-serif; color:#FFFFFF; height:25px; padding:5px 0px 0px 5px;}
#mainNav ul ul li a:hover {background-image:none; background-color:#ECECEC; color:#000;}
#mainNav ul ul li.end a {}
#mainNav ul ul li.end a:hover {background-image:none; background-color:#ECECEC; color:#000;}

#mainNav ul ul ul{display:none;}*/

#mainNav ul ul ul{display:none;}

/*=== Content ===*/
#content_wrapper {background:url(/img/layout/content_bg.jpg) top left repeat-y; width:858px;}
#content {background:url(/img/layout/gradient.jpg) bottom left repeat-x; width:850px; margin:0 0 0 1px;}
#column1 {margin:0 0 0 33px; padding:90px 0 0 0; width:206px; float:left;}
#column2 {margin:0 0 0 30px; padding:0 0 0 0; float:left;}
#column3 {margin:0 0 0 20px; padding:20px 0 0 0; float:left;}
#main {width:500px; height:auto; margin:0 0 0 20px; display:block; padding:10px 0 0 0; position:relative;}

#scrolly {height:590px; overflow:auto; width:200px; margin:0px; padding:0px;  float:right;}

#main h2 {background:url(/img/layout/red_arrow2.gif) left center no-repeat; font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#7f0e28; padding:0 0 0 20px; margin:15px 0 15px 0;}

.contenttoplink {position:absolute; top:-50px; right:0px; text-align:right;}
#treePageDetailsBreadcrumbsWrapper {padding:5px 0px 0px 0px;}

#detailWrapper { position:relative; margin:0 0 0 30px; padding:0 0 0 0; float:left;}
#treePageDetailsDescription {width:500px; height:auto; margin:0 0 0 20px; display:block; padding:0px 0 0 0; position:relative;}
#listWrapper { position:relative; margin:0 0 0 30px; padding:0 0 0 0; float:left;}
#pageList {width:500px; height:auto; margin:0 0 0 20px; display:block; padding:0px 0 0 0; position:relative;}
.docWizSection {width:500px; height:auto; margin:0 0 0 20px; display:block; padding:0px 0 0 0; position:relative;}
#treePageDetailsTitle {background:url(/img/layout/red_arrow2.gif) left center no-repeat; font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#7f0e28; padding:10px 0 0 20px; margin:15px 0 15px  20px;}
#pageListHeader {background:url(/img/layout/red_arrow2.gif) left center no-repeat; font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#7f0e28; padding:10px 0 0 20px; margin:15px 0 15px  20px; text-align:left;}
#pageDetailsTitle {background:url(/img/layout/red_arrow2.gif) left center no-repeat; font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#7f0e28; padding:10px 0 0 20px; margin:15px 0 15px  20px; text-align:left;}
#pageDetailsDescription{width:500px; height:auto; margin:0 0 0 20px; display:block; padding:0px 0 0 0; position:relative;}
#pageDetailsDate {font-size:14px; font-weight:bold;}
#pubRealEstateResultsWrapper { position:relative; margin:0 0 0 30px; padding:0 0 0 0; float:left;}
#pubRealEstateForm{width:500px; height:auto; margin:0 0 0 20px; display:block; padding:0px 0 0 0; position:relative; }
#pubRealEstateResults {width:500px; height:auto; margin:0 0 0 20px; display:block; padding:0px 0 0 0; position:relative; }
#pubRealEstateResults thead tr td{width:500px;}
#pubRealEstateDetailWrapper {width:500px; height:auto; margin:0 0 0 20px; display:block; padding:0px 0 0 0; position:relative;}
#pubRealEstateAttributesWrapper {width:520px;}
#pubRealEstatePageDetailsTitle {background:url(/img/layout/red_arrow2.gif) left center no-repeat; font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#7f0e28; padding:10px 0 0 20px; margin:15px 0 15px  0px;}


#agent_box {margin:0 0 0 0; padding:0px 0 0 0; }

#navSub2 {padding:10px 0 0px 0px; z-index:999999; background:url(/img/layout/nav2.png) no-repeat; height:332px;}
#navSub2 ul {margin:0 0 0 10px; padding:10px 0 0 0;}
#navSub2 li {margin:8px 0 0 0; padding:0 0 0 20px; list-style:none; background:url(/img/layout/red_arrow_white_line.png) top left no-repeat; width:172px; height:53px; display:block;}
#navSub2 li p {font:11px Arial, Helvetica, sans-serif; margin:0; padding:0;}
#navSub2 li p.title a {font:15px Arial, Helvetica, sans-serif; margin:0; padding:0; color:#9f0627; text-decoration:none;}
#navSub2 li.last {background:url(/img/layout/red_arrow.gif) top left no-repeat;}

#open_house {background:url(img/layout/open_house.png)top left no-repeat; width:204px; height:79px; display:block;}

#intro {width:292px; height:120px; display:block; padding: 0 0 0 12px; margin:16px 0 0 0; position:relative; line-height:16px}

#news {width:292px; display:block; padding:28px 0 0 0; margin:25px 0 0 0; position:relative; min-height:190px; height:auto !important; height:190px;}
#news a {text-align:right; color:#f00}
#news p {padding:0 0 0 20px;}

#rental {min-height:140px; height:auto !important; height:140px;}

#maparea {padding:0 0 0px 0; margin:18px 0 0 0;}
#maparea a {text-decoration:none}

#truck {position:absolute; margin:114px 0 0 250px; z-index: 99999}
#trucktext {position: absolute; padding:70px 0 0 30px; z-index: 99999; text-align:center}

#featured {background:url(/img/layout/featured_bg.jpg) top left no-repeat; width:216px; height:715px; display:block; padding:55px 15px 0 15px;}
.title {font:16px Arial, Helvetica, sans-serif;}

/*Form*/

.contactLabel {font-weight:normal; font-size:12px; color:#444444; }
#contactForm .contactInput input {width:200px; border-color:#AFAFAF;  margin:5px 10px 5px 8px; background-color:#fff; }
#contactForm form textarea {width:307px; margin:5px 10px 10px 10px; border-color:#AFAFAF; background-color:#fff;}
#contactForm form select {width:233px;; border-color:#AFAFAF;}
#contactForm input:focus, #contactForm textarea:focus {background-color: #F2F2F2; border-color: #9F0629;}

/* MORTGAGE CALCULATOR */
#mortCalc {width:500px; border:0px solid #ddd; margin:0 auto; text-align:center;}
#mortCalc h4 {line-height:18px;}
#mortCalc legend {font:11px Arial, Helvetica, sans-serif; font-style:italic; padding:0 10px; color:#ffffff;}

/*Real Estate Pages Layout*/
#searchcontainer { padding:70px 20px 20px 20px;}
#searchcontainer .title {font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; padding:0 0 0 10px; margin:15px 0 15px 0; text-align:left;}
.title a{font-size: 11px;	font-weight: bold;	color: #ffffff;	text-align: left;	text-indent: 10pt;}
.virtTourSmallPicTab {color:#990000;}
#propDetailTitle { font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff;  }
th.title { font-size: 12px Verdana, Arial, Helvetica, sans-serif;; font-weight: bold;	color: #FFFFFF;	background-color: #990000;	text-align: left;	}
.searchtitle {background:url(/img/layout/red_arrow2.gif) left center no-repeat; font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#7f0e28; padding:0 0 0 20px; margin:15px 0 15px 0;}

/*Google Map*/
.propertyMap {width:500px; height:500px; border-color:#cccccc; border-style:solid; border-width:thin; margin-top:10px; margin-left:8px;}
.thinborder {text-align:left; width:100%;}

/*=== Footer ===*/
.home#footer {background:url(/img/layout/footer.jpg) top left no-repeat; width:858px; height:114px; position:relative; margin: -35px 0 0 0}

#footer {background:url(/img/layout/footer.jpg) top left no-repeat; width:858px; height:114px; position:relative; margin: 0 0 0 0; z-indent:-99999}
#footer h1 {width:125px; height:90px; position:absolute; left:716px; top:10px; margin:0; padding:0; display:block;}
#footer h1 a {width:125px; height:90px; display:block; text-indent:-9999px; overflow:hidden;}
#footer h2 {width:34px; height:34px; position:absolute; top:67px; left:5px; margin:0; padding:0; text-indent:-9999px; overflow:hidden;}
#footer h2 a {width:34px; height:34px; display:block; }
#footer h3 {font:10px Arial, Helvetica, sans-serif; position:absolute; left:742px; top:95px; z-index:10; margin:0;}

#navFooterWrapper {text-align:center; width:858px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; }
#navFooter {padding:10px;}
#navFooter ul { margin:0; padding:0; text-align:center; width:858px;}
#navFooter ul li {list-style:none; float:left; display:inline; font:11px Arial, Helvetica, sans-serif; padding:0 3px 0 0; margin:0; border-right:#000 1px solid; text-align:center; }
#navFooter ul li a {font:11px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; padding:3px;}
#navFooter ul li.end {border:none;}