/* CSS Document 

Developer: 
Pronk Graphics
http://www.pronkgraphics.com

*/
body {
background-color:#4b2600;
background-image:url(images/theme/bg_main_v1.jpg);
background-position:center top;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;

}
	

#main_wrap {
margin-left:auto;
margin-right:auto;
margin-top:0px;
position: relative;
width:695px;
display:block;
}

#body_wrap {
display:block;
float: left;
height: 200px;
width:695px;
}


#header {
display:block;
height:204px;
width:695px;
float:left;
background-image: url(images/theme/bg-header-2.jpg);
background-position:center top;
background-repeat: no-repeat;
}


#content_wrap {
float:left; width:695px; display:block; background-color:#FFFFFF;
}

/* ================================== CONTENT BACKGROUND IMAGES ================================== */
.bg_home {
width:695px;
/* background-image:url(images/theme/bg-content-home-1.jpg); */
background-image:url(images/content/home_5.jpg);
background-position:center bottom;
background-repeat: no-repeat;
float:left;
}

.bg_flooring {
width:695px;
background-image:url(images/content/flooring_2.jpg);
background-position:0px bottom;
background-repeat: no-repeat;
}

.bg_trim {
width:695px;
background-image:url(images/content/trim_3.jpg);
background-position:-1px bottom;
background-repeat: no-repeat;

}

.bg_lumber {
width:695px;
background-image:url(images/content/lumber_4.jpg);
background-position:0px bottom;
background-repeat: no-repeat;

}

.bg_stairs {
width:695px;
background-image:url(images/content/stairs_2.jpg);
background-position:0px bottom;
background-repeat: no-repeat;

}




#content {
float:left; width:470px; display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
line-height:22px;
padding-bottom: 160px;

}



/* ================================== NAVIGATION ================================== */
#navcontainer {
display:block;
float:left;
width:190px;
text-align:left;
padding-left:20px;
height: 270px;
}


#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
line-height:20px;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;

}

#navcontainer a:link, #navlist a:visited
{
color: #4C711D;
text-decoration: none;
text-transform:uppercase;
border-left: 6px solid #FFFFFF;
}

#navcontainer a:hover
{
border-left: 6px solid #333333;
color:#000000;
}

#navlist {
border-left: 1px solid #666666;
font-size:12px;
}

#navlist li a {
color: #006633;
text-transform:uppercase;
border-left: 6px solid #FFFFFF;
}

#navlist li a:hover {
color:#000000;
border-left: 6px solid #333333;
}

#navlist li a.current {
color:#000000;
border-left: 6px solid #333333;
}



/* ================================== END NAVIGATION ================================== */



#footer {

}

.foot_bgimage {
display:block;
width:695px; 
float:left;
height:30px;
background-image:url(images/theme/bg-footer-1.png);
background-position:0px top;
background-repeat: no-repeat;
font-size:10px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
padding-top:10px;
text-align:center;
}

.developertag {
display:block; float:left; width: 695px; color:#a16424; font-size:10px; text-align:right; padding: 0px 0px 10px 0px;
font-family:Arial, Helvetica, sans-serif;
}

.developertag a {
text-decoration:none; color: #a16424;
}

.developertag a:hover {
text-decoration:none; color:#FFFFFF;
}



h1 { 
font-family:"Times New Roman", Times, serif; 
font-size:36px;
margin-top:0px;
padding-top: 0px;
color:#000000;
line-height:normal;
}

h2 {
margin:0px;
padding:0px;
font-style:italic;
}

/* ====================== CONTACT FORM =========================== */
.formtext {
color:#4C711D; /* green */
font-size:12px;
padding:8px 0px 8px 0px;
}

.formbutton {
background-color:#FFFFFF;
color:#3399FF;
}

.formbutton hover {
background-color:#CCCCCC;
color:#3399FF;
}

#contactform {
color:#3399FF;
margin:0px;
padding-top:0px;
}

#contactform input, #contactform textarea {
border:1px solid #CCCCCC;
}	

#contactform p vllabel {
color:#0000CC;
}

.warnings {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0000CC;
}

.error {
color:#990000;
}
.cerrclass{
color:#990000;
}
.controlerror {
    background-color: #ffffdd;
    border: 1px solid #AA0000;
}

.required {
font-weight:bold; font-size:12px;
}