/*---------------------------------------------------------------*
 * STYLE.CSS							*
 * v1.0 - February 1, 2009						*
 * Author: Jeff Lewis (jeffhlewis@gmail.com)		*
 * Client: Rose & Womble / Harvey Lindsay			*
 * Browser Target: Firefox 3.0					*
 *--------------------------------------------------------------*/

/*---------------------------------------------------------*
 * REDEFINED TAGS                                           *
 *---------------------------------------------------------*/
*{padding: 0; margin: 0;}

html, body  {
  background: #311F1A url(../images/bg-extension.png) repeat-y top center;
  font: normal 14px Arial, Helvetica, Sans-Serif;
  text-align: left;
  height: 100%;
}

img {
  border: none;
}

p {
  color: #251900;
  line-height: 20px;
  margin: 16px 0px;
  text-align: justify;
}

p.home {
  margin: 26px 0px;
}

a {
  text-decoration: none;
  color: #C16700;
}


/*---------------------------------------------------------*
 * LAYOUT TAGS                                                *
 *---------------------------------------------------------*/
#wrapper {
  background: url(../images/bg.jpg) no-repeat top center;
  height: 100%;
}

#wrapper-alt {
  background: #311F1A url(../images/bg2.jpg) no-repeat top center;
  height: 100%;
}

#content {
  width: 980px;
  margin: 0px auto;
  padding-left: 1px;
}

#homeLeftColumn {
  float: left;
  width: 446px;
  margin: 9px 0px 0px 11px;
} * html #homeLeftColumn {
  margin: 10px 0px 0px 7px;
}

#homeRightColumn {
  float: left;
  width: 459px;
  margin: 32px 0px 0px 30px;
}

#leftColumn {
  float: left;
  width: 290px;
  margin: 31px 0px 0px 22px;
} * html #leftColumn {
  margin: 31px 0px 0px 11px;
}

#leftColumn .title {
  margin: 0px 0px 13px 10px;
} * + html #leftColumn .title {
  margin: 0px 0px 10px 10px;
} * html #leftColumn .title {
  margin: 0px 0px 10px 10px;
}

#leftColumn p {
  text-align: justify;
  margin: 8px 16px 0px 10px;
} * + html #leftColumn p {
  margin: 7px 16px 0px 10px;
} * html #leftColumn p {
  margin: 7px 16px 0px 10px;
}

#leftColumn p.left {
  text-align: left;
}

#rightColumn {
  float: left;
  width: 650px;
  min-height: 750px;
  margin: 27px 0px 0px 10px;
} * html #rightColumn {
  height: 750px;
}

#rightColumn p.bodyText {
  width: 612px;
  margin: 0px 0px 0px 9px;
}

.orangebox {
  float: left;
  width: 636px;
  margin: 0px 0px 12px 0px;  
  background: url(../images/orangebox-extension.jpg) repeat-y;
}

.orangebox a {  
  font-weight: bold;
  color: #251900;
}

.orangebox img.bottom {
  padding: 0px; 
  margin: 0px;
  vertical-align: bottom;
}

.orangebox .wrapper {
  height: 1204px;
  padding: 33px 24px 16px 29px;
  background: url(../images/orangebox-top.jpg) no-repeat;
}

.orangebox .wrapper.elastic {
  height: auto;
}

.orangebox ul {
  list-style: none;
  margin: 14px 0px 0px 0px;
}

.orangebox ul li {
  margin: 16px 4px 0px 0px;
  padding: 0px 0px 16px 0px;
  line-height: 20px;
  border-bottom: 1px solid #c16700;
}

.orangebox ul li.last {
  border: none;
}

.orangebox ul li ul {
  list-style-type: square;
  margin-left: 40px;
}

.orangebox ul li ul li {
  margin: 4px 4px 4px 0px;
  padding: 0px;
  border: none;
}

.smallPic {  
  width: 275px;
  height: 164px;
  background: url(../images/image-frame-small.png) no-repeat;
  padding: 13px 0px 0px 13px;
}


/*---------------------------------------------------------*
 * HEADER & NAVIGATION MENU                     *
 *---------------------------------------------------------*/
#header {
  float: left;
  width: 980px;
  height: 133px;
  background: url(../images/layout-header.jpg) no-repeat;
} * html #header {
  
}

ul#navigation {  
  font: bold 14px Georgia, Serif;
  list-style: none;
  margin: 92px 0px 0px 431px;
} * html ul#navigation {
  margin: 92px 0px 0px 429px;
}

ul#navigation li {
  float: left;
  margin: 0px 12px;
}

ul#navigation li a {
  display: block;
  color: #E2EFC1;
}

ul#navigation li a:hover,
ul#navigation li a.on {
  color: #A5C74E;
}


/*---------------------------------------------------------*
 * FLOORPLANS                                                  *
 *---------------------------------------------------------*/
.floorplan {
  float: left;
  width: 906px;
  height: 216px;
  padding: 33px 0px 0px 29px;
  margin: 0px 0px 12px 0px;
  background: url(../images/floorplans-bg.jpg) no-repeat;
}

.floorplan p {
  font: normal 18px Arial, Helvetica, Sans-Serif;
  color: #658D00;
  width: 341px;
  height: 66px;
}

.floorplan strong {
  color: #CA7C23;
}

.floorplan h2 {
  float: left;
  font: normal 16px Arial, Helvetica, Sans-Serif;  
  padding: 0px;
  margin: 17px 0px 0px 19px;
} * html .floorplan h2 {
  margin: 18px 0px 0px 10px;
} * + html .floorplan h2 {
  margin: 15px 0px 0px 19px;
}

.floorplan h2 a {
  color: #FFF;
}

.fp-thumb {
  float: right;
  margin: -21px 18px 0px 0px;
}


/*---------------------------------------------------------*
 * SUB NAVIGATION MENU                                *
 *---------------------------------------------------------*/
ul#section-navigation {
  float: left;
  list-style-type: none;
  margin: 0px 0px 18px 6px;
}

ul#section-navigation li {
  float: left;
}

ul#section-navigation li a {
  display: block;
}

ul#section-navigation li a img {
  visibility: hidden;
}

ul#section-navigation li a.on img {
  visibility: visible;
}

/* Allows nav highlights to work for IE6 */
ul#section-navigation li a.on {
  visibility: visible;
}

ul#section-navigation li a.lofts {
  float: left;
  background: url(../images/nav-floorplans-loft-off.png) no-repeat bottom;
}

ul#section-navigation li a.oneBr {
  float: left;
  background: url(../images/nav-floorplans-1br-off.png) no-repeat;
}

ul#section-navigation li a.twoBr {
  float: left;
  background: url(../images/nav-floorplans-2br-off.png) no-repeat;
}

ul#section-navigation li a.threeBr {
  float: left;
  background: url(../images/nav-floorplans-3br-off.png) no-repeat;
}

ul#section-navigation li a.lifestyle {
  float: left;
  background: url(../images/nav-amenities-lifestyle-off.png) no-repeat;
}

ul#section-navigation li a.unique {
  float: left;
  background: url(../images/nav-amenities-unique-off.png) no-repeat;
}

ul#section-navigation li a.residence {
  float: left;
  background: url(../images/nav-amenities-residence-off.png) no-repeat;
}


/*----------------------------------------------------------*
 * BIG COLUMN TAGS (FLOORPLANS PAGE)           *
 *----------------------------------------------------------*/
#bigColumn {
  float: left;
  width: 950px;
  min-height: 750px;
  margin: 31px 0px 0px 22px;
} * html #bigColumn {
  margin: 31px 0px 0px 11px;
  height: 750px;
}

#bigColumn .title {
  float: left;
  margin: 0px 0px 13px 10px;
} * + html #bigColumn .title {
  margin: 0px 0px 10px 10px;
} * html #bigColumn .title {
  margin: 0px 0px 10px 10px;
}

#bigColumn p.header {
  float: left;
  margin: 0px 32px 12px 8px;
}
 
 #bigColumn ul#section-navigation {
  margin: 34px 0px 15px 28px;  
}


/*---------------------------------------------------------*
 * FORM TAGS                                                     *
 *---------------------------------------------------------*/
#contactForm {
  float: left;
  margin: 12px 0px 0px 19px;
}

#contactForm strong {
  color: #C16700;
}

#contactForm select {
  width: 125px;
}

#contactForm textarea {
  width: 414px;
}

#contactForm input[type=submit] { 
  width: 125px; 
}

#contactForm p {
  width: 617px;
}

#contactForm hr {
  width: 617px;
  height: 1px;
  border: none;
  color: #D7CBB3;
  background-color: #D7CBB3;
  margin: 20px auto;
} * + html #contactForm hr {
  margin: 0px auto 12px auto;
}

.infoTitle {
  float: left;
  width: 198px;  
  margin: 1px 0px 0px 0px;
  padding: 2px 0px 2px 0px;

}

.infoField {
  margin-bottom: 10px;
}


/*---------------------------------------------------------*
 * FOOTER TAGS                                               *
 *---------------------------------------------------------*/
#footer {
  float: left;
  color: #E2EFC1;
  width: 964px;
  height: 91px;
  margin-top: 22px;
  padding: 16px 0px 0px 16px;
  background: url(../images/layout-footer.jpg) no-repeat;
  font: normal 14px "Palatino Linotype", Palatino, FreeSerif, Serif;
}

#footer a {
  font-weight: bold;
  color: #E2EFC1;
}

#footer a:hover,
#footer a.on {
  color: #A5C74E;
}

#footer .sideColLeft {
  float: left;
  width: 185px;
  padding-top: 12px;
}

#footer .sideColRight {
  float: left;
  width: 130px;
  padding-top: 12px;
}

#footer #centerCol {
  float: left;
  width: 640px;
}

#footer p {
  text-align: center;
  color: #E2EFC1;
}

#footer p a {
  color: #A5C74E;
}

#footer ul.subNav {
  width: 100%;
  list-style: none;
  text-align: center;
}

#footer ul.subNav li {
  display: inline;
  margin: 0px 4px;
}


/*---------------------------------------------------------*
 * MISC                                                              *
 *---------------------------------------------------------*/