/* ----- CSS ----- */

*{
margin:0;
padding:0;
border:0;
}
html{
font:0.8125em Georgia, serif;
height:100%;
}
body{
font-size:0.88em;
line-height:1em;
color:#726752;
background:#fff url(../images/bg-body.jpg) repeat top left;
height:100%;
}

/* ----- ID ----- */

div#page{
position:relative;
min-height:100%;
height:100%;
voice-family:"\"}\"";
voice-family:inherit;
height:auto;
}
html>body div#page{
height:auto;
}
div#logoContactWrapper{
background-color:#fff;
}
div#logoContact{
margin:0 auto 0 auto;
padding:15px 0 15px 0;
width:780px;
}
div#logoContact div#logo{
float:left;
width:200px;
height:46px;
background:transparent url(../images/logo.gif) no-repeat top left;
}
div#logoContact div#contact, div#logoContact div.contact{
float:right;
line-height:1.2em;
width:236px;
}
div#titleBarWrapper{
background-color:#007CC2;
}
div#titleBar{
margin:0 auto 0 auto;
width:780px;
height:190px;
background:transparent url(../images/introducing-marble-works.gif) no-repeat;
}
div#menuWrapper{
background-color:#7C6A55;
border-bottom:5px solid #C2BE70;
}
div#menu{
margin:0 auto 0 auto;
width:780px;
}
div#menu ul{
margin:0;
padding:0;
list-style-type:none;
background-color:#7C6A55;
}
div#menu li{
	float:left;
	font-size:1.2em;
	font-weight:bold;
	height:26px;
	margin:0;
	padding:0 20px 0 0;
}
div#menu li a{
/*display:block;
text-indent:-9999px;*/
text-align:center;
line-height:26px;
height:26px;
color:#fff;
}
div#menu li a:hover{
border:none;
}
div#menu li#home a{
width:68px;
background:transparent url(../images/menu.gif) no-repeat 0px 0px;
}
div#menu li#home a:hover,
div#menu li#home a.active{
background:transparent url(../images/menu.gif) no-repeat 0px -26px;
}
div#menu li#plans a{
width:63px;
background:transparent url(../images/menu.gif) no-repeat -68px 0px;
}
div#menu li#plans a:hover,
div#menu li#plans a.active{
background:transparent url(../images/menu.gif) no-repeat -68px -26px;
}
div#menu li#features a{
width:84px;
background:transparent url(../images/menu.gif) no-repeat -131px 0px;
}
div#menu li#features a:hover,
div#menu li#features a.active{
background:transparent url(../images/menu.gif) no-repeat -131px -26px;
}
div#menu li#location a{
width:85px;
background:transparent url(../images/menu.gif) no-repeat -215px 0px;
}
div#menu li#location a:hover,
div#menu li#location a.active{
background:transparent url(../images/menu.gif) no-repeat -215px -26px;
}
div#menu li#showroom a{
width:98px;
background:transparent url(../images/menu.gif) no-repeat -300px 0px;
}
div#menu li#showroom a:hover,
div#menu li#showroom a.active{
background:transparent url(../images/menu.gif) no-repeat -300px -26px;
}
div#menu li#developers a{
width:101px;
background:transparent url(../images/menu.gif) no-repeat -398px 0px;
}
div#menu li#developers a:hover,
div#menu li#developers a.active{
background:transparent url(../images/menu.gif) no-repeat -398px -26px;
}
div#menu li#sales a{
width:62px;
background:transparent url(../images/menu.gif) no-repeat -499px 0px;
}
div#menu li#sales a:hover,
div#menu li#sales a.active{
background:transparent url(../images/menu.gif) no-repeat -499px -26px;
}
div#menu li#contact a, div#menu li.contact a{
width:79px;
background:transparent url(../images/menu.gif) no-repeat -561px 0px;
}
div#menu li#contact a:hover,
div#menu li#contact a.active{
background:transparent url(../images/menu.gif) no-repeat -561px -26px;
}
div#menu li.contact a:hover,
div#menu li.contact a.active{
background:transparent url(../images/menu.gif) no-repeat -561px -26px;
}

div#contentWrapper{
padding-bottom:90px;
}
div#content{
margin:0 auto 0 auto;
padding-top:10px;
width:780px;
}
div#footerWrapper{
width:100%;
position:absolute;
bottom:0;
background:transparent url(../images/bg-footer.jpg) repeat top left;
}
div#footer{
position:relative;
margin:0 auto 0 auto;
padding:6px 0 6px 0;
width:780px;
font-size:0.88em;
text-align:center;
}

div#popupPage{
text-align:center
width:100%;
padding:10px 10px 0 10px;
}
div#popupPage img{
background-color:#fff;
padding:10px;
}

/* ----- CLASSES ----- */

#qtvr{
width:400px;
padding:2px;
border:2px solid #7C6A55;
}
.clearFloat:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clearFloat{display:inline-table;}
/* Hides from IE-mac \*/
.clearFloat{display:inline-block;}
.clearFloat{display:block;}
* html .clearFloat{height:1px;}
/* End hide from IE-mac */

div#logoContact div#contact span.name{
}
div#logoContact div.contact span.name{
}
.success{
color:#fff;
background-color:#7B9553;
padding:5px;
border:1px solid #6B804D;
}
.error{
color:#fff;
background-color:#A86474;
padding:10px 0 5px 0;
border:1px solid #804D59;
}

/* ----- HEADINGS ----- */

h1{
font-size:1.5em;
line-height:1em;
font-weight:normal;
color:#007CC2;
margin:1.5em 0 1em;
}
h2{
font-size:1.25em;
line-height:1em;
font-weight:normal;
margin:1.5em 0 .5em;
}
#rightColumn h2{
margin:2em 0 .5em;
}
h3{
font-size:1em;
line-height:1em;
font-weight:bold;
text-transform:uppercase;
margin:1.5em 0 1em;
padding:0 0 .5em 0;
color:#5D6067;
border-bottom:1px dotted #5D6067;
clear:both;
}

/* ----- PARAGRAPHS ----- */

p{
text-align:left;
font-size:1.025em;
line-height:1.5em;
margin:0.5em 0 1em;
}
p.flashFloorPlan{
padding:2px;
border:2px solid #7C6A55;
}

/* ----- QUOTES ----- */

/* ----- DEFINITIONS ----- */

/* ----- LISTS ----- */

ul,
ol{
padding:0.75em 0 0 0;
line-height:1.2em;
}
li{
padding:0 0 .75em 0;
list-style-position:inside;
}
div#leftColumn li{
margin-left:25px;
}
div#rightColumn li{
list-style-type:none;
padding-left:12px;
background:transparent url(../images/arrow.gif) 0 0.2em no-repeat;
}

/* ----- IMAGES ----- */

img.right{
float:right;
margin:30px 0 30px 20px;
}
img.left{
float:left;
margin:30px 20px 30px 0;
}
h1 img,
p img{
padding:2px;
border:2px solid #7C6A55;
}
img.developer{
float:left;
margin:0 15px 20px 0;
}
span.photoandcredit{
margin:0;
padding:0;
font-size:9px;
font-style:italic;
text-align:left;
display:block;
line-height:9px;
}
img.StarRightFloat
{
  border: 0px;
  float: right;
}
/* ----- TEXT FORMATTING ----- */

strong{
color:#007CC2;
font-weight:normal;
}

small{
font-size:0.75em;
}

/* ----- LINKS ----- */

a{
text-decoration:none;
color:#B2B25A;
}
a:hover{
border-bottom:1px solid #B2B25A;
}
a img,
a.noHover{
border:none;
}
div#logoContact div#logo a{
display:block;
height:46px;
} 
div#footer a{
color:#505A5B;
}
div#footer a:hover{
border-bottom:1px solid #505A5B;
}
a.active{
color:#726752;
}
a.noline{
border:0;
}

/* ----- TABLES ----- */

table{
width:100%;
line-height:1.2em;
margin:0.5em 0 1.5em;
}
.th{
color:#fff;
background-color:#6B804D;
}
td{
color:#5D4F3F;
vertical-align:top;
padding:5px;
background-color:#E2DFD2;
}
td.alt{
background-color:#B6C6A0;
}
td a{
color:#761F0E;
}

/* ----- FORMS ----- */

form{
padding:0;
margin:20px 0 0 0;
}
.formrow{
margin:0 0 10px 0;
display:block;
padding:0;
}
.formrow label{
float:left;
width:100px;
padding:2px 0 0 0;
text-align:left;
}
.formrow input,
.formrow textarea{
width:300px;
border:2px solid #E6E7E8;
padding:1px 2px 2px 2px;
color:#636468;
background:#FAFAFB;
font-family:inherit;
font-size:inherit;
}
.formsubmit{
padding:0;
text-align:left;
margin:0 0 0 100px;
}
.formsubmit input{
padding:0;
border:0;
}
button{
border:0;
padding:0;
margin:0;
background-color:transparent;
cursor:pointer;
}

/* ----- OTHER ----- */
div#content div#leftColumn{
float:left;
width:508px;
}
div#content div#rightColumn{
float:left;
margin:0 0 0 36px;
width:236px;
}
div#content dd{
padding: 0 10px 15px 12px;
  margin: 0;
  font-style: italic;
}
div#content dt{
margin: 0;
padding: 0 0 3px 0;
}
div#content dt ul {
padding: 0;
margin: 0;
}
div#content dt li {
margin: 0;
padding: 0 0 0 12px;
}