/************************************************************************************************************************/
/* RESET THE CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0pt none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; outline-color:invert; outline-style:none; outline-width:0pt; padding:0pt; vertical-align:baseline; }
table { border-collapse:separate; border-spacing:0pt; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
strong { font-weight:bold; }
em { font-style:italic; }
* { margin:0pt; padding:0pt; }
a { outline: none; }

/************************************************************************************************************************/
/* TEXT FORMATTING STYLES */
.bold { font-weight: bold; }
.error { font-weight: bold; color:#FF0000;}
.success { font-weight: bold; color:#0000FF;}
h1 { color: #7C4938; font-size: 12px; font-weight: bold; border-bottom: solid 1px #898675; margin: 14px 25px 11px 20px; padding-left: 5px; }
h1.title { color: #7C4938; font-size: 15px; font-weight: bold; border: none; margin: 5px 25px 0px 14px; padding: 0px; }
h2 { color: #7C4938; font-size: 11px; font-weight: bold; margin: 7px 14px 0px 15px; padding-left: 7px; }
h3 { color: #7C4938; font-size: 12px; font-weight: bold; padding: 10px 0px 8px 0px; }
h4 { color: #898675; font-size: 12px; font-weight: bold; padding: 0px 0px 0px 5px; }
p { color: #898675; font-size: 11px; line-height: 18px; padding-bottom: 9px; }
#inside-cont.content #right p, #inside-cont.communities #right #details p, #models-overview p, #select-community p, #details p { color: #ffffff; }
#details-cont p { line-height: 12px; }
p#copyright { font-size: 11px; color: #ffffff; font-weight: bold; }
a { color: #898675; text-decoration: underline; }
a:hover { color: #686554; text-decoration: none; }
#details a { color: #ffffff; text-decoration: underline; }
#details a:hover { color: #F3EFDB; text-decoration: none; }


/************************************************************************************************************************/
/* WRAPS THE ENTIRE PAGE */
body { background: url(../images/bg-page.jpg) repeat; font-family: Arial, Helvetica, sans-serif; }
#wrapper { margin: 0 auto; width: 860px; padding-top: 28px; }
#bg-top { background: url(../images/bg-top.png) no-repeat; float: left; width: 860px; height: 24px; }
* html #wrapper #bg-top { behavior: url(../images/iepngfix.htc); float: left; width: 860px; height: 24px; }
#bg-main { background: url(../images/bg-main.jpg) repeat-y; float: left; width: 860px; }
#bg-bottom { background: url(../images/bg-bottom.png) no-repeat bottom; float: left; width: 860px; height: 24px; }
* html #wrapper #bg-bottom { behavior: url(../images/iepngfix.htc); float: left; width: 860px; height: 24px; }
#container { padding: 0px 30px 0px 30px; }

/************************************************************************************************************************/
/* MODEL LIST SLIDER (PHOTO GALLERY / MODEL HOMES) */
#slider-container { padding: 0px 22px 0px 22px; }
#panel { background: #514E40; height: 170px; width: 816px; display: none; }
#slider-select-models { padding-left: 10px; }
#slider-select-models a { background: url(../images/nav-but-slider.jpg) no-repeat; float: left; width: 105px; height: 23px; }
#slider-select-models a.active { background: url(../images/nav-but-slider-down.jpg) no-repeat; }
#select-models { background: url(../images/bg-slider-nav.jpg) repeat-y; float: left; width: 800px; height: 156px; padding-left: 12px; margin: 5px 0px 0px 7px; }
* html #select-models { padding-left: 6px; margin-left: 4px; }
h2#cont-slider-nav { background: url(../images/cont-slider-nav.jpg) no-repeat 0px 16px; height: 30px; }
/* MODEL SLIDER LIST STYLES */
ul.model-slider-list { float: left; width: 140px; font-size: 11px; list-style: none; text-align: center; }
ul.model-slider-list li { color: #ffffff; padding-bottom: 4px; }
ul.model-slider-list li a { color: #ffffff; text-decoration: none; }
ul.model-slider-list li a:hover { text-decoration: underline; }

/************************************************************************************************************************/
/* HEADER STYLES */
#header { float: left; width: 800px; margin-bottom: 10px; }
#header.no-slider { padding-top: 17px; }
#logo { float: left; width: 177px; height: 84px; padding: 0px 0px 0px 305px; }
#logo-25-years { float: left; width: 100px; height: 48px; padding: 14px 0px 0px 200px; }

/************************************************************************************************************************/
/* TOP NAVIGATION STYLES */
#nav { background: url(../images/bg-nav.jpg) repeat-x; float: left; width: 784px; height: 39px; padding: 0px 8px 0px 8px; }
ul#nav-top { float: left; width: 708px; list-style: none; margin-top: 4px; margin-left: 60px; }
* html ul#nav-top { margin-left: 30px; }
ul#nav-top li { float: left; height: 33px; list-style: none; }
ul#nav-top li a { float: left; height: 33px; }
/* LIST STRUCTURE */
ul#nav-top li#communities { background: url(../images/nav-communities.jpg) no-repeat; width: 107px; margin-right: 10px; }
ul#nav-top li#design-studio { background: url(../images/nav-design-studio.jpg) no-repeat; width: 107px; margin-right: 12px; }
ul#nav-top li#parade-homes { background: url(../images/nav-parade-homes.jpg) no-repeat; width: 120px; margin-right: 12px; }
ul#nav-top li#model-homes { background: url(../images/nav-model-homes.jpg) no-repeat; width: 104px; margin-right: 12px; }
ul#nav-top li#gallery { background: url(../images/nav-gallery.jpg) no-repeat; width: 72px; margin-right: 14px; }
ul#nav-top li#about-us { background: url(../images/nav-about-us.jpg) no-repeat; width: 76px; }
/* LINK STRUCTURE */
ul#nav-top li#communities a { background: url(../images/nav-communities.jpg) no-repeat; width: 107px; }
ul#nav-top li#design-studio a { background: url(../images/nav-design-studio.jpg) no-repeat; width: 107px; }
ul#nav-top li#parade-homes a { background: url(../images/nav-parade-homes.jpg) no-repeat; width: 120px; }
ul#nav-top li#model-homes a { background: url(../images/nav-model-homes.jpg) no-repeat; width: 104px; }
ul#nav-top li#gallery a { background: url(../images/nav-gallery.jpg) no-repeat; width: 72px; }
ul#nav-top li#about-us a { background: url(../images/nav-about-us.jpg) no-repeat; width: 76px; }
/* LINK HOVER STRUCTURE */
ul#nav-top li#communities a:hover { background: url(../images/nav-communities-over.jpg) no-repeat; }
ul#nav-top li#design-studio a:hover { background: url(../images/nav-design-studio-over.jpg) no-repeat; }
ul#nav-top li#parade-homes a:hover { background: url(../images/nav-parade-homes-over.jpg) no-repeat; }
ul#nav-top li#model-homes a:hover { background: url(../images/nav-model-homes-over.jpg) no-repeat; }
ul#nav-top li#gallery a:hover { background: url(../images/nav-gallery-over.jpg) no-repeat; }
ul#nav-top li#about-us a:hover { background: url(../images/nav-about-us-over.jpg) no-repeat; }
/* LINK HIGHLIGHT STRUCTURE */
ul#nav-top li#communities a.highlight { background: url(../images/nav-communities-over.jpg) no-repeat; }
ul#nav-top li#design-studio a.highlight { background: url(../images/nav-design-studio-over.jpg) no-repeat; }
ul#nav-top li#parade-homes a.highlight { background: url(../images/nav-parade-homes-over.jpg) no-repeat; }
ul#nav-top li#model-homes a.highlight { background: url(../images/nav-model-homes-over.jpg) no-repeat; }
ul#nav-top li#gallery a.highlight { background: url(../images/nav-gallery-over.jpg) no-repeat; }
ul#nav-top li#about-us a.highlight { background: url(../images/nav-about-us-over.jpg) no-repeat; }

/************************************************************************************************************************/
/* ALL PAGES DEFAULT STYLES FOR TEMPLATES */
#inside-cont { float: left; width: 800px; border-top: solid 3px #898675; }
#left { float: left; width: 490px; }
#right { float: left; width: 310px; }
.text-left { float: left; padding: 0px 35px 0px 35px; }
.text-right { float: left; padding: 0px 30px 0px 30px; }

.house-name { float: left; width: 100px; font-weight: bold; }
.home-pages { width: 420px; padding-top: 7px; }
.home-pages p { padding-bottom: 7px; }
.lt-home-pages { float: left; width: 205px; }
.rt-home-pages { float: left; width: 204px; border-left: dashed 1px #B5AC86; padding-left: 10px; }

* html .text-right { padding: 0px 0px 0px 30px; }
* html #add-cont.text-right { padding: 0px 0px 0px 30px; }
* html #add-text.text-right { padding: 0px 45px 0px 30px; }
/************************************************************************************************************************/
/* HOME PAGE STYLES */
#flash-home { float: left; width: 800px; height: 434px; border-top: solid 3px #898675; border-bottom: solid 3px #898675; }

/************************************************************************************************************************/
/* CONTENT PAGE STYLES */
.content { background: url(../images/bg-content.jpg) repeat-y; float: left; width: 800px; height: 100%; }
#design-studio-cont.content { height: 437px; }
#parade-homes-cont.content { min-height: 437px; }
#model-homes-cont.content { min-height: 437px; }
#gallery-cont.content { height: 437px; }
#inside-cont.content #left { width: 490px; }
#inside-cont.content #right { width: 310px; }
/* CREATES THE LINE CONTAINER */
h2#cont-content { background: url(../images/cont-content.jpg) no-repeat 0px 16px; height: 30px; }

/************************************************************************************************************************/
/* MAP PAGE STYLES */
.communities { background: url(../images/bg-map.jpg) repeat-y; float: left; width: 800px; }
#inside-cont.communities #left { width: 490px; }
#inside-cont.communities #right { width: 310px; }
/* MAP POSITION */
#map-gallery { background: url(../images/map-bg-png.png) no-repeat; position: relative; width: 480px; height: 500px; list-style: none; margin: 12px 0px 0px 10px; }
* html #map-gallery { behavior: url(../images/iepngfix.htc); position: relative; width: 480px; height: 500px; margin-left: 5px; }
li .area { width: 26px; height: 25px; position: absolute; }

a#map-area1, a#map-area2, a#map-area3, a#map-area4, a#map-area5, a#map-area6, a#map-area7, a#map-area8, a#map-area9, a#map-area10, a#map-area11, a#map-area12, a#map-area13, a#map-area14, a#map-area15, a#map-area16 { background: url(../images/map-house-icon.png) no-repeat; width: 26px; height: 25px; display: block; }
a#map-area1:hover, a#map-area2:hover, a#map-area3:hover, a#map-area4:hover, a#map-area5:hover, a#map-area6:hover, a#map-area7:hover, a#map-area8:hover, a#map-area9:hover, a#map-area10:hover, a#map-area11:hover,a#map-area12:hover, a#map-area13:hover, a#map-area14:hover, a#map-area15:hover, a#map-area16:hover { background: url(../images/map-house-icon-over.png) no-repeat; width: 26px; height: 25px; display: block; }
a#map-area1.active, a#map-area2.active, a#map-area3.active, a#map-area4.active, a#map-area5.active, a#map-area6.active, a#map-area7.active, a#map-area8.active, a#map-area9.active, a#map-area10.active, a#map-area11.active, a#map-area12.active, a#map-area13.active, a#map-area14.active, a#map-area15.active, a#map-area16.active { background: url(../images/map-house-icon-over.png) no-repeat; }

* html a#map-area1.active, * html a#map-area2.active, * html a#map-area3.active, * html a#map-area4.active, * html a#map-area5.active, * html a#map-area6.active, * html a#map-area7.active, * html a#map-area8.active, * html a#map-area9.active, * html a#map-area10.active, * html a#map-area11.active, * html a#map-area12.active, * html a#map-area13.active, * html a#map-area14.active, * html a#map-area15.active, * html a#map-area16.active { background: url(../images/map-house-icon.png) no-repeat; width: 26px; height: 25px; display: block; }
* html a#map-area1, * html a#map-area2, * html a#map-area3, * html a#map-area4, * html a#map-area5, * html a#map-area6, * html a#map-area7, * html a#map-area8, * html a#map-area9, * html a#map-area10, * html a#map-area11, * html a#map-area12, * html a#map-area13, * html a#map-area14, * html a#map-area15, * html a#map-area16 { behavior: url(../images/iepngfix.htc); width: 26px; height: 25px; cursor: pointer; }
* html a#map-area1:hover, * html a#map-area2:hover, * html a#map-area3:hover, * html a#map-area4:hover, * html a#map-area5:hover, * html a#map-area6:hover, * html a#map-area7:hover, * html a#map-area8:hover, * html a#map-area9:hover, * html a#map-area10:hover, * html a#map-area11:hover, * html a#map-area12:hover, * html a#map-area13:hover, * html a#map-area14:hover, * html a#map-area15:hover, * html a#map-area16:hover { behavior: url(../images/iepngfix.htc); width: 26px; height: 25px; }
* html a#map-area1.active, * html a#map-area2.active, * html a#map-area3.active, * html a#map-area4.active, * html a#map-area5.active, * html a#map-area6.active, * html a#map-area7.active, * html a#map-area8.active, * html a#map-area9.active, * html a#map-area10.active, * html a#map-area11.active, * html a#map-area12.active, * html a#map-area13.active, * html a#map-area14.active, * html a#map-area15.active, * html a#map-area16.active { behavior: url(../images/iepngfix.htc); }

/* MAP LOCATIONS */
#amber-trails1 { top: 66px; left: 190px; }
#amber-trails2 { top: 52px; left: 208px; }
#canterbury-park { top: 155px; left: 368px; }
#canterbury-park2 { top: 158px; left: 348px; }
#wheatland-park { top: 171px; left: 440px; }
#kildonan-green { top: 134px; left: 318px; }
#kildonan-green2 { top: 131px; left: 338px; }
#sage-creek1 { top: 213px; left: 325px; }
#sage-creek2 { top: 218px; left: 345px; }
#sage-creek3 { top: 286px; left: 268px; }
#sage-creek4 { top: 235px; left: 345px; }
#waverly-west { top: 288px; left: 178px; }
#south-pointe1 { top: 313px; left: 168px; }
#south-pointe2 { top: 327px; left: 178px; }
#south-pointe3 { top: 307px; left: 186px; }
#oakbluffwest { top: 350px; left: 39px; }
#kingswoodsouth { top: 434px; left: 134px; }

/* MAP LOCATIONS FOR IE7 */
/**:first-child+html #river-park-south { top: 110px; left: 258px; }
*:first-child+html #sage-creek { top: 70px; left: 320px; }
*:first-child+html #sage-creek2 { top: 50px; left: 340px; }
*:first-child+html #stone-ridge { top: 30px; left: 323px; }
*:first-child+html #waverly-west { top: 50px; left: 178px; }
*:first-child+html #waverly-west2 { top: 37px; left: 178px; }
*:first-child+html #south-pointe { top: 25px; left: 175px; }
*:first-child+html #south-pointe2 { top: 10px; left: 175px; }*/

/* SELECT COMMUNITY STYLES */
#select-community { background: url(../images/bg-select.jpg) repeat-y; float: left; width: 490px; margin-top: 16px; border-top: solid 2px #898675; border-bottom: solid 2px #898675; padding: 0px 0px 60px 0px; }
*:first-child+html #select-community { padding-bottom: 60px; }
* html #select-community { padding-bottom: 60px; }
h2#cont-select-community { background: url(../images/cont-select-community.jpg) no-repeat 0px 18px; height: 30px; }
.select-default { color: #666666; }
/* MAP OVERVIEW STYLES */
#overview { float: left; width: 310px; height: 271px; }
* html #overview { width: 280px; }
h2#cont-map-overview { background: url(../images/cont-map-overview.jpg) no-repeat 0px 16px; height: 30px; }
/* MAP DETAILS STYLES */
#details { background: url(../images/bg-details.jpg) repeat-y; float: left; width: 310px; height: 270px; }
* html #details { height: 186px; }
h2#cont-map-details { background: url(../images/cont-map-details.jpg) no-repeat 0px 16px; height: 30px; margin-top: 10px; }
.comm-col-one { float: left; width: 75px; }
.comm-col-two { float: left; width: 160px; }

/* MAP PHOTOS STYLES */
#map-photos { background: url(../images/bg-map-images.jpg) repeat-x; float: left; width: 310px; height: 103px; }
.map-photo { float: left; width: 151px; height: 98px; padding: 2px; }
.map-photo-lrg { width: 304px; padding-left: 3px; }
.map-photo#no-left-padding { padding-left: 1px; }

/************************************************************************************************************************/
/* MODEL LIST STYLES (PHOTO GALLERY / MODEL HOMES)  */
ul.model-content-list { float: left; width: 125px; font-size: 11px; list-style: square; }
ul.model-content-list li { color: #898675; padding-bottom: 4px; }
ul.model-content-list li a { color: #898675; text-decoration: underline; }
ul.model-content-list li a:hover { text-decoration: none; }

/************************************************************************************************************************/
/* GALLERY PAGES STYLES */
#inside-cont.gallery { float: left; width: 800px; }
#inside-cont.gallery #left { width: 609px; height: 376px; }
/* GALLERY RIGHT SIDE BG */
#inside-cont.gallery #right { background: url(../images/bg-gallery-overview.jpg) repeat-y; width: 191px; height: 376px; }
/* GALLERY OVERVIEW STYLES */
h2#cont-gallery-overview { background: url(../images/cont-gallery-overview.jpg) no-repeat 0px 16px; height: 30px; }
#inside-cont.gallery #right .text-right { padding: 0px 25px 0px 25px; }
/* GALLERY THUMB STYLES */
#gallery-thumbs { background: url(../images/bg-gallery-thumbs.jpg) repeat-y; float: left; width: 800px; border-top: solid 2px #898675; border-bottom: solid 2px #898675;}
h2#cont-gallery-thumbs { background: url(../images/cont-gallery-thumbs.jpg) no-repeat 0px 16px; height: 30px; }
#inside-cont.gallery #gallery-thumbs .text-left { padding: 0px 0px 0px 45px; }
/* GALLERY LIST STYLES */
ul.gallery-list { float: left; width: 710px; list-style: none; }
ul.gallery-list li { float: left; width: 44px; height: 40px; padding-right: 25px; padding-bottom: 15px; }
ul.gallery-list li a img { border: solid 2px #898675; }
ul.gallery-list li a:hover img { border: solid 2px #D3CBA9; }

/************************************************************************************************************************/
/* MODEL HOME DISPLAY PAGES STYLES */
.models { background: url(../images/bg-models.jpg) repeat-y; float: left; width: 800px; }
#inside-cont.models #left { width: 490px; }
#inside-cont.models #right { width: 310px; }
#model-details { float: left; width: 490px; padding-bottom: 10px; }
/* DETAILS STYLES */
#details-cont { padding-top: 10px; }
#details-q-left { float: left; width: 80px; }
#details-q-right { float: left; width: 80px; }
#details-a-left { float: left; width: 100px; }
#details-a-right { float: left; width: 100px; }
/* OVERVIEW STYLES */
#models-overview { background: url(../images/bg-overview.jpg) repeat-y; float: left; width: 490px; border-top: solid 2px #898675; border-bottom: solid 2px #898675; padding-bottom: 10px; }
h2#cont-models-overview { background: url(../images/cont-models-overview.jpg) no-repeat 0px 16px; height: 30px; }

/************************************************************************************************************************/
/* PARADE HOME PAGES STYLES */
#details.parade-details { height: 150px; }

/************************************************************************************************************************/
/* CONTACT US STYLES */
#map { width: 248px; height: 300px; margin-bottom: 20px; border: solid 1px #686554; }

/************************************************************************************************************************/
/* FORM FORMATTING STYLES */
.full-form { float: left; width: 350px; }
.half-form { float: left; width: 175px; }
select { width: 160px; height: 22px; background: #F7F2DF; border: solid 1px #686554; color: #7C4938; }
input#community-search { background: url(../images/nav-but-search.jpg) no-repeat; width: 99px; height: 21px; border: none; margin-left: 25px; }

/************************************************************************************************************************/
/* SERVICE FORM STYLES */
#form-cont { float: left; width: 350px; }
.form-cont { float: left; width: 400px; }
.color { color: #7C4938; }
.form-line { float: left; width: 350px; font-size: 11px; color: #898675; padding-bottom: 6px; }
.left-form { float: left; width: 130px; text-align: right; padding-top: 4px; }
.right-form { float: left; width: 220px; }
.top-form { float: left; width: 350px; margin-left: 20px; }
* html .top-form { margin-left: 0px; }
.bottom-form { float: left; width: 350px; margin-left: 20px; }
*:first-child+html .bottom-form { margin-left: 10px; }
* html .bottom-form { margin-left: 0px; }
.full-form { float: left; width: 380px; padding-left: 20px; }
* html .full-form { padding-left: 0px; }

.input { width: 150px; margin-left: 25px; font-size: 12px; color: #7C4938; }
.input-loc { width: 150px; margin-left: 10px; font-size: 12px; color: #7C4938; }
.select { width: 153px; margin-left: 25px; font-size: 12px; height: 19px; background: #ffffff; }
.textarea { width: 350px; height: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7C4938; }

ul.checkboxes { float: left; width: 360px; padding: 0px; list-style: none; padding: 0px 30px 0px 10px; }
ul.checkboxes li { float: left; width: 360px; font-size: 11px; color: #898675; padding-bottom: 5px; }
.location { padding-left: 30px; }
.character-limit { padding-left: 58px; }
.input-check { float: left; width: 20px; color: #7C4938; }
label { float: left; width: 300px; padding-left: 10px; }
*:first-child+html .input-check { margin-top: -3px; }

ul.service-nav { float: left; width: 198px; list-style: none; padding: 3px 5px 7px 10px; color: #ffffff; }
ul.service-nav li { float: left; width: 198px; font-size: 13px; padding-bottom: 8px; }
ul.service-nav li a { color: #ffffff; text-decoration: none; }
ul.service-nav li a:hover { color: #EAE4C2; }

/************************************************************************************************************************/
/* LIST CODES */
#show-codes { float: left; width: 460px; padding: 15px 0px 10px 20px; border-bottom: solid 1px #D8D1BA; }
#show-codes label { float: left; width: 100px; padding-left: 5px; font-size: 11px; }
#submit-show { float: left; }
#generate-codes { float: left; width: 460px; padding: 0px 0px 15px 20px; border-bottom: solid 1px #D8D1BA; }
#number-codes { width: 40px; font-size: 12px; color: #7C4938;  }
#table-codes { float: left; width: 460px; padding: 15px 0px 0px 20px; }
table#codes { width: 460px; font-size: 11px; }
table#codes th { font-size: 12px; font-weight: bold; }
table#codes td { padding: 4px 3px 4px 3px; }
.input-user { width: 100px; color: #7C4938; font-size: 11px; padding: 2px; }

table#codes th.code, table#codes td.code { width: 60px; text-align: left; }
table#codes th.used, table#codes td.used { width: 100px; text-align: left; }
table#codes th.user, table#codes td.user { width: 55px; text-align: left; }
table#codes th.assign, table#codes td.assign { width: 130px; text-align: left; }
table#codes th.remove, table#codes td.remove { width: 50px; }

#assign-remove { float: right; padding: 20px; }

#login { float: left; width: 460px; padding: 15px 0px 15px 20px; }
#login label { float: left; width: 100px; }
#login .input { margin-left: 0px; }
#submit-login { padding-left: 10px; }

#logout { float: right; padding: 15px; }

/************************************************************************************************************************/
/* FLOOR PLAN STYLES */
#model-floor-plans { background: url(../images/bg-floor-plan.jpg) repeat-y; float: left; width: 490px; padding-bottom: 20px; }
#model-floor-plans .text-left { padding: 0px 45px 0px 25px; }
/* FLOOR PLAN NAVIGATION */
#floor-plan-options ul { float: left; width: 92px; list-style: none; margin-top: 40px; }
#floor-plan-options ul li { float: left; width: 92px; height: 22px; padding-bottom: 11px; }
#floor-plan-options ul li a { float: left; width: 92px; height: 22px; }
/* LIST STRUCTURE */
#floor-plan-options ul li#main { background: url(../images/nav-plan-main.jpg) no-repeat; }
#floor-plan-options ul li#second { background: url(../images/nav-plan-second.jpg) no-repeat; }
#floor-plan-options ul li#ensuite { background: url(../images/nav-plan-ensuite.jpg) no-repeat; }
#floor-plan-options ul li#lower-level { background: url(../images/nav-plan-lower.jpg) no-repeat; }
#floor-plan-options ul li#main2 { background: url(../images/nav-plan-main.jpg) no-repeat; }
#floor-plan-options ul li#second2 { background: url(../images/nav-plan-second.jpg) no-repeat; }
/* LINK STRUCTURE */
#floor-plan-options ul li#main a { background: url(../images/nav-plan-main.jpg) no-repeat; }
#floor-plan-options ul li#second a { background: url(../images/nav-plan-second.jpg) no-repeat; }
#floor-plan-options ul li#ensuite a { background: url(../images/nav-plan-ensuite.jpg) no-repeat; }
#floor-plan-options ul li#lower-level a { background: url(../images/nav-plan-lower.jpg) no-repeat; }
#floor-plan-options ul li#main2 a { background: url(../images/nav-plan-main.jpg) no-repeat; }
#floor-plan-options ul li#second2 a { background: url(../images/nav-plan-second.jpg) no-repeat; }
/* HOVER STRUCTURE */
#floor-plan-options ul li#main a:hover { background: url(../images/nav-plan-main-over.jpg) no-repeat; }
#floor-plan-options ul li#second a:hover { background: url(../images/nav-plan-second-over.jpg) no-repeat; }
#floor-plan-options ul li#ensuite a:hover { background: url(../images/nav-plan-ensuite-over.jpg) no-repeat; }
#floor-plan-options ul li#lower-level a:hover { background: url(../images/nav-plan-lower-over.jpg) no-repeat; }
#floor-plan-options ul li#main2 a:hover { background: url(../images/nav-plan-main-over.jpg) no-repeat; }
#floor-plan-options ul li#second2 a:hover { background: url(../images/nav-plan-second-over.jpg) no-repeat; }
/* ACTIVE STRUCTURE */
#floor-plan-options ul li#main.tabs-selected a{ background: url(../images/nav-plan-main-over.jpg) no-repeat; }
#floor-plan-options ul li#second.tabs-selected a{ background: url(../images/nav-plan-second-over.jpg) no-repeat; }
#floor-plan-options ul li#ensuite.tabs-selected a { background: url(../images/nav-plan-ensuite-over.jpg) no-repeat; }
#floor-plan-options ul li#lower-level.tabs-selected a { background: url(../images/nav-plan-lower-over.jpg) no-repeat; }
#floor-plan-options ul li#main2.tabs-selected a{ background: url(../images/nav-plan-main-over.jpg) no-repeat; }
#floor-plan-options ul li#second2.tabs-selected a{ background: url(../images/nav-plan-second-over.jpg) no-repeat; }

/************************************************************************************************************************/
/* FLOOR PLAN IMAGE CONTAINER */
.floor-change { float: left; }
#floor-plan { background: #F3EFDB; float: left; width: 120px; height: 201px; padding-left: 10px; }
#floor-plan-left { background: url(../images/cont-floor-left.jpg) no-repeat left; float: left; width: 25px; height: 201px; }
#floor-plan-right { background: url(../images/cont-floor-right.jpg) no-repeat right; float: left; width: 25px; height: 201px; }
/* ENLARGE FLOOR PLAN */
#enlarge-plan { float: left; width: 100px; padding: 10px 0px 0px 10px; }
#enlarge-plan h2 { padding: 0px 0px 10px 0px; margin: 0px; }
/* ENLARGE FLOOR BUTTON STYLES */
#enlarge { background: url(../images/nav-but-enlarge.jpg) no-repeat; float: left; width: 99px; height: 22px; }
#enlarge a { background: url(../images/nav-but-enlarge.jpg) no-repeat; float: left; width: 99px; height: 22px; }
#enlarge a:hover { background: url(../images/nav-but-enlarge-over.jpg) no-repeat; }

/************************************************************************************************************************/
/* RIGHT SIDE MODEL STYLES */
#top { background: url(../images/bg-models-images-sm.jpg) repeat-y; float: left; width: 310px; height: 103px; }
#tp-lt { float: left; padding: 2px; }
#tp-rt { float: left; padding: 2px 2px 2px 0px; }
#mid { background: url(../images/bg-models-images.jpg) repeat-x; float: left; width: 306px; height: 200px; padding: 2px 1px 2px 3px; }
#bottom { background: url(../images/bg-models-images-sm.jpg) repeat-y; float: left; width: 310px; height: 103px; }
#bt-lt { float: left; padding: 2px; }
#bt-rt { float: left; padding: 2px 2px 2px 0px; }

#more-images { float: left; width: 270px; margin: 0px 10px 7px 10px; padding: 10px 0px 3px 10px; border-bottom: solid 1px #A09D90; }
* html #more-images { margin: 0px 5px 0px 5px; padding-left: 5px; }
#more-images a { font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; margin-left: 5px; }
/************************************************************************************************************************/
/* BOTTOM NAVIGATION STYLES */
#nav2 { float: left; width: 784px; padding: 14px 8px 14px 8px; border-top: solid 2px #B5AA8C; }
ul#nav-bottom { float: left; width: 764px; list-style: none; margin-left: 20px; height: 25px; }
* html ul#nav-bottom { margin-left: 10px; }
ul#nav-bottom li { float: left; height: 18px; margin: 0px 7px 0px 7px; }
ul#nav-bottom li a { float: left; height: 18px; }
ul#nav-bottom li#nav-divide { background: url(../images/nav-divide.jpg) no-repeat; float: left; width: 3px; height: 25px; }
/* LIST STRUCTURE */
ul#nav-bottom li#home { background: url(../images/nav-home.jpg) no-repeat; width: 28px; }
ul#nav-bottom li#cor-certified { background: url(../images/nav-cor-certified.jpg) no-repeat; width: 65px; }
ul#nav-bottom li#service { background: url(../images/nav-service.jpg) no-repeat; width: 36px; }
ul#nav-bottom li#contact-us { background: url(../images/nav-contact-us.jpg) no-repeat; width: 57px; }
ul#nav-bottom li#wfptv { background: url(../images/nav-WFPtv.jpg) no-repeat; width: 168px; }
/* LINK STRUCTURE */
ul#nav-bottom li#home a { background: url(../images/nav-home.jpg) no-repeat; width: 28px; }
ul#nav-bottom li#cor-certified a { background: url(../images/nav-cor-certified.jpg) no-repeat; width: 65px; }
ul#nav-bottom li#service a { background: url(../images/nav-service.jpg) no-repeat; width: 36px; }
ul#nav-bottom li#contact-us a { background: url(../images/nav-contact-us.jpg) no-repeat; width: 57px; }
ul#nav-bottom li#wfptv a { background: url(../images/nav-WFPtv.jpg) no-repeat; width: 168px; }
/* LINK HOVER STRUCTURE */
ul#nav-bottom li#home a:hover { background: url(../images/nav-home-over.jpg) no-repeat; }
ul#nav-bottom li#cor-certified a:hover { background: url(../images/nav-cor-certified-over.jpg) no-repeat; }
ul#nav-bottom li#service a:hover { background: url(../images/nav-service-over.jpg) no-repeat; }
ul#nav-bottom li#contact-us a:hover { background: url(../images/nav-contact-us-over.jpg) no-repeat; }
ul#nav-bottom li#wfptv a:hover { background: url(../images/nav-WFPtv-over.jpg) no-repeat; width: 168px; }
/* LINK HIGHLIGHT STRUCTURE */
ul#nav-bottom li#home a.highlight { background: url(../images/nav-home-over.jpg) no-repeat; }
ul#nav-bottom li#cor-certified a.highlight { background: url(../images/nav-cor-certified-over.jpg) no-repeat; }
ul#nav-bottom li#service a.highlight { background: url(../images/nav-service-over.jpg) no-repeat; }
ul#nav-bottom li#contact-us a.highlight { background: url(../images/nav-contact-us-over.jpg) no-repeat; }
ul#nav-bottom li#wfptv a.highlight { background: url(../images/nav-WFPtv-over.jpg) no-repeat; width: 168px; }

/********************************************************************************************************************************/
/* FOOTER STYLES */
#footer { float: left; width: 784px; padding: 0px 38px 0px 38px; }
#copyright { float: left; width: 500px; }
/********************************************************************************************************************************/
/* MODERN EARTH BRANDING */
#modernearth { float: right; width: 103px; padding: 5px 0px 10px 0px; }
