/* CSS Document AW FNM 0408 */

body{
font-size: 62.5%; /* Resets 1em to 10px */
font-family:Arial,Verdana, Helvetica, Sans-Serif;
color:#E7E5D4;
background-color:#868686;
margin:0;
padding:0;
}

h1{
font-size:1.7em;
font-weight:300;
color:#E28F18;
margin:25px 0 10px 0;
}

h2{
font-size:1.3em;
color:#E28F18;
}
h3{}

a:link, a:visited{
color:#E7E5D4;}
a:visited{

}
a:hover, a:visited:hover{
color:#E28F18;
}
a:active{}

#wrapper{
width:740px;
margin:0 auto;
}


/* ####### Banner Variations ###### */

#banner{
width:740px;
height:166px;
position:relative;
}


/* these three for dev only */
.home{
height:292px;
background:transparent url(images/bannerPH.jpg) 0 0 no-repeat;}

.heroncove{
background:transparent url(images/heronCove.jpg) 0 0 no-repeat;
}

.internal{
background:transparent url(images/projects.jpg) 0 0 no-repeat;
}
/* ! 1ry Cats !*/

.projects{
background:transparent url(images/header_banners/banner_projects.jpg) 0 0 no-repeat;
}

.resources{
background:transparent url(images/header_banners/banner_resources.jpg) 0 0 no-repeat;
}

.about{
background:transparent url(images/header_banners/banner_about.jpg) 0 0 no-repeat;
}

.contact{
background:transparent url(images/header_banners/banner_contact.jpg) 0 0 no-repeat;
}

/* ! 2ry Cats (projects) !*/

.affordable{
background:transparent url(images/header_banners/banner_affordable.jpg) 0 0 no-repeat;
}

.commercial{
background:transparent url(images/header_banners/banner_commercial.jpg) 0 0 no-repeat;
}

.residential{
background:transparent url(images/header_banners/banner_residential.jpg) 0 0 no-repeat;
}

.indev{
background:transparent url(images/header_banners/banner_in_dev.jpg) 0 0 no-repeat;
}

.mixed{
background:transparent url(images/header_banners/banner_mixed_use.jpg) 0 0 no-repeat;
}



/*####### Top Nav ######*/

#topNav{
width:680px;
height:26px;
position:absolute;
padding:0;
margin:0;
left:60px;
bottom:0;
border-top:1px solid #A50D26;
}

#topNav ul{
height:26px;
list-style-type:none;
padding:0;
margin:0;
}

#topNav li{
height:26px;
float:left;
display:inline;
padding:0;
margin:0;
}

#topNav li a{
height:19px;
text-transform:uppercase;
text-align:center;
display:block;
font-size:1.2em;
text-decoration:none;
padding:7px 0 0 0;
}

#topNav li a:hover{
background:transparent url(images/navHoverBG.gif) 0 0 repeat-x;
color:#E7E5D4;
}

#opt1{width:67px;}
#opt2{width:102px;}
#opt3{width:74px;}
#opt4{width:113px;}
#opt5{width:91px;}

/*  #### Sub Nav ###### */

#subNav{
line-height:1.8em;
}
#subNav .sep{
margin:0 5px 0 5px;
}
#subNav a:hover{
color:#8D0D22;
}





/*####### General Content area and variations ######*/

#alphaWrap{
width:572px;
background:transparent url(images/alphaWrapBG.gif) 0 0 repeat-y; 
float:left;
}

#alpha{
width:427px;
font-size:1.1em;
line-height:1.5em;
background:transparent url(images/homeContentBG.jpg) 0 0 no-repeat; 
padding:0 0 40px 85px;
float:left;
}

#alphaWrap .alphaProjects{
width:495px;
background:transparent url(images/alphaProjectsBG.jpg) 0 0 no-repeat; 
padding-left:77px;
}

#alphaWrap .alphaDetail{
width:495px;
padding-left:77px;
background:transparent url(images/alphaDetailBG.jpg) 0 0 no-repeat; 
}

/*#alphaWrap div{
border:1px solid #ff0000;
}*/
#alpha h2{
margin:20px 0 10px;
}
#alpha p{
width:95%;
margin:0px 0 20px 0 ;
padding:0;
}

#homeBottom{
width:400px;
margin-top:20px;
padding:20px 0;
border-top:1px solid #E7E5D4;
}

#homeBottom div{
float:left;
width:183px;
}
#homeBottom h2{
font-size:1.1em;
margin-top:0;
}

#homeBottom p{
font-size:1.0em;
line-height:1.2em;
font-weight:200;
margin:10px 0 0 0;
}

/*   !!!! */




#beta{
width:223px;
float:right;
margin-top:7px;
}

/* ######### Homepage Blue Boxes ######### */

.categoryBox{
float:left;
margin-bottom:7px;
padding-left:1px;
}
.categoryBox a{
width:102px;
text-transform:uppercase;
font-weight:200;
font-size:1.2em;
color:#E7E5D4;
text-decoration:none;
display:block;
}
.categoryBox a:hover{
color:#E7E5D4;
}

#subCat1 a{
height:16px;
background:transparent url(images/catBoxes/box1Lbg.gif) 0 0 repeat-x;
padding:90px 0 0 5px;
margin-right:7px;
}
#subCat1 a:hover{
background:transparent url(images/catBoxes/hoverL.jpg) 0 0 no-repeat;
} 
#subCat2 a{
height:16px;
background:transparent url(images/catBoxes/box2Lbg.gif) 0 0 repeat-x;
padding:90px 0 0 5px;
}
#subCat2 a:hover{
background:transparent url(images/catBoxes/hoverL.jpg) -110px 0 no-repeat;
} 
#subCat3 a{
height:31px;
background:transparent url(images/catBoxes/box3Lbg.gif) 0 0 repeat-x;
padding:75px 0 0 5px;
margin-right:7px;
} 
#subCat3 a:hover{
background:transparent url(images/catBoxes/hoverL.jpg) 0 -112px no-repeat;
}
#subCat4 a{
height:31px;
background:transparent url(images/catBoxes/box4Lbg.gif) 0 0 repeat-x;
padding:75px 0 0 5px;
} 
#subCat4 a:hover{
background:transparent url(images/catBoxes/hoverL.jpg) -110px -112px no-repeat;
}
#subCat5 a{
height:31px;
background:transparent url(images/catBoxes/box5Lbg.gif) 0 0 repeat-x;
padding:75px 0 0 5px;
margin-right:7px;
} 
#subCat5 a:hover{
background:transparent url(images/catBoxes/hoverL.jpg) 0 -222px no-repeat;
}
#subCat6 a{
height:31px;
padding:75px 0 0 5px;
background:transparent url(images/catBoxes/box6Lbg.gif) 0 0 repeat-x;
} 
#subCat6 a:hover{
background:transparent url(images/catBoxes/hoverL.jpg) -110px -222px no-repeat;
}


/* ######### Internal Pages Blue Boxes ######### */

#betaSecondary{
width:164px;
float:right;
margin:7px 0 0 0;
padding:0px 0 0 0 ;
}

#betaSecondary .categoryBox{
margin:0 0 4px 0;
padding:0px;
}

#betaSecondary .categoryBox a{
width:75px;
text-transform:uppercase;
font-weight:200;
font-size:1em;
letter-spacing:-1px;
line-height:1em;
color:#E7E5D4;
text-decoration:none;
display:block;
}

#betaSecondary #subCat1 a, #betaSecondary #subCat3 a, #betaSecondary #subCat5 a{
margin-right:4px;
}

#betaSecondary #subCat1 a{
height:13px;
background:transparent url(images/catBoxes/box1Lbg.gif) 0 100% repeat-x;
padding:67px 0 0 5px;
}
#betaSecondary #subCat1 a:hover{
background:transparent url(images/catBoxes/hoverS.jpg) 0 0 no-repeat;
} 

#betaSecondary #subCat2 a{
height:13px;
background:transparent url(images/catBoxes/box2Lbg.gif) 0 100% repeat-x;
padding:67px 0 0 5px;
}
#betaSecondary #subCat2 a:hover{
background:transparent url(images/catBoxes/hoverS.jpg) -84px 0 no-repeat;
} 

#betaSecondary #subCat3 a{
height:25px;
background:transparent url(images/catBoxes/box3Lbg.gif) 0 100% repeat-x;
padding:55px 0 0 5px;
}
#betaSecondary #subCat3 a:hover{
background:transparent url(images/catBoxes/hoverS.jpg) 0 -84px no-repeat;
}

#betaSecondary #subCat4 a{
height:25px;
background:transparent url(images/catBoxes/box4Lbg.gif) 0 100% repeat-x;
padding:55px 0 0 5px;
}
#betaSecondary #subCat4 a:hover{
background:transparent url(images/catBoxes/hoverS.jpg) -84px -84px no-repeat;
}

#betaSecondary #subCat5 a{
height:25px;
background:transparent url(images/catBoxes/box5Lbg.gif) 0 100% repeat-x;
padding:55px 0 0 5px;
}
#betaSecondary #subCat5 a:hover{
background:transparent url(images/catBoxes/hoverS.jpg) 0 -166px no-repeat;
}

#betaSecondary #subCat6 a{
height:25px;
background:transparent url(images/catBoxes/box6Lbg.gif) 0 100% repeat-x;
padding:55px 0 0 5px;
}
#betaSecondary #subCat6 a:hover{
background:transparent url(images/catBoxes/hoverS.jpg) -84px -166px no-repeat;
}

/* ##### Projects Homepages ###### */

#subcontent .projectShort{
width:245px;
float:left;
}

.projectShort img{
float:left;
margin-right:5px;
border:1px solid #E7E5D4;
}

.projectShort .title{
color:#E28F18;
font-size:1em;
display:block;
margin-bottom:3px;
}

.projectShort p{
font-size:1em;
line-height:1.1em;
}

/* ###### Projects Gallery Styles ##### */

#gallery{position:relative}

.galleryLeft{
width:305px;
float:left;
margin-top:10px;
}

.galleryLeft img{
border:1px solid #E7E5D4;
}

.galleryRight{
width:175px;
float:left;
margin:10px 0 0 10px;
display:inline
}
.single{margin-left:13px;}

.galleryRight a{
float:left;
color:#E7E5D4;
}

#galleryRight a:visited{
color:#E7E5D4;
}

.galleryRight a img{
display:block;
margin:0 4px 4px 0;
border:1px solid #E7E5D4;
}

#galleryNav{
width:175px;
float:right;
padding:0 5px 0  0;
display:inline;
position:absolute;
left:310px;
bottom:0;
}

#galleryNav a{
float:left;
text-decoration:none;
}

.galleryNavL{
width:13px;
height:20px;
display:block;
background:transparent url(images/galleryArrows.png) 0px 0px no-repeat;
padding-right:3px;
}

.galleryNavR{
width:13px;
height:20px;
display:block;
background:transparent url(images/galleryArrows.png) -17px 0px no-repeat;
}

.galleryNavL:hover{
background:transparent url(images/galleryArrowsHover.png) 0px 0px no-repeat;
}

.galleryNavR:hover{
background:transparent url(images/galleryArrowsHover.png) -17px 0px no-repeat;

}
#listingL{
width:305px;
float:left;
}
#listingL h2{
}

#listingR{
width:150px;
float:left;
background:transparent url(images/fastFactBG.png) 0 0 repeat;
margin-top:4.5em;
padding:10px;
}

#listingR h3{
font-size:1.2em;
margin-top:5px;
}


/*     ---- Contact Form----     */
.required{color:#E28F18;font-weight:bold }
.error{color:#FF6600;font-weight:bold}

/*     ---- Footer----     */


#footer{
padding:20px 0 30px 0;
line-height:1.5em;
}
#footer a{
text-decoration:none;
}