/** global **/



body
{
background: #839ba7;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 15px;
letter-spacing: 1px;
color: #666;
}



h1
{
font-size: 10px;
color: #839ba7;
font-weight: normal;
letter-spacing: 6px;
margin: 0 0 20px 0;
}



.img
{
border: 0;
}



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



a:hover
{
text-decoration: underline;
}



#footer
{
font-size: 9px;
color: #ccc;
text-align: right;
margin-right: 15px;
}



.floatLeft
{
float: left;
}



.floatRight
{
float: right;
}



.clear
{
clear: both;
}



.prev_nextPad
{
padding-right: 30px;
}



.prev_nextAlignRight
{
margin-right: 50px;
clear: both;
}




.prev_nextAlignRight a
{
background: url(img/oval.gif) no-repeat center;
padding: 20px 30px;
color: #fff;
}



.prev_nextAlignRight a:hover
{
color: #51423e;
}



.grey
{
color: #ccc;
}



.reserved
{
color: #c05454;
font-weight: bold;
}


.sold
{
color: #c05454;
font-weight: bold;
}



/** parent positioning **/



#main.body
{
width: 1024px;
height: 100%;
background: #fff url(img/background.gif) no-repeat;
}



#main.body .layout
{
padding: 100px 20px 20px 80px;
}



#main.body .layout p
{
margin: 10px 10px 0 0;
}



#main.body .column
{
float: left;
width: 740px;
margin-top: 10px;
}



#main.body .column li
{
margin: 8px 0 0 15px;
padding: 0;
}



#main.body .column p.divider
{
padding-bottom: 15px;
margin-bottom: 10px;
border-bottom: 1px solid #dddab5;
}



#main.body .nav
{
float: left;
width: 131px;
margin: 0 30px 10px 0;
border-right: 1px solid #bec8ce;
}



#main.body .nav ul
{
list-style-type: none;
margin: 0;
padding: 0;
}



#main.body .nav a
{
color: #8a6d64;
text-decoration: none;
line-height: 40px;
letter-spacing: 2px;
}



#main.body .nav a:hover
{
color: #c9bb27;
text-decoration: none;
line-height: 40px;
}



/** flash **/



object
{
margin: 0;
}



object.intro
{
margin: 10px 0 0 0;
float: left;
}



/** "in progress" **/



#inProgress
{
background: url(img/gradient.gif) no-repeat;
margin-left: -32px;
height: 160px;
width: 973px;
}



#inProgress h1
{
font-size: 10px;
color: #839ba7;
font-weight: normal;
letter-spacing: 6px;
margin: 0 0 10px 0;
}



*#inProgress /* IE6 top margin fix*/
{
background: url(img/gradient.gif) no-repeat;
margin-left: -32px;
margin-top: -100px;
height: 160px;
width: 973px;
}



#inProgress img
{
float: left;
padding: 30px 0 20px 20px;
margin-right: 25px;
}


#inProgress .blurb
{
width: 720px;
margin: 10px 20px 0 0;
}



/** "recent projects" **/



#recentProjects
{
background: url(img/gradient.gif) no-repeat;
height: 160px;
width: 650px;
padding: 30px 30px 0 20px;
}



#recentProjects h1
{
font-size: 10px;
color: #839ba7;
font-weight: normal;
letter-spacing: 6px;
margin: 0 0 10px 0;
}



#recentProjectsCol
{
float: left;
width: 325px;
}



#recentProjectsCol.border
{
border-right: 1px solid #bec8ce;
padding-right: 20px;
}



img.portfolio
{
float: left;
margin-right: 30px;
border: 1px solid #bec8ce;
}



img.recentProj
{
float: left;
margin: 20px 20px 15px 20px;
border: 1px solid #bec8ce;
}



/** thumbnails **/



img.tnInProgress
{
float: left;
margin-right: 15px;
border: 0;
}



img.sales
{
float: left;
margin: 18px 5px 20px 0;
border: 1px solid #bec8ce;
}



img.salesExt
{
float: left;
margin: 18px 30px 20px 0;
border: 1px solid #bec8ce;
}



img.salesThumb
{
border: 6px solid #eae396;
float: left;
margin: 15px 0 15px 20px;
}



img.salesThumbList
{
border: 6px solid #eae396;
margin: 15px 50px 5px 0px;
}




img.kitchenBathThumb
{
border: 6px solid #eae396;
margin: 10px;
}







/** iframes **/



#beforeAfter
{
border: 1px solid #bec8ce;
margin: 10px 0 30px 0;
width: 640px;
}



#kitchenBath
{
float: left;
width: 360px;
height: 300px;
border: 1px solid #bec8ce;
margin: 10px 0 0 50px;
}