/*----------------------------*/
/*----- UNIVERSAL STYLES -----*/
/*----------------------------*/

/*-----------------------------*/
/*--- APPLIES TO: ALL PAGES ---*/
body { /*-- Display body of house --*/
 margin: 0px;
 padding: 0px;
 background: #fff;
 font-family: Arial, serif;
 font-size: 16px;
 color: #000;
 background: #fff url('/images/layout/background.gif') repeat-y;
}
h1 {
  margin: 0 0 12px;
  text-align: center;
  color: #006;
}

h2.note {
  margin: 0 0 8px;
  text-align: center;
  color: #006;
  font-style: italic;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #009;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

li {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}

#header { /*-- Positions the top left corner of roof --*/
 position: absolute;
 margin: 0;
 padding: 0;
 top: 0;
 left: 0;
 width: 770px;
 height: 135px;
 background: #fff url('/images/layout/title.gif') no-repeat;
}

#menu { /*-- Display menu in top left corner of house outline --*/
 position: absolute;
 top: 15px;
 left: 5px;
 width: 220px;
}
#menu a {
 font-family: Times New Roman;
 font-size: 1.1em;
}
#menu_roof {
 margin: 0;
 padding: 0;
 width: 220px;
 height: 131px;
 background: url('/images/layout/menu_roof.gif') no-repeat;
}
#menu_roof a {
 position: absolute;
 display: block;
 margin: 82px 0 0 40px;
 padding: 18px 48px 10px 47px;
 border-bottom: 1px dashed #cc9;
 color: #000;
}
#menu_roof a:hover {
 padding: 18px 48px 8px 47px;
 background: url('/images/layout/menu_home_hover.gif') no-repeat;
 border-bottom: 2px solid #000;
}
#menu_bg {
 margin: 0;
 padding: 0;
 width: 220px;
 background: url('/images/layout/menu_bg.gif') repeat-y;
}
#menu_bg ul li {
 margin: 0;
 padding: 0;
}
#menu_bg a {
 display: block;
 margin: auto;
 padding: 5px 0;
 width: 140px;
 border-bottom: 1px dashed #cc9;
 text-align: center;
 color: #000;
}
#menu_bg a:hover {
 margin: auto;
 padding: 5px 0 4px;
 background: #d8d8a8;
 border-bottom: 2px solid #000;
}
#menu_bg img {
 margin: 2px;
 border: 0;
}
#menu_bg img:hover,
#menu_bg img.over {
 margin: 0;
 border: 2px solid #777;
}
#menu_base {
 margin: 0;
 padding: 0;
 width: 220px;
 height: 18px;
 background: url('/images/layout/menu_base.gif') no-repeat;
}
#footer { /*-- Display footer on the bottom --*/
 font-size: 11px;
 position: relative;
 text-align: right;
 height: 93px;
 width: 737px;
 margin: 0px 0px 0px -203px;
 padding: 0px;
 background-image:url(/images/layout/footer.gif);
 background-repeat:no-repeat;
 }
#footer_subdivisions { /*-- Display footer on the bottom --*/
 font-size: 11px;
 position: relative;
 text-align: right;
 height: 93px;
 width: 737px;
 margin: 100px 0px 0px -203px !important;
 padding: 0px;
 background-image:url(/images/layout/footer.gif);
 background-repeat:no-repeat;
 }
#footer em {
 float: right;
 font-style: normal;
 padding: 45px 80px 0 0;
 }
 #footer_subdivisions em {
 float: right;
 font-style: normal;
 padding: 45px 80px 0 0;
 }
 #advert { /*-- Display footer on the bottom --*/
 position: relative;
 margin: 40px 0 10px -180px;
 width: 100%;
 font-size: 11px;
 text-align:center;
 }
a.five:link {color: #636363; text-decoration: none}
a.five:visited {color: #636363; text-decoration: none}
a.five:hover {color: #000; text-decoration: underline}

/*-- Display content area below #title and to the right of #menu --*/
#content {
 position: absolute;
 margin: 0;
 padding: 15px 10px 0px 10px;
 top: 95px;
 left: 210px;
 width: 530px;
 z-index: 2;
 overflow: visible;
 background-image: url(/images/layout/content_bg.gif);
 background-repeat:repeat-y;
 background-position: 434px 0px;
}

#content div.note { /*-- Reminder that this is a verification page --*/
  margin: 8px;
  padding: 5px;
  background: #eee;
  border: 2px dotted #c00;
  font-size: 0.8em;
  font-weight: bold;
}

/*-- Fixes a 'bug' in Moz to stretch a floated DIVs container block --*/
#fixFF { clear: both; height: 1px; }
#fixFFr { clear: right; height: 1px; }
#fixFFl { clear: left; height: 1px; }

.error { /*-- Non-javascript errors --*/
 font-weight: bold;
 color: red;
}
/*--- end ALL PAGES ---*/
/*---------------------*/



/*------------------------------*/
/*--- APPLIES TO: ALL Tables ---*/
table { /*-- Center table --*/
  margin: auto;
  border: 1px solid #000;
  border-collapse: collapse;
  font-size: 0.8em;
}

/*-- All cells have 1px black border --*/
table th, table td {
  border: 1px solid #000;
  border-collapse: collapse;
}

/*-- Remove padding from table header --*/
table th {
  padding: 0;
  background: #006;
  color: #dde;
}

table th a {
  display: block;
  padding: 2px;
  background: #006;
  color: #dde;
}

/*-- Hover effect for header links (.over JS for IE) --*/
table th:hover a, table th.over a {
  background: #dde;
  color: #006;
}

/*-- Hover effect for rows (.over JS for IE) --*/
table tr:hover, table tr.over { background: #ccf; }

table.nohover tr:hover, table.nohover tr.over {
  background: none;
}

table td { /*-- Center text in all cells --*/
  padding: 0;
  text-align: center;
}

table td.nolink { padding: 2px 10px; }
table td.bbg { padding: 2px 6px; }

table td a { /*-- Links fill cells --*/
  display: block;
  padding: 2px 10px;
  color: #006;
}

/*-- Hover effect for links (.over JS for IE) --*/
table td a:hover, table td a.over {
  background: #006;
  color: #dde;
}
/*--- end ALL Tables ---*/
/*----------------------*/





/*-----------------------*/
/*----- USER STYLES -----*/
/*-----------------------*/

/*-------------------------------------------*/
/*--- APPLIES TO: Home/Subdivision Tables ---*/
/*-- Align text to the left in first column --*/
table.subdList td:first-child a,
table.homeList td:first-child a {
  padding: 2px 10px;
  text-align: left;
}
/*--- end Home/Subdivision Tables ---*/
/*-----------------------------------*/



/*---------------------------------------*/
/*--- APPLIES TO: Subdivision Details ---*/
#subInfo {
  margin: 0 0 12px 0;
  padding: 5px;
  border: 1px solid #88a;
  background: #d8d8a8;
  font-size: 0.8em;
  width: 508px;
}

#subInfo #details { position: relative; }
#subInfo #details h1 { /*-- Underline stretches right --*/
  position: relative;
  margin: 0;
  width: 360px;
  border-bottom: 1px solid #88a;
  text-align: left;
  color: #006;
}
#subInfo #details h1 span.price { /*-- Price range --*/
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #090;
}
#subInfo #details h2 { /*-- Align next to SM info box --*/
  margin: 0;
  text-align: right;
  font-size: 1.3em;
}
#subInfo #details #description { margin: -10px 0 0 10px; }
#subInfo #details #featurelist {
  
}

#subInfo #images { /*-- Random thumbnails --*/
  clear: both;
  text-align: center;
}
#subInfo #images img {
  margin: 5px 12px;
  padding: 8px;
  background: #eec;
  border: 1px solid #88a;
}

#subInfo #smInfo {
  float: right;
  margin: -6px -3px 5px 5px;
  width: 140px;
  border: 1px solid #88a;
  background: #eec;
  text-align: center;
}
html>body #subInfo #smInfo { margin-right: -6px; } /* fix IE bug */
#subInfo #smInfo p { /*-- "Site Manager" --*/
  margin: 0;
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  background: #88a;
}
#subInfo #smInfo img {
  margin: 5px 0 0 0;
  border: 1px solid #bbd;
}
#subInfo #smInfo ul { margin: 0 0 5px; }
#subInfo #smInfo li:first-child { /*-- Name --*/
  font-size: 120%;
  font-weight: bold;
}
.features_sect{
  margin: 0 auto 15px;
  padding: 0 0 10px;
  border: 1px solid #000;
  background: #FFF;
  text-align: center;
}
.features_sect h2 {
  margin: 0 0 2px;
  padding: 2px 0 2px;
  color: #0000CC;
  background-color:#FFF;
  border-bottom: 1px dashed #000;
  font-size: 2em;
}
div.featurelist {
overflow: hidden;
background-color: #FFF;
}

div.featurelist ul {
  float: left;
  margin: 0 0 0px 10px !important;
  margin: 0 0 0px 5px;
  width: 46%;
  padding: 4px;
  color:#FF0000;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  background-color: #FFF;
  list-style-image:url('/images/layout/bullets.gif');
  list-style-position:inside;
}
div.featurelist ul li {
  list-style-type: square;
  font-size: 0.8em;
  border-bottom: 1px solid #999;
  text-align: left;
  padding: 1px 0 1px 0;
  font-weight: bold;
  color:#000000;
  line-height: 16px;
}
div.featurelist li:before
{
content: url(/images/layout/bullets.gif)
}
/*--- end Subdivision Details ---*/
/*-------------------------------*/



/*--------------------------------*/
/*--- APPLIES TO: Home Details ---*/
#homeDetails { margin: 0 0 12px 0; }
#homeDetails .header {
  background-color: #e8e8b8;
  border: 1px solid #885;
  height: 1.4em;
  margin-bottom: 6px;
  font-size: 1.2em;
}
#homeDetails .header #model {
  float: left;
  padding: 2px 8px;
  font-weight: bold;
  color: #442;
}
#homeDetails .header #subd a {
  float: right;
  padding: 4px 10px 3px !important;
  padding: 4px 10px 4px;
  background-color: #663;
  border-left: 1px solid #885;
  font-size: 0.9em;
  color: #ffe;
}
#homeDetails .header #subd a:hover {
  background-color: #ffe;
  color: #663;
}

#homeDetails #details {
  clear: both;
  margin: -2px 0 0 0;
  padding: 0;
}

#homeDetails #details #floatDetails {
  float: right;
  width: 379px;
  margin: 0;
  padding: 0;
}

#homeDetails #details ul#pictures {
  padding: 8px;
}
#homeDetails #details ul#pictures li {
  display: inline;
  padding: 0 0 3px;
}
#homeDetails #details ul#pictures li a img { border: 1px dashed #88f; }
#homeDetails #details ul#pictures li a img:hover,
#homeDetails #details ul#pictures li a img.over {
  border: 1px solid blue;
}

#homeDetails #details h3 {
  width: 368px;
  margin: 0.4em 0 0;
  padding: 1px;
  text-align: center;
  font-weight: normal;
}

#homeDetails #details #virtualtour {
  width: 370px;
  margin: 4px 0 16px !important;
  margin: 4px 0 16px 4px;
  padding: 4px 4px 0;
  border: 1px dotted #aa6;
  background: #eec;
}
#homeDetails #details #virtualtour a {
  float: left;
  margin: 6px 12px !important;
  margin: 6px 9px;
  width: 160px;
  font-size: 0.8em;
  text-align: center;
}
#homeDetails #details #virtualtour a:hover {
  color: #800;
}
#homeDetails #details #virtualtour img {
  border: 1px solid #009;
  width: 164px;
  height: 82px;
}
#homeDetails #details #virtualtour img:hover {
  border: 1px solid #800;
}

#homeDetails #details #info {
  width: 362px;
  margin: 4px 0 16px !important;
  margin: 4px 0 16px 4px;
  padding: 4px 8px;
  font-size: 0.9em;
  background: #dd9;
  border: 1px solid #aa6;
}

#homeDetails #details #info #specs { margin: 5px; }
#homeDetails #details #info #specs ul#numbers { float: left; }
#homeDetails #details #info #specs ul#numbers li em {
  font-style: normal;
  font-weight: bold;
}
#homeDetails #details #info #specs ul#comments {
  float: left;
  margin: 0 0 0 10px;
  padding-left: 8px;
  border-left: 1px solid;
  font-size: 0.8em;
}

#homeDetails #details #info #description {
  position: relative;
  margin: 0;
  padding: 5px;
  background-color: #e8e8c8;
  border: 1px solid #aaa;
  font-size: 0.9em;
}

#homeDetails #details #contact {
  width: 368px;
  margin: 4px 0 16px !important;
  margin: 4px 0 16px 4px;
  padding: 8px 2px 0 8px;
  border: 1px dotted #aa6;
  background: #eec;
}
#homeDetails #details #contact img {
  float: left;
  margin: 0 10px 10px 0 !important;
  margin: 0 10px 0 0;
  border: 1px solid #000;
}
#homeDetails #details #contact ul { margin: 25px 0 0 0; }
#homeDetails #details #contact ul li:first-child { font-weight: bold; }
#homeDetails #details #contact ul li a { font-size: 0.9em; font-weight: normal; }
/*--- end Home Details ---*/
/*------------------------*/



/*-------------------------------------*/
/*--- APPLIES TO: Promotion Details ---*/
#proInfo {
  margin: 0 0 12px 0;
  padding: 5px;
  border: 1px solid #88a;
  background: #d8d8a8;
  font-size: 0.8em;
  width: 508px;
}

#proInfo #details { position: relative; }
#proInfo #details h1 { /*-- Underline stretches right --*/
  position: relative;
  margin: 0;
  border-bottom: 1px solid #88a;
  text-align: left;
  color: #006;
}
#proInfo #details #description { margin: -10px 0 0 10px; }
/*--- end Promotion Details ---*/
/*-----------------------------*/






/*------------------------*/
/*----- ADMIN STYLES -----*/
/*------------------------*/


/*-----------------------------*/
/*--- APPLIES TO: Main Page ---*/
.adminSection {
  margin: 0 auto 15px;
  padding: 0 0 10px;
  border: 1px solid #000;
  background: #d8d8a8;
  text-align: center;
}
.adminSection h2 {
  margin: 0 0 2px;
  padding: 2px 0 2px;
  background: #bb8;
  border-bottom: 1px dashed #000;
  font-size: 1.2em;
}
.adminSection table {
  margin: 10px auto 0;
  background: #e8e8d8;
}
.adminSection input { margin: 10px 0 0; }

/*--- Menu for all admin pages ---*/
ul.adminMenu {
  margin: 0 0 12px 0;
  padding: 0 0 3px 0;
  background: #bb8;
  border-top: 1px solid #664;
  border-right: 1px solid #664;
  border-bottom: 1px solid #664;
}
html>body ul.adminMenu { padding: 0 0 2px 0; } /* fix IE bug */
ul.adminMenu li {
  display: inline;
  margin: 0 -4px 0 0;
  padding: 0;
}
ul.adminMenu li a {
  padding: 2px 5px;
  border-left: 2px dotted #664;
  font-weight: normal;
  font-size: 0.8em;
  color: #006;
}
ul.adminMenu li a:hover {
  background: #cca;
  border-left: 2px dotted #000;
  border-bottom: 2px dotted #000;
  color: #000;
}
/*--- end Main Page ---*/
/*---------------------*/



/*-----------------------------*/
/*--- APPLIES TO: ALL Forms ---*/
form {
  margin: 0;
  padding: 10px 10px 10px;
  background: #d8d8a8;
  border: 1px solid #000;
  font-size: 0.9em;
}

form#formNewHome { height: 615px; }
form#formEditHome { height: 430px; }

html>body form#formNewSubdivision,
html>body form#formEditSubdivision
{ height: 420px; }
form#formNewSubdivision,
form#formEditSubdivision
{ height: 400px; }

form h2 { /*-- Form title --*/
  position: relative;   /*-- fixes IE float bug -> invisible header --*/
  margin: 0 0 15px 0;
  border-bottom: 2px solid #000;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.625em;
  text-align: right;
  color: #000;
}

form .row { /*-- 'Table' row --*/
  display: block;
  margin: 4px 0;
  padding: 0;
}

form .row span.label {
  float: left;
  margin: 4px 5px 0 0;
  width: 100px;
  text-align: right;
}

form#formEditSM .row span.label {
  width: 50px;
}

form ul.hList { margin: 0 0 5px 0; }

form ul.hList li { /*-- Makes the list horizontal --*/
  display: inline;
  margin-right: 16px;
}

form ul.vList li { margin: 0 0 0 20px; }
form ul.vList li span { width: 120px; }

form a#image {
  float: left;
  width: 110px;
}
form a#image.wide {
  float: left;
  width: 200px;
}
form a#image .caption {
  display: block;
  margin: 0 0 0 2px;
}
form a#image img { border: 1px solid #aac; }
form ul#info { position: relative; }

form input.bottomRight {
  position: absolute;
  bottom: 20px;
  right: 25px;
}

form.picture {
  float: left;
  margin: 6px 8px;
  padding: 10px 10px 0 10px;
  background: #eec;
  border: 1px solid #664;
}
form.picture img {
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #aac;
}
form.picture input {
  display: block;
  margin: 0 0 12px 0;
}
/*--- end ALL Forms ---*/
/*---------------------*/



/*------------------------------------*/
/*--- APPLIES TO: Edit Homes Table ---*/
/*-- Increase header padding --*/
table.home_edit th { padding: 2px; }

/*-- Align text to the left in first column --*/
table.home_edit td:first-child a {
  padding: 2px 25px 2px 10px;
  text-align: left;
}
/*--- end Edit Homes Table ---*/
/*----------------------------*/



/*-----------------------------------*/
/*--- APPLIES TO: Edit Home Forms ---*/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*--- end Edit Home Forms ---*/
/*---------------------------*/



/*---------------------------------*/
/*--- APPLIES TO: Edit SM Table ---*/
/*-- Increase header padding --*/
table.sm_edit th { padding: 2px; }

/*-- Align text to the left in first column --*/
table.sm_edit td:first-child {
  padding: 2px 25px 2px 10px;
  text-align: left;
}
/*--- end Edit SM Table ---*/
/*-------------------------*/



/*---------------------------------*/
/*--- APPLIES TO: Edit SM Forms ---*/

/*--- end Edit SM Forms ---*/
/*-------------------------*/



/*-------------------------------*/
/*--- APPLIES TO: New SM Form ---*/
/*--- end New SM Form ---*/
/*-----------------------*/



/*------------------------------------------*/
/*--- APPLIES TO: Edit Subdivision Table ---*/
/*-- Increase header padding --*/
table.subd_edit th { padding: 2px; }

/*-- Align text to the left in first column --*/
table.subd_edit td:first-child a {
  padding: 2px 25px 2px 10px;
  text-align: left;
}
/*--- end Edit Subdivision Table ---*/
/*----------------------------------*/



/*------------------------------------------*/
/*--- APPLIES TO: Edit Subdivision Forms ---*/
/*--- end Edit Subdivision Forms ---*/
/*----------------------------------*/



/*----------------------------------------*/
/*--- APPLIES TO: New Subdivision Form ---*/
/*--- end New Subdivision Form ---*/
/*--------------------------------*/


/*--- APPLIES TO: Main Info ---*/
object {margin: 0 0 0 20px;}

Text {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
border: 1px dashed #000;
}


/*----------------------------*/
/*--- APPLIES TO: Area Map ---*/
#mapSubList {
 position: relative;
 top: 5px;
}

#mapSubList h4 {
 margin: 0 0 0 10px;
}
#mapSubList h5 {
font-size:10px;
margin: 5px 0 6px 10px;
}
#mapSubList ol li {
 font-weight:normal;
 display: list-item;
 list-style-type: decimal;
 text-decoration:none;
 border-bottom: 1px solid #000;
}
#mapSubList ol li a {
text-decoration:none;
font-size: 70%;
font-style:normal;
display: inline;
border-left: 1px solid #000;
padding: 0 5px 0 5px;
margin: 0 0px 0 0px;
}
#mapSubList ol li a:hover{
background-color:#D8D8A8;
}

#mapImage {
 position: relative;
 left: -170px;
 border: none;
 z-index: 3;
 text-align: right;
}

#mapImage h2 {
 margin: 0;
 text-align: right;
}
#mapImage img {
 border: 1px solid #000;
}

div.areamap {
  margin: 0 0 0 0px;
  border: 3px solid #000;
  background: #d8d8a8;
  border: 1px solid #000;
  width: 510px;
}
div.areamap li{
  padding: 0 0 0 10px;
  font-weight: bold;
  background: #B3B38E;

}
div.areamap li em{
padding: 0 5px 0 0;
font-weight:bold;
font-size:12px;
}
/*********** Homes Available  */
div.homes {
  padding: 2px;
  background: #d8d8a8;
  border: 1px dashed #000;
  font-size: 0.9em;
}
table.avail {
  table-layout: fixed;
  margin: 0px 0px 35px 10px;
  border: 3px solid #000;
  padding: 2px;
  background: #B3B38E;
  border: 1px solid #000;
  font-size: 0.75em;
  width: 520px;
}
table.avail col.block { width: 40px; }
table.avail col.address { width: 130px; }
table.avail col.model { width: 120px; }
table.avail col.sqft { width: 45px; }
table.avail col.bedbath { width: 45px; }
table.avail col.price { width: 65px; }
table.avail tr {
  height: 1em;
}
table.avail td {
  padding: 2px;
  overflow: hidden;
}
table.avail td div {
  height: 1em;
  overflow: hidden;
}
table.avail td.link {
  padding: 0;
}
table.avail td a {
  font-weight: normal;
  padding: 2px;
}
table.avail td a:hover {
  background: none;
  color: #000;
  text-decoration: underline;
}
#homesAvailable {
  margin: 10px 0px 0px 0px;
  background: url('/images/layout/bgAvailableNow.jpg') right top no-repeat !important;
}
#homesAvailable h1 {
  position: relative;
  float: left;
  margin: 0 0 0 10px !important;
  margin: 0 0 0 10px;
  padding: 10px 3px 3px 3px;
  border-bottom: 2px solid;
  width: 350px;
  font-size: 1.8em;
  text-align: left;
}
#homesAvailable h3 {
  position: relative;
  margin: 0;
  padding: 0 0 0 10px;
}
#homesAvailable p {
  position: relative;
  margin: 0;
  padding: 10px;
}
#homesAvailable .smInfo {
  margin: 10px;
  float: right;
  width: 140px;
  text-align: right;
}
#homesAvailable .smInfo img {
  border: 1px solid #774;
}
#homesAvailable .smInfo ul {
  margin: 0;
  font-size: 0.8em;
  font-weight: bold;
}
#homesAvailable .subInfo {
}
/** Go-Bolt  */
div.go_head {
width: 100%;
border-bottom: 1px dashed #000;
text-align:center;
}
div.go_main {
margin: 3px 0 0 0;
width: 100%;
border: 1px solid #000;
background:#fff;
text-align:center;
overflow: hidden;
}
#LastUpdated{
font-size:11px;
text-align: right;
font-weight: bold;
border-bottom: 1px solid #333;
}

#main {
	position:absolute;
	left: -184px;
	border-top: 1px solid #000;
	width: 700px;
	top: 390px;
	margin-top: 10px;
	padding-top: 10px;
}

#home_text {
float: right;
width: 260px;
}
#home_text2 {
text-align: center;
margin: 10px auto;
padding: 10px;
width: 230px;
border: 1px solid #000;
font-weight:bold;
}
#promo {
text-align: center;
margin: 20px auto;
padding: 10px;
width: 200px;
border: 1px solid #000;
font-weight:bold;
font-size: 18px;
}

#main object {
float:left;
}