/* COLORS:
 * BF2E1B - Red: Headers, bold, body links, menu highlight
 * 696653 - Brown/Grey: Header background, body border
 * FFFFFF - Wite: Header text, menu text
 * 000000 - Body Text
 */
* { font-family: Arial, Helvetica, sans-serif; }

div#contentcenter { width: 800px; margin: 5px auto; }

div#header { height: 50px; width: 800px; padding: 0; background-color: #000; }
div#header img { position: relative; top: 0; left: 0; border: 0; }
div#header h1 { position: relative; top: -1.8em; font-size: 1.3em; color: #BF2E1B; font-variant: small-caps; text-align: right; margin: 0; padding: 0 10px 0 0; }
div#header p { position: relative; top: -6em; font-size: .8em; color: #FFF; font-weight: bold; text-transform: uppercase; text-align: right; margin: 0; padding: 0 10px 0 0; }

/* -- Menu Code, see http://www.tanfa.co.uk/css/examples/menu/hs7.asp -- */
#menu { width: 800px; background: #eee; float: left; margin: 0; padding: 0; position: relative; }
#menu ul { list-style: none; margin: 0 0 0 5px; padding: 0; float: left; }
#menu ul.top { padding: 0 7px; }
#menu a, #menu li { font-weight: bold; font-size: 13px; display: block; margin: 0; color: #696653; }
#menu a { color: #696653; background: #eee; text-decoration: none; }
#menu a:hover { color: #BF2E1B; background: #fff; }
#menu li {position: relative; padding: 0 4px;}
#menu ul ul { position: absolute; z-index: 500; width: 15em; } 
#menu ul ul li { border-left: solid 1px #000; border-right: solid 1px #000; background: #fff; padding: 0 4px; }
#menu ul ul li a { background: #fff; color: #BF2E1B; }
#menu ul ul li a:hover { background: #eee; color: #696653; }
#menu ul ul ul { position: absolute; top: 0; left: 100%; }
div#menu ul ul, div#menu ul li:hover ul ul {display: none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul:hover, div#menu ul li:hover {display: block;}
div#menu ul ul li:hover { background: #fff; }
#menu ul a img { float: left; width: 16px; height: 16px; border: 0; position: absolute; left: 0; }
/* -- End Menu Code -- */

div#headerimg { width: 800px; height: 425px; margin: 0; padding: 0; }
div#headerimg img { border: 0; }

div#content { width: 800px; margin-top: 1em; clear: both;}
div#content h2 { font-size: 1.4em; color: #BF2E1B; text-align: center; }
div#content p { font-size: .8em; font-style: oblique; color: #696653; }
div#content p a:hover { text-decoration: underline; }
div#content p a { text-decoration: none; color: #BF2E1B; }
div#content h3 { font-size: 1.1em; color: #BF2E1B; font-style: oblique; }
div#content ul, div#content ol { font-size: .8em; color: #696653; font-style: oblique; }

#content.sellers { z-index: 1; background-image: url('../images/sellers.jpg'); background-repeat: no-repeat; background-color: #5c5461; padding-top: 280px; padding-bottom: 20px; /*position: relative;*/ }
#content.buyers { z-index: 1; background-image: url('../images/buyers.jpg'); background-repeat: no-repeat; background-color: #627B1F; padding-top: 325px; padding-bottom: 20px; }
#content.construction { z-index: 1; background-image: url('../images/homeconstruction.jpg'); background-repeat: no-repeat; background-color: #835349; padding-top: 170px; padding-bottom: 5px; }

#decmenuleft { float: left; width: 160px; margin: 0 0 0 5px; padding: 0; /*left: -40px; position: absolute; */}
#decmenuleft ul { list-style: none; margin: 0; padding: 0; }
#decmenuleft a, #decmenuleft li { font-weight: bold; font-size: 13px; display: block; margin: 0; color: #696653; }
#decmenuleft a { color: #696653; background: #eee; text-decoration: none; }
#decmenuleft a:hover { color: #BF2E1B; background: #fff; text-decoration: none; }
#decmenuleft li {position: relative; padding: 0 4px;}
#decmenuleft li.heading { font-size: 15px; font-style: normal; font-weight: bold; color: #BF2E1B;}
#deccontent { float: none; padding: 0 5px; margin: 0 5px 0 175px; background-color: #fff; border: #000 solid 1px; min-height: 300px;}
#deccontent p { margin-top: 0; padding-top: 0; }
#deccontent.construction { margin: 0 5px 0 5px; }
#deccontent form { color: #696653; position:relative; padding-bottom: 30px; }
#deccontent form label { display: inline; }
#deccontent form input { }
#deccontent form span.row { display: block; padding-bottom: 5px; }
#deccontent form label.top { display: block; }

div.agentrow { clear: both; padding: 10px 0 10px 0; }

div.agentlarge { width: 240px; display: inline; float: left; margin: 0 5px; padding: 2px; border: outset #eee;}
div.agentlarge img { max-width: 240px; margin: 0 auto; }
div.agentlarge p { padding: 0; margin: 0; text-align: center; }

div.agentsmall { width: 180px; display: inline; float: left; margin: 0 3px; padding: 2px; border: outset #eee;}
div.agentsmall img { max-width: 184px; margin: 0 auto; }
div.agentsmall p { padding: 0; margin: 0; text-align: center; }

div#footer { clear: both; width: 800px; background-color: #000; color: #BF2E1B; text-align: center; margin: 1em 0; font-size: .8em; font-weight: bold; padding: 0; }
div#footerhome { width: 800px; background-color: #000; color: #BF2E1B; text-align: center; margin: 2em 0 0 0; font-size: .8em; font-weight: bold; padding: 0; }
div#footer p, div#footerhome p { position: relative; padding: 0; margin: 0; color: #FFFFFF; }
div#footer a, div#footerhome a { color: #BF2E1B; text-decoration: none; color: #FFFFFF; }
div#footer a:hover, div#footerhome a:hover { color: #BF2E1B; text-decoration: underline; }
div#footer a:visited, div#footerhome a:visited { color: #BF2E1B; }

div.printablefiles { width: 250px; float: right; }
div.developmentdetails { margin-right: 260px; }

div.map { width: 250px; float: right; padding: 0; margin: 0;}
div.map h3 { padding: 0; margin: 0;}
div.map a:hover { text-decoration: underline; }
div.map a { text-decoration: none; color: #BF2E1B; }
div.pricelist { margin-right: 260px; width: 540px; }
div.pricelist a:hover { text-decoration: underline; }
div.pricelist a { text-decoration: none; color: #BF2E1B; }
div.pricelist p { font-size: .8em; font-style: oblique; color: #696653; }

.fright { float: right; }
.imgstyle1 { width: 300px; padding: 2px; }
.fleft { float: left }
.imgstyle2 { padding: 2px; }
.centered { margin: 0 auto; text-align: center;}
.aright { position: absolute; right: 5px; }
.abottom { position: absolute; bottom: 5px; }
img.dev { max-width: 640px; }
.block { display: block; }
.nospace { padding: 0; margin: 0; }
.small { font-size: small; }
.menu p { font-size: .8em; font-style: oblique; color: #696653; }
.menu p a:hover { text-decoration: underline; }
.menu p a { text-decoration: none; color: #BF2E1B; }
.imgmargin { margin-left: 250px; }
div.imagemenu { margin-left: 648px; width: 150px; border: #000 solid 1px; padding: 0; }

.thumbs { width: 150px; border: 0; height: 338px; margin: 0; padding: 0; }

.box { /*background: #EEEEEE; */ }
.boxtop { background: url(../images/cornr/ne.gif) no-repeat top right; }
.boxtop div { font-size: 0; height: 20px; background: url(../images/cornr/nw.gif) no-repeat top left; }
.boxtop div div, .boxbottom div div { margin: 0 20px; background: #eee; }
.boxbottom { background: url(../images/cornr/se.gif) no-repeat bottom right; }
.boxbottom div { font-size: 0; height: 20px; background: url(../images/cornr/sw.gif) no-repeat bottom left; }
.boxcontent { padding: 0px 20px; background: #eee; }

