/*css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
        font-family: verdena, arial, helvetica, sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
    border:0;
}
a{
    text-decoration:none;
    color:#000;
}
/*end reset*/
body, html{
    background:#000;
    font:100%/1.25em verdana, arial, helvetica, sans-serif;
    height:100%;
    text-align:center;
}
p, h1, h2, h3 {
    font-family:verdana, arial, helvetica, sans-serif;
}
#wrapper {
    border:1px solid #ffcf06;
    margin:20px auto 0;
    padding:5px;
    position:relative;
    width:800px;
}
#header {
    background:#000 url("../images/banner.jpg") no-repeat left top;
    display:block;
    height:160px; /* if banner image changed. adjust to exact height of image. if banner changed make it height:130px;(also margin-top in nav ul)*/
    margin-bottom:5px;
    position:relative;
    width:800px;
}
/*Navigation*/
#nav {
    float:left;
    font-weight:bold;
    width:100%;
}
#nav ul {
    background-color:#ffcf06;
    display:block;
    margin-top:130px; /*adjust till it fits if banner image changed. if banner changed make it 99px;*/
    padding:5px;
    text-align:center;
    text-transform: uppercase;
}

#nav ul li {
    background:url("../images/navBar.jpg") no-repeat #ffcf06;
    display:inline;
    padding-right:3px;
}
#nav ul li a {
    color:#333;
    text-decoration:none;
    font-size:12px;
    padding-left:10px;
}
#nav ul li a.active {
    color:#FFF;
    text-decoration:underline;
}
/*removes first background image in nav*/
#nav ul li.home {
    background:#ffcf06;
    margin-left:-5px;
}
#nav ul li a:hover {
    color:#FFF;
    text-decoration:underline;
}
#content {
    background-color:#FFF;
    float:left;
    margin-bottom:10px;
    position:relative;
    text-align:left;
    width:800px;
    _width:799px; /*IE6 fix for width of entire content*/
}
#leftBar {
    float:left;
    width:560px;
}
#leftBar img {
    margin:5px;
}
#leftBar img.building {
    margin:10px 0 0 0;
    position:absolute; /* set positin of the buildng image on home page to bottom corner of parent div*/
    bottom:0;
    left:0;
}
#leftBar h2 {
    margin-top:10px;
    line-height:24px;
}
#leftBar h2.was {
    color:#444;
    display:inline; /* puts was and now on home page in one line with out floats (below inline is also needed in h2.now)*/
    margin-left:20px;
    text-decoration:line-through;
    text-transform:uppercase;
}
#leftBar h2.now {
    color:#fe1300;
    display:inline;
    text-transform:uppercase;
    margin-left:10px;
}
p.learn{
    color:#444;
    font-size:12px;
    text-align:right;
    font-weight:bold;
   
}
p.learn a:hover{
    color:#ffcf06;
    font-weight:bold;
}
#homeContent {
    float:right;
    margin-right:50px;
    margin-bottom:30px;
    margin-top:40px;
}
#homeContent .quote{
    font-size:30px;
}
#homeImage {
    clear:both;
    float:right;
    margin-bottom:5px;
    margin-top:10px;
    position:relative;
    width:395px;
}
#homeImage a:hover{
    color:#FFF;
}
#homeImage img{
    margin:0;
    padding:0;
}
#imgLeft {
    background:#ffcf06;
    border:1px solid #ffcf06;
    display:inline;
    float:left;
    margin-bottom:5px;
    position:relative;
}
#imgLeft p{
    font-size:12px;
    margin-right:5px;
    text-align:right;
}
#imgRight {
    background:#ffcf06;
    border:1px solid #ffcf06;
    display:inline;
    float:right;
    position:relative;
}
#imgRight p{
    font-size:12px;
    margin-right:5px;
    text-align:right;
}
#rightBar {
    background:#FFF;
    border:1px solid #ffcf06;
    float:right;
    position:relative;
    width:225px;
    margin:5px;
    _margin:5px 3px 5px 3px; /* fixes right side margin problem in IE6 */
}

#rightBar ul{
    list-style:disc;
}
#rightBar ul li{
    font-size:12px;
    font-weight:bold;
    padding:5px;
    padding-left:0px;
    margin-left:20px;
    padding-bottom:0;
}
/*specific to right bar index "move in now"*/
#rightBar ul .head{
    background:#ffcf06;
    font-size:16px;
    list-style:none;
    padding:5px;
}
#rightBar ul li.head{
    margin-left:0;
}

#footer {
    margin-top:15px;
    text-align:right;
}
#footer a{
    color:#ffcf06;
}
#footer a:hover{
    color:#FFF;
}
#footer p{
    text-align:left;
    color:#ffcf06;
    display:inline;
    font-size:10px;
    padding:5px;
}
#footer p.right{
    background:#000 url("../images/envelope.jpg") no-repeat top left;
    text-align:right;
    font-size:14px;
    display:inline;
    padding-left: 30px;
    margin-left:55px;
    _margin-left:40px;
}
/*#footer p{
    color:#ffcf06;
    display:inline;
    font-size:10px;
    margin-right:50px;
    padding:5px;
}
#footer p.right{
    background:#000 url("../images/envelope.jpg") no-repeat left top;
    font-size:14px;
    display:inline;
    padding-left:33px;
    margin-left:60px;
    margin-right:0px;
}*/
#subFooter {
    margin-left:auto;
    margin-top:10px;
    margin-right:auto;
    width:800px;
}
#subFooter p {
    color:#FFF;
    display:inline;
    font-size:10px;
    margin-right:410px;
    float:left;
}
/* Gallery below */

.pagecontentholder{
    float:left;
    margin:10px;
    margin-left:20px;
    _margin-left:10px;
    width:760px;
}
.pagetitle{
    float:left;
    color:#666;
    font-family: Verdena, Helvetica, Arial, sans-serif;
    font-size:24px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.1px;
    margin-bottom:5px;
    padding-bottom:2px;
    border-bottom:1px solid #ffcf06;
    width:100%;
    _width:760px;
}
.gal-photos{
    float:left;
    padding-right:10px;
    padding-bottom:7px;
}
.gal-photos2{
    float:left;
    width:182px;
    padding-bottom:7px;
}
.galtitle{
    text-align:right;
    width:100%;
    color:#333;
    text-align:center;
    font-size:10px;
}
.floortext2{
    float:left;
    width:100%;
    text-align:left;
    line-height:18px;
}
/* About page */
.paragraph {
    color:#222;
    font-family: verdena, arial, helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 1px;
    text-align: justify;
    line-height: 1.4em;
    margin-bottom:20px;
    margin-left:5px;
}
.gray {
    background:#333;
}
.margin{
    margin-bottom:6px;
}
p.letter {
    clear:both;
    margin-bottom:6px;
}
#leftBar img.how{
    float:left;
    padding-right:5px;
    margin-bottom:0;
    margin-left:0;
}
.first-letter {
    font-size: 270%;
    font-weight: lighter;
    color: #ffcf06;
    float: left;
    margin: 0 2px 0 0;
    line-height: 1em;
}
#aboutLeft {
    display:inline;
    float:left;
    width:260px;
    margin:5px;
    position:relative;
}
#aboutLeft p{
    color:#333;
    font-family: verdena, arial, helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 1.4em;
}
#aboutRight {
    display:inline;
    float:right;
    margin:5px;
    width:260px;
    position:relative;
}
#aboutRight p {
    color:#333;
    font-family: verdena, arial, helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin-bottom:15px;
}
.large{
    background:#FFF;
    font-family:verdena, sans-serif;
    font-size:24px;
    color:#ffcf06;
}
/*amenities*/
.contentHolder{
    float:left;
    margin:10px;
    width:780px;
    _width:760px;
}
.contentHolder ul li{
    line-height:1.6em;
}
#content .column {
  position: relative;
  float: left;
}
.contentHolder ul{
    color:#333;
    margin: 1.12em 0;
    margin-left: 15px;
    font-size:12px;
    list-style:disc;
    line-height:1.4em;
}
#amenitiesCenter {
    display:inline;
    float:left;
    margin:5px 5px 5px 20px;
    _margin-left:5px;
    width:235px;
    _width:230px;
}
#amenitiesRight {
    display:inline;
    float:right;
    margin:5px 5px 5px 20px;
    _margin-left:5px;
    position:relative;
    width:235px;
    _width:230px;
}
#amenitiesLeft {
    float:left;
    margin:5px;
    margin-left:9px;
    _margin-left:-5px;
    width:235px;
    _width:230px;
}
#listLeft {
    float:left;
    margin:5px;
    margin-top:10px;
    margin-left:9px;
    _margin-left:-5px;
    width:235px;
    _width:230px;
}
#listCenter {
    display:inline;
    float:left;
    margin:5px 5px 5px 20px;
    margin-top:10px;
    _margin-left:15px;
    width:235px;
    _width:230px;
}
#listRight {
    display:inline;
    float:right;
    margin:5px 5px 5px 20px;
    margin-top:10px;
    _margin-left:15px;
    position:relative;
    width:235px;
    _width:230px;
}
.amenities {
    font-size:12px;
    color:#444;
    text-align:right;
    margin-top:-5px;
    margin-bottom:15px;
}
.sub {
    margin-left:15px;
    font-size:10px;
}
.first {
    border-bottom:1px solid #ffcf06;
    color:#333;
    list-style:none;
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
}

/*contact page*/
.contactTitle {
    margin:10px;
    width:780px;
    _width:760px;
}
#form {
    font-size:12px;
    margin:50px 5px 5px 45px;
}
#leftBar h1{
    color:#666;
    font-family: 'Lucida Grande', sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-left:40px;
}
#leftBar h1.break{
    margin-left:95px;
    margin-top:-5px;
}
/* Floor plans */
#floorLeft {
    float:left;
    margin:5px;
    margin-left:9px;
    _margin-left:-5px;
    width:120px;
}
#floorLeft ul {
    list-style:none;
    padding:0;
    margin:0;
}
#floorLeft ul li {
    list-style-type: none;
    margin-left:10px;
    margin-bottom:2px;
    width:100%;
}
#floorCenter {
    display:inline;
    float:left;
    margin:5px 5px 5px 20px;
    _margin-left:10px;
    width:370px;
}
#floorRight {
    display:inline;
    float:right;
    margin:5px 5px 5px 20px;
    _margin-left:0px;
    position:relative;
    width:226px;
}
.unitDesc {
    margin-left:5px;
    margin-top:10px;
}
.floor {
    border-bottom:1px solid #ffcf06;
    color:#333;
    list-style:none;
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
}
.activeFloor {
    color:#333;
    border-bottom:1px solid #ffcf06;
    
}
#floorLeft a:hover {
    color:#333;
    border-bottom:1px solid #ffcf06;
    
}
/* Developer */
.smithField {
    font-size:12px;
    margin:5px;
}
.top {
    margin-top:30px;
}
#rightDev {
    background:#FFF;
    float:right;
    position:relative;
    width:197px;
    margin:5px;
    _margin:5px 3px 5px 3px; /* fixes right side margin problem in IE6 */
}
.thanks{
    font-family: 'Lucida Grande', sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    color:#333;
    letter-spacing: normal;
    line-height: 1.4em;
}