/** COLORS
 * #485A36 - Dakrer green background
 * #53683F - Dark green background
 * #A3A272 - Opaque gold
 * #5A3E1D - Dark brown for secondary navigation (with 60% opacity) and for subpage content
 * #E6D29A - Gold text
 */


/* Primary content containers */
body { background-color: #698350; text-align: center; margin: 0; font-size: 72%; }
#container { width: 792px; margin: 0 auto; background-color: #53683F; text-align: left; padding: 0 0 30px 0; border: 1px solid #A3A272; border-top: 0; }
h1 { font-size: 22px; }
#home h1 { color: #E6D29A; }
#body h1 { color: #5A3E1D; }
h2 { color: #6F5C45; font-size: 1.3em; line-height: 1.2em; border-bottom: 1px solid #5A3E1D; padding: 0; }
.center { text-align: center; }
.vcard p { margin: 0; }
#body #container { background-color: #698350; }
#background { position: relative; width: 792px; }
#home #background { background: transparent url('../img/home/background.jpg') no-repeat top left; }
#body #background { background: transparent url('../img/common/background.jpg') no-repeat top left; }


/* Navigation elements */
#upper-navigation { color: #A3A272; border-bottom: 2px solid #A3A272; padding: 80px 0 4px 372px; margin: 0; }
#home #upper-navigation { padding: 142px 0 4px 372px; }
#upper-navigation li { list-style: none; display: inline; border-left: 1px solid #A3A272; padding: 0; }
#upper-navigation li.upper-nav-first { border-left: 0; }
#upper-navigation a, #upper-navigation a:visited, #upper-navigation a:active { color: #A3A272; text-decoration: none; text-transform: uppercase; font-size: 75%; padding: 0 4px; }
#upper-navigation a:hover, #upper-navigation a.at { color: #C6C5A8; }

#lower-navigation-container { position: relative; z-index: 100; background-color: #5A3E1D; opacity: .6; margin: 0; padding: 0; border-bottom: 2px solid #A3A272; }
#lower-navigation { position: relative; z-index: 100; background-color: transparent; padding: 4px 0 0 135px; margin: 0; margin-top: -43px; }
#body #lower-navigation { margin-top: -46px; float: none; }
#lower-navigation li { list-style: none;display: inline;float: left; }
#lower-navigation a, #lower-navigation a:visited, #lower-navigation a:active { text-decoration: none; text-transform: uppercase; color: #fff; font-family: Arial,helvettica,sans-serif; font-size: .9em; opacity: .9; padding: 0 20px; float: none; }
#lower-navigation a:hover, #lower-navigation a.hightlighted { opacity: 1; }
#lower-navigation ul { position: absolute; display: none; top: auto; left: auto; float: none; border: 2px solid #A3A272; margin: 0; padding: 0; background-color: #5A3E1D; opacity: .6; }
#lower-navigation ul li { display: block; float: none; border-bottom: 1px solid #A3A272; line-height: 1.8em; }


/* header photo elements */
#photo-main { width: 286px; height: 190px; padding: 0 0 0 372px; } 
#body #photo-main { width: 364px; height: 194px; padding: 0 0 0 370px; }


/* Content wrappers */
p { font-family: Arial, Helvettica, sans-serif; font-weight: normal; line-height: 2em; color: #5A3E1D; }
#content-wrapper { width: 792px; padding-top: 20px; }
#content-artwork { float: left; }
#content-artwork img { margin: 0; }
#content-intro { margin-left: 371px; padding: 0 130px 10px 0; }
#content-intro p { margin-bottom: 20px; font-family: Arial, Helvettica, sans-serif; font-size: 80%; font-weight: normal; line-height: 2em; color: #E6D29A; }
#content-lower { clear: both; padding: 30px 0 0 0; }
.content-full { padding: 20px; }


 /* home page */
#home #content-artwork { width: 341px; text-align: right; padding: 150px 30px 0 0; }

/* other pages */
#body #content-wrapper { width: 694px; padding: 20px 0 0 40px; background: #fff url('../img/common/content-background.jpg') no-repeat top right; }
#body #content-artwork { float: left; width: 341px; text-align: center; padding: 20px 0 0 0; }
#body #content-artwork ul { text-align: left; margin: 0 0 0 110px; list-style: disc; color: #5A3E1D; font-size: 80%; line-height: 1.8em; }
#body #content-intro { padding-right: 80px; }
#body #content-intro p { color: #5A3E1D; }


/* residences pages */
.floorplan-left { margin-left: 40px; }
.floorplan-right { margin-left: 70px; }

#rendering-nav { width: 200px; margin: 10px auto 15px auto; padding: 7px 5px; text-align: center; }
#rendering-nav span { margin-left: 20px; float: left; color: #5F5F5F; }
#rendering-nav a { text-decoration: none; padding: 2px 5px; margin: 0 2px; background-color: #DFD2C3; color: #5A3E1D; border: 1px solid #5A3E1D; }
#rendering-nav a:hover { background-color: #9C8B77; }
#rendering-nav a.activeSlide { background-color: #9C8B77; }

#res-menu { z-index: 40; }
#rendering-img { display: block; position: relative; margin: 0 auto; padding: 0; border-bottom: 1px solid #ccc; }


/* sIFR Elements */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* hide adblock */
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash h1 { visibility: hidden; font-size: 32px; margin: 0 0 5px 0; }