body,html,form,img{
margin:0;
padding:0;
border:0;
}

body,html{
height:100%;
}

body{
background-color:#361604;	
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
background-color:#361604;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica;
font-size:9pt;
}


#mainContainer{
width:986px;
margin:0 auto;
position:relative;
}

#hdr{
width:986px;
height:55px;
background-image:url(../images/hdrBg.jpg);
background-repeat:no-repeat;
color:#CEBE91;
text-align:center;
padding-top:10px;
position:relative;
}

#hdr span{
position:absolute;
right:100px;
}

#hdr a{
color:#fff;
}

#topNav{
clear:both;
width:918px;
height:33px;
background-color:#675839;
font-size:10pt;
font-weight:bold;
padding-left:76px;
text-transform:uppercase;
}

#topNav ul, #topNav li{
margin:0;
padding:0;
list-style:none;
}

#topNav li{
float:left;
}

#topNav a{
display:block;
color:#B3A475;
text-decoration:none;
text-transform:uppercase;
padding:8px 15px 7px;
background-image:url(../images/topNavItem.gif);
background-position:top right;
background-repeat:no-repeat;
overflow:hidden;
}

#topNav a:hover{
background-color:#453712;
color:#fff;
}

#topNav .white a{
color:#fff;
}

#topNav a.last{
background-image:none;
}

/*Styles for dropdown menu*/
#topNav .subMenu
{
position: absolute;
visibility: hidden;
margin:0;
padding:0;
font-size:9pt;
z-index:100;
}

#topNav .subMenu a, #topNav .subMenuLast a
{
position: relative;
margin: 0;
padding: 10px 15px 10px 20px;
text-align: left;
text-decoration: none;
background-color:#453712;
color: #fff;
width:160px;
border-top:1px solid #361705;
border-bottom:none;
font-size:9pt;
text-transform:none;
float:none;
clear:both;
background-image:none;
text-transform:uppercase;
}
#topNav .subMenu a:hover, #topNav .subMenuLast a:hover{
background-color: #675839;
}

#topNav .subMenuLast{	
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
margin-left:-52px;
}
/*End Dropdown Styles*/

#hdrContent{
background-image:url(../images/hdrContentBg.jpg);
background-repeat:no-repeat;
clear:both;
height:259px;
margin-top:1px;
width:986px;
}

#hdrContent .image{
padding:20px 21px 0 80px;
float:left;
display:block;
width:553px;
height:218px;
}

#hdrContent img{
float:left;
}

#wrapper{
width:100%;
background-image:url(../images/wrapperBg.jpg);
background-repeat:repeat-x;
background-color:#F8F2E2;
clear:both;
margin-top:2px;
}

#mainContentRepeat{
margin:0 auto;
width:986px;
background-image:url(../images/mainContentRepeat.jpg);
background-repeat:repeat-y;
}

#mainContent{
clear:both;
width:986px;
background-image:url(../images/mainContentBg.jpg);
background-repeat:no-repeat;
background-position:top right;
overflow:hidden;
}

#mainLeft{
width:552px;
background-image:url(../images/mainLeftBg.jpg);
background-repeat:no-repeat;
padding:20px 22px 0 80px;
float:left;
}

#mainLeft .category1, #mainLeft .category2, #mainLeft .category3{
float:left;
width:134px;
height:267px;
margin-right:9px;
padding:10px 22px 0 22px; 
color:#F3E7BF;
font-size:9pt;
display:block;
overflow:hidden;
}

#mainLeft .category1 p, #mainLeft .category2 p, #mainLeft .category3 p{
margin:5px 0;
}

#mainLeft .category1{
background-image:url(../images/category1Bg.jpg);
background-repeat:no-repeat;
}
#mainLeft .category2{
background-image:url(../images/category2Bg.jpg);
background-repeat:no-repeat;
}
#mainLeft .category3{
background-image:url(../images/category3Bg.jpg);
background-repeat:no-repeat;
margin-right:0;
}

.categoryHdr{
font-size:13pt;
color:#F8F0DB;
text-transform:uppercase;
}

#mainLeftContent{
clear:both;
width:553px;
color:#796353;
padding:37px 0 25px;
line-height:16pt;
}

#mainLeftContent a{
color:#A4794F;
}

#mainRight{
width:250px;
background-image:url(../images/mainRightHdr.jpg);
background-repeat:no-repeat;
float:left;
color:#4B3D2D;
padding:84px 0 25px 0;
}

#mainRightContent{
width:235px;
margin:0;
padding:0;
}

#mainRightContent p{
padding-left:20px;
}

.rightHdr{
width:215px;
height:23px;
background-image:url(../images/rightHdr.gif);
background-repeat:no-repeat;
padding:7px 0 0 20px;
color:#745B3D;
font-weight:bold;
text-transform:uppercase;
display:block;
margin:0;
clear:both;
}

#estimateForm{
width:215px;
padding:15px 0 15px 15px;
clear:both;
overflow:hidden;
}

#estimateForm span{
font-family:"Times New Roman", Times, serif;
color:#745B3D;
font-size:12pt;
font-weight:bold;
padding-bottom:10px;
display:block;
}

#estimateForm label, #estimateForm input{
float:left;
margin-bottom:10px;
}

#estimateForm label{
width:75px;
}

#estimateForm input{
background-color:#F1E4BF;
border:2px solid #A6967F;
width:130px;
}

#estimateForm input.submit{
width:auto;
border:none;
background-color:none;
float:right;
margin-top:10px;
}

#ftrContainer{
width:100%;
background-color:#361604;
height:63px;
}

#ftr{
clear:both;
width:886px;
margin:0 auto;
background-color:#361604;
color:#B3A475;
overflow:hidden;
padding-top:20px;
text-align:center;
}

#ftr a{
color:#B3A475;
text-decoration:none;
text-transform:uppercase;
padding:15px;
text-transform:uppercase;
}

#ftr img{
float:none;
clear:none;
margin:0 10px 20px 20px;
padding:0;
}

.ftr-copyright{
margin:15px auto 20px;
text-align:center;
color:#846f4a;
font-size:8pt;
}
/*photo gallery styles*/
#photoGalleryContainer{
position:relative;
width:553px;
height:218px;
margin:0;
padding:0;
z-index:0;
}

#btn1,#btn2,#btn3,#btn4,#btn5,#btn6,#btn7{
position:absolute;
bottom:15px;
font-weight:bold;
color:#fff;
}

#btn1 a, #btn2 a, #btn3 a, #btn4 a, #btn5 a, #btn6 a, #btn7 a{
color:#fff;
background-color:#000000;
height:15px;
width:9px;
padding:2px 3px 2px 6px;
display:block;
/* border:1px solid #CB9E67; */
font-size:8pt;
font-weight:700;
text-decoration:none;
outline:none;
overflow:hidden;
}

#btn1 a:hover, #btn2 a:hover, #btn3 a:hover, #btn4 a:hover, #btn5 a:hover, #btn6 a:hover, #btn7 a:hover{
background-color:#47361a;
color:#fff;
/* border:1px solid #A5784F; */
}

#photoGalleryContainer .active a{
background-color:#47361a;
color:#fff;
/* border:1px solid #A5784F; */
}

#btn1{
right:213px;
}
#btn2{
right:180px;
}
#btn3{
right:147px;
}
#btn4{
right:114px;
}
#btn5{
right:81px;
}
#btn6{
right:48px;
}
#btn7{
right:15px;
}

#interiorWrapper{
background-image:url(../images/interiorWrapperBg.jpg);
background-repeat:repeat-x;
background-color:#F8F2E2;
}

#interiorRepeat{
clear:both;
width:986px;
margin:0 auto;
background-image:url(../images/interiorRepeat.jpg);
background-repeat:repeat-y;
overflow:hidden;
margin-top:1px;
background-color:#F8F2E2;
}


#interiorContainer{
clear:both;
width:986px;
background-image:url(../images/hdrContentRight.jpg);
background-repeat:repeat-x;
}

#breadcrumb{
padding:15px 20px 0 60px;
color:#fff;
}

#breadcrumb a{
color:#fff;
text-decoration:none;
}

#left{
width:654px;
background-image:url(../images/interiorBg.jpg);
background-repeat:no-repeat;
min-height:532px;
float:left;
}

#contactForm {
padding:10px 0 10px 17px;
}

#contactForm label, #contactForm input, #contactForm textarea{
margin-bottom:10px;
float:left;
}

#contactForm label{
width:75px;
}

#contactForm input{
width:135px;
background-color:#F1E4BF;
border:2px solid #A6967F;
}

#contactForm textarea{
width:211px;
background-color:#F1E4BF;
border:2px solid #A6967F;
}

#contactForm p{
margin:0;
padding:0;
clear:both;
}

#contactForm input.submit{
float:right;
width:auto;
border:none;
}

#interior {
color:#584637;
line-height:16pt;
padding:50px 55px 25px 80px;
width:509px;
overflow:hidden;
}

#interior a{
color:#A4794F;
}

#right{
float:left;
width:332px;
}

#interiorLogo{
float:left;
width:332px;
}

#interiorLogo img{
float:left;
}

#portfolioLeft{
float:left;
padding-left:5px;
width:200px;
}

#portfolioLeft img, #portfolioTop img{
display:block;
}

#portfolioLeft div, #portfolioTop div{
float:left;
background-color:#fff;
padding:8px;
border:1px solid #E6D7B9;
cursor:pointer;
margin-right:25px;
margin-bottom:25px;
overflow:visible;
}

#portfolioLeft div.active, #portfolioLeft div.selected, #portfolioTop div.active, #portfolioTop div.selected{
border:1px solid #B87841;
}


#portfolioRight{
float:left;
width:303px;
}

#portfolioRight img, #portfolioBottom img{
display:block;
padding:8px;
background-color:#fff;
border:1px solid #E6D7B9;
float:left;
}

#portfolioRight p.title, #portfolioBottom p.title{
color:#A04A00;
font-weight:bold;
margin-bottom:0;
}

#portfolioTop{
clear:both;
width:509px;
}

#portfolioBottom{
clear:both;
width:509px;
text-align:center;
overflow:visible;
margin:25px 0 0 0;
}

#portfolioBottom p{
text-align:left;
}

#portfolioBottom img{
margin:0 auto;
float:none;
}

#subPageNav{
padding-bottom:25px;
}

#subPageNav ul, #subPage li{
margin:0;
padding:0;
list-style:none;
}

#subPageNav li a{
width:220px;
padding:7px 15px;
display:block;
font-weight:bold;
font-size:10pt;
text-decoration:none;
border-bottom:1px solid #EDDAB2;
}

#subPageNav li a:hover{
background-color:#CDC096;
}

.mainContentTxt{
clear:both;
}

ul.portfolioList, .portfolioList li{
margin:0;
padding:0;
list-style:none;
}

ul.portfolioList{
padding-top:10px;
}

.portfolioList li{
padding-bottom:15px;
clear:both;
overflow:hidden;
}

.portfolioList .left{
width:80px;
float:left;
display:block;
}

.portfolioList .right{
float:left;
}

.portfolioList li img{
float:left;
margin-right:10px;
border:1px solid #E6D7B9;
}

#interior .portfolioList li a:hover{
color:#675839;
}