@import url("browser-reset.css");
@charset "UTF-8";


/*  REDEFINES  */

* {margin: 0; padding: 0;}
a img {border: none;}

a:focus,
a:active{
outline: none;
border: none;
}
body{
background-color: #2a2a2a;
behavior: url(js/csshover.htc);
}
body,html{
font: 9pt/1.4em Arial, Helvetica, sans-serif;
color: #666;
}
a:link, a:active, a:visited{
color: #999;
text-decoration: underline;
}
a:hover{
color: #CCC;
}
blockquote{
background-color: #7d320c;
padding: 5px;
position: absolute;
top: 400px;
left: 50px;
color: #fff;
line-height: 1.6em;
}
blockquote span{
display: block;
text-align: right;
}
#blockquoteFlow{
border: 1px green solid;
height: 50px;
width: 100px;
float: left;
}
p{
clear: left;
margin: 0 0 12px 0;
}
h1{
height: 23px;
margin: 15px 0 10px 0;
text-indent: -2000px;
}
h1#about{
background: url(../images/header-about.gif) no-repeat;
}
h1#ourWork{
background: url(../images/header-ourWork.gif) no-repeat;
}
h1#availableHomes{
background: url(../images/header-availableHomes.gif) no-repeat;
}
h1#greenHomes{
background: url(../images/header-greenHomes.gif) no-repeat;
}
h1#contact{
background: url(../images/header-contact.gif) no-repeat;
}
h1#request{
background: url(../images/header-request.gif) no-repeat;
}
h1#sitemap{
background: url(../images/header-sitemap.gif) no-repeat;
height:29px;
}

h1#inProgress{
background: url(../images/header-in-progress.gif) no-repeat;
height:29px;
}

h1#designBuild{
background: url(../images/header-design-build.gif) no-repeat;
height:29px;
}

h2{
color: #74560d;
margin: 10px 0 5px 0;
}

/*  LAYOUT IDs  */

#header{
height: 60px;
width: 1000px;
margin: 0 auto;
position: relative;
}
.topShadow{
background: url(../images/header-shadow.png) no-repeat center bottom;
}
.bottomShadow{
background: url(../images/footer-shadow.png) no-repeat center top;
}
#logo{
position: absolute;
top: 0;
left: 3px;
}
#nav{
position: absolute;
top: 0;
left: 300px;
}
#nav ul{
list-style: none;
}
#nav ul li{
float: left;
}
#nav ul li img{
position: relative;
top: 20px;
}
#nav ul li a{
display: block;
height: 60px;
padding: 0 14px;
float: left;
}
#nav ul li a:hover,.about #nav a#about,.inProgress #nav a#inProgress,.designBuild #nav a#designBuild,.ourWork #nav a#ourWork,.availableHomes #nav a#availableHomes,.contact #nav a#contact{
background: url(../images/hover-bg.jpg) repeat-x;
}
#subNav{
font-size: 120%;
}
#subNav ul li a,
#subNav ul li a:link,
#subNav ul li a:visited{
display: block;
padding: 3px 0 3px 30px;
color: #333;
text-decoration: none;
}
#subNav ul li a:hover{
background: #e5e5e5 url(../images/book-center-bg-on.jpg) repeat-y left top;
}

.galleryNav{
width: 99%;
}

.galleryNav{
font-size: 120%;
}
.galleryNav ul li a,
.galleryNav ul li a:link,
.galleryNav ul li a:visited{
color: #333;
text-decoration: none;
}
.galleryNav ul li{
display: block;
padding: 2px 0 5px 30px;
}
.galleryNav ul li:hover{
background: #e5e5e5 url(../images/book-center-bg-on.jpg) repeat-y left top;
}

#loading{
background: url(../images/loading.gif) no-repeat center 75%;
width: 100%;
height: 100%;
}


.index #content{

}

.about #content,
.availableHomes #content,
.greenHomes #content,
.ourWork #content,
.contact #content,
.sitemap #content,
.inProgress #content,
.designBuild #content{
width: 1000px;
height: 420px;
background-color: #333;
margin: 0 auto;
position: relative;
}

.index #content img{
width: 100%;
min-width: 1000px;
}
#contentBg{
width: 100%;
height: 420px;
background-color: #333;
}
#content a,
#content a:link,
#content a:active,
#content a:visited{
color: #633;
}
#content a:hover{
color: #630;
}
.rightColInner{
padding: 0 15px 0 30px;
}
#rightCol{
position: absolute;
left: 630px;
height: 420px;
width: 370px;
text-align: left;
background: #fff url(../images/book-center-bg.jpg) repeat-y 0% top;
color: #666;
overflow: hidden;
}
#panelButtons a{
height: 18px;
width: 18px;
line-height: 18px;
padding: 3px 0;
margin: 0;
text-decoration: none;
color: #000;
text-align: center;
font-weight: bold;
font-size: 18px;
}
#panelButtons a:hover{
color: #74560d;
background-color: #F0F0F0;
}
#leftCol{
position: absolute;
left: 0;
height: 420px;
width: 630px;
background-repeat: no-repeat;
background-position: center top;
background-color: #2a2a2a;
}
#footer{
clear: both;
width: 1000px;
margin: 0 auto;
color: #666;
}
#footerNav{
line-height: 2em;
padding: 10px 0;
text-align: center;
}
#footerNav ul{
list-style: none;
}
#footerNav ul li{
display: inline;
}
#footerNav ul li a{
padding: 5px 14px;
text-align: center;
text-decoration: none;
color: #666;
}
#footerNav ul li a:hover{
color: #fff;
text-decoration: underline;
}

/*  CLASSES  */

.floatR{
float: right;
}
.floatL{
float: left;
}
.icon{
position: relative;
top: 4px;
}

#preload{display: none;}

/* ADDON FOR REQUEST BROCHURE */
#requestB td {margin: 5px; padding: 5px}
td.label {font-weight: normal}
span.req {color: #b22222; font-size: 1.25em; font-weight:normal;}
#rb_name, #rb_address, #rb_address2, #rb_phone, #rb_email {width: 100%}
#rb_submit {float: right;}
#loadingImg {float: right}	

#about4 img{padding: 0 15px 0 0}

/*add on for view next/previous gallery on our work page*/
#viewMore,#viewLess{position: absolute; bottom: 0; right: 10px; color: #633; cursor: pointer;}

.sold{position: absolute; bottom: 60px; right: 27px}

.slide{position: relative; width: 630px; height: 420px}

.galleryText{width: 630px; height: 47px; position: absolute; bottom: 0; left: 0; color: #fff; background: url('../images/gallery-text-bar.png') no-repeat; font-size: 11pt; z-index: 100}

.galleryText p{padding: 15px 0 0 15px}