body {
margin : 0;
padding : 0;
background : #480000 url(/img/bg_pagecolor.png);
font-size : 95%;
}

body, body * {
font-family : Georgia, serif;
}

#wrapper {
position : relative;
background : url(/img/bg_page.png) repeat-y;
width : 770px;
margin : 0 auto;
}

#header {

}

#content {
margin-left : 200px;
min-height : 515px;
}

a {
color : #600;
text-decoration : none;
border-bottom : 1px dotted;
}

a:visited {
color : #666;
}

a:hover {
color : #f00;
border-bottom : 1px solid;
}

a.img {
border-bottom : none;
}

.sizzle {
margin-top : 2px;
}

#hpPhoto {
float : right;
width : 205px;
margin-right : 30px;
}

#hpKitchen {
float : left;
width : 250px;
margin-top : -5px;
margin-left : 25px;
}

#hpOfferings {
float : right;
width : 190px;
margin-right : 35px;
border : 1px solid #000;
font-size : 80%;
}

#hpOfferings h3 {
margin : 0;
background : #933;
color : #fff;
padding : 2px 5px;
border-bottom : 1px solid #000;
font-size : 130%;
}

#hpOfferings ul {
list-style : none;
margin-left : 0;
padding-left : 0;
}

#hpOfferings ul li {
margin-bottom : 8px;
margin-left : 5px;
font-weight : bold;
}

#hp p {
margin-left : 10px;
}

#intro {
width : 330px;
float : left;
}

.intro {
color : #5C0101;
font-size : 130%;
margin-top : 5px;
}

.mid {
margin-right : 30px;
clear : both;
}

.clear {
clear : both;
height : 1px;
}

/* --- NAV --- */

#nav {
position : absolute;
top : 200px;
left : 26px;
background : url(/img/nav_topcap.png) no-repeat;
padding-top : 8px;
}


#navbottomcap {
background : url(/img/nav_botcap.png) no-repeat;
width : 167px;
height : 8px;
}

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

#nav a {
display : block;
width : 167px;
background-repeat : no-repeat;
background-position : 0 0;
height : 0 !important;
padding-top : 32px;
overflow : hidden;
border : none;
}

#nav a:hover, #hp #home, #pageAnderson #anderson, #pageWindows #windows, #pageDecking #decking, #pageDecking #railings, #pageKitchen #cabinets, #pageKitchen #flooring, #pageSiding #siding, #pageSiding #eng_lumber, #pageSiding #closet, #pageLocations #locations {
background-position : -167px 0;
}

#home {
background : url(/img/button_home.png);
}

#anderson {
background : url(/img/button_anderson.png);
}

#windows {
background : url(/img/button_windows.png);
}

#decking{
background : url(/img/button_decking.png);
}

#railings {
background : url(/img/button_railings.png);
}

#cabinets {
background : url(/img/button_cabinets.png);
}


#flooring {
background : url(/img/button_flooring.png);
}

#eng_lumber {
background : url(/img/button_eng_lumber.png);
}

#siding {
background : url(/img/button_siding.png);
}

#closet {
background : url(/img/button_closet.png);
}

#shop {
background : url(/img/button_shop.png);
}

#locations {
background : url(/img/button_locations.png);
}

#contact {
background : url(/img/button_contact.png);
}

/* ANDERSEN PAGE */
#andersen {
position : relative;
}

#andersen_collage {
margin-top : 10px;
margin-left : 10px;
}

#andersen_collage p {
text-align : center;
margin : 0 20px 0 0;
font-variant : small-caps;
}

#andersen_list {
margin-top : 25px;
font-size : 125%;
font-weight : bold;
}

#truckload {
position : absolute;
right : 80px;
top : 350px;
margin : 0;
}

/* Item Pages */

.logos {
text-align : center;
}

.logos img {
display : block;
margin : 10px auto;
}

#windows_content {
position : relative;
}

#decking_content, #kitchen_content {
position : relative;
min-height : 250px;
}

#window1, #deck1, #counter1 {
position : absolute;
top : 35px;
left : 20px;
}

#window2, #counter2 {
position : absolute;
top : 35px;
right : 30px;
}

/* LOCATIONS PAGE */
#locations_content {

}

#location1, #location2 {
width : 220px;
background : #fff;
float : left;
border : 1px solid #aaa;
margin : 25px;
}

#locations_content h2, #locations_content p {
text-align : center;
}

#locations_content p {
margin-bottom : 1em;
}

#locations_content h2 {
text-align : center;
margin : 0;
padding : 3px 0;
border-bottom : 1px solid #ccc;
}

#location2 {

}

/* --- FOOTER --- */

#footer {
clear : both;
width : 770px;;
margin : 0 auto;
background : url(/img/bg_footer.png) repeat-y;
color : #fff;
padding-bottom : 35px;
}

#footercontent {
padding-top : 5px;
margin-left : 200px;
}

#hours, #phone {
float : left;
}

#phone {
margin-left : 80px;
}

#footer h4 {
margin-top : 0;
margin-bottom : .25em;
}

#footer p {
margin : 0;
}

#hours ul {
font-size : 80%;
list-style : none;
margin : 0;
padding : 0;
}

#hours li {
margin : 0 0 5px 0;
padding : 0;
}