/* Remodeling Solutions by Frey and Sons CSS Document */
html,  body {
font-family:Verdana, Tahoma, Helvetica, sans-serif;
font-size:11px;
height:100%;
}
body{
color:#3C2415;
margin:0;
padding:0;
background-color:#F7EDD4;
background-image:url(images/pagebg.jpg);
background-position:top left;
background-repeat:repeat-x;
background-attachment:fixed;
}
div{
margin:0;
padding:0;
}
#wrapHOME{
height:100%;
}
#wrapperdivHOME {
height:100%;
}
#wrap {
height:100%;
width:740px;
border-left:1px solid #3C2415;
border-right:1px solid #3C2415;
background-color:#F7EDD4;
}

#wrapperdiv {
}
a:link, a:visited{
text-decoration:underline;
color:#7E1F09;
}
a:hover, a:active{
color:#3C2415;
text-decoration:none;
}
h1, h2, h3, h4{
color:#7E1F09;
margin:0;
padding:0;
}
/* content */

#copyhome p{
line-height:180%;
text-align:justify;
}
#copy{
padding:25px;
}
#copy p{
line-height:165%;
text-align:justify;
margin-top:0;
margin-bottom:25px;
}
#copy h1{
font-family:"Times New Roman", Times, serif;
font-size:24px;
font-weight:normal;
margin-top:20px;
margin-bottom:20px;
}
#copy h2{
font-family:"Times New Roman", Times, serif;
font-size:21px;
font-weight:normal;
margin-bottom:5px;
}
#copy h3{
color:#3C2415;
font-size:12px;
font-weight:bold;
}

/* nav */
#mainnav{
padding:0 10px 10px 0;
}
#mainnav a{
display:block;
padding:6px;
border-left:1px solid #CDB098;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-variant:small-caps;
font-size:13px;
font-weight:bold;
}
#mainnav a:link, #mainnav a:visited{
text-decoration:none;
color:#7E1F09;
}
#mainnav a:hover, #mainnav a:active{
text-decoration:none;
color:#3C2415;
background-color:#DED2BC;
}
#subnav{
font-family:"Times New Roman", Times, serif;
font-size:12px;
letter-spacing:1px;
background-color:#5E1000;
height:23px;
text-align:right;
padding-right:20px;
border-bottom:3px solid #3C2415;
}
#subnav a{
display:block;
text-align:right;
padding:4px 10px 4px 10px;
border-left:1px solid #821700;
}
#subnav a:link, #subnav a:visited{
text-decoration:none;
color:#F7EDD4;
background-image:url(images/subnavbg.jpg);
background-position:top left;
background-repeat:repeat-x;
}
#subnav a:hover, #subnav a:active{
color:#F7EDD4;
background-image:url(images/subnavbg2.jpg);
background-position:top left;
background-repeat:repeat-x;
}


/* images */
#imgmain{
border-top:3px solid #3C2415;
}
#gallery {
text-align:center;
}
#gallery a {
display:block;
padding:2px;
border:1px solid #B48763;
}


/* image bgs */

#serviceQ{
background-color:#F7EDD4;
border-top:3px solid #3C2415;
height:300px;
width:740px;
background-image:url(images/models/olsen_kitchen4.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#showroomQ{
background-color:#F7EDD4;
border-top:3px solid #3C2415;
height:300px;
width:740px;
}
#galleryQ{
background-color:#F7EDD4;
border-top:3px solid #3C2415;
height:300px;
width:740px;
background-image:url(images/models/MarisolPatio.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#aboutQ{
background-color:#F7EDD4;
border-top:3px solid #3C2415;
height:300px;
width:740px;
background-image:url(images/models/Kitchen.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#approachQ{
background-color:#F7EDD4;
border-top:3px solid #3C2415;
height:300px;
width:740px;
background-image:url(images/models/Study.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#contactQ{
background-color:#F7EDD4;
border-top:3px solid #3C2415;
height:300px;
width:740px;
background-image:url(images/models/Bathroom.jpg);
background-position:top left;
background-repeat:no-repeat;
}

/* Footer */

#footer{
text-align:center;
color:#B48763;
font-size:9px;
padding:5px;
}
#footer a:link, #footer a:visited{
text-decoration:underline;
color:#A87851;
}
#footer a:hover, #footer a:active{
color:#3C2415;
text-decoration:none;
}
#footer img a{
text-decoration:none;
}
#footernav{
font-family:"Times New Roman", Times, serif;
text-align:center;
color:#7E1F09;
font-size:11px;
padding:5px;
letter-spacing:5px;
}
#footernav a{
text-decoration:none;
letter-spacing:2px;
}
#footernav a:link, #footernav a:visited{
text-decoration:none;
color:#7E1F09;
}
#footernav a:hover, #footernav a:active{
text-decoration:none;
color:#3C2415;
}
/* misc ids*/
#quotes{
text-align:justify;
color:#A87851;
font-size:9px;
line-height:160%;
letter-spacing:1px;
}
div#popup {
background:#F7EDD4;
border:1px solid #B48763;
margin:0px;
padding:7px;
width:270px;
color:#3C2415;
}
#map{
border:1px solid #B48763;
}
#watermark{
background-image:url(images/remodeling_solutions.gif);
background-position:top center;
background-repeat:no-repeat;
height:170px;
}

/* misc classes */

.padTP15 {
padding-top:15px;
}
.padTP20 {
padding-top:20px;
}
.padLT25 {
padding-left:25px;
}

.caps{
font-variant:small-caps;
font-weight:bold;
font-size:20px;
}
.bronze{
color:#825B3A;
}
.borderBWN{
border:3px solid #3C2415;
}
.borderLT{
border-left:1px solid #B48763;
}

.subheader{
color:#B48763;
border-top:1px solid #B48763;
border-bottom:1px solid #B48763;
font-size:medium;
line-height:140%;
margin:10px 0 10px 0;
padding:5px 0 5px 0;
display:block;
}
.tinytxt{
font-size:9px;
color:#B48763;
}
.quote{
font-family:"Times New Roman", Times, serif;
color:#B48763;
border-top:1px solid #B48763;
border-bottom:1px solid #B48763;
font-size:small;
line-height:140%;
margin:10px 0 10px 0;
padding:5px 0 5px 0;
display:block;
}
.borderBT td{
border-bottom:1px solid #B48763;
padding:10px 0 10px 0;
}
/* lightbox  */

#lightbox{
background-color:#F7EDD4;
padding: 10px;
border-bottom: 2px solid #333333;
border-right: 2px solid #333333;
}
#lightboxDetails{
font-size: 9px;
padding-top: 5px;
}
#lightboxCaption{ float: left; color: #3C2415; }
#keyboardMsg{ float: right; color: #3C2415; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}