/* CSS Document */

/**declares an overall font family and font color, as well as the torn paper bkgd**/
body {
background-image:url(../images/slices/default/bkgd.jpg);
font-family:Georgia, "Times New Roman", Times, serif;
color:#996633;
}

#container {
width:762px;
margin-left:auto;
margin-right:auto;
position:relative;
top:50px;/***to make space for logo's overlap***/
z-index:1;background-image:url(../images/slices/default/bkgd_content.jpg);/**torn edge image**/
background-repeat:repeat-y;
}

html>body #container {/*---for better browsers NOT IE----- */
height:auto!important;
}

/****div for IE6, gives container a bottom margin for browser****/
#wrapper {
height:650px; 
}

/*****************************************/
/*      LEFT COLUMN (LOGO, NAV, "M")
/*****************************************/

#leftcol {
width:317px;
position:relative;
float:left;
z-index:5;
padding:0;
margin:0;
}

#logo {
background-image:url(../images/slices/default/logo.gif);
position:relative;
float:left;
width:348px;
height:180px;
right:27px;
top:-61px;/*brings the logo outside of the container*/
margin:0;
padding:0;
margin-bottom:-45px;/*compensates for negetive top positioning (above). IE6 will match the hill up only*/
z-index:20;
}

#leftnav {
margin:0;
padding:0;
position:relative;
z-index:9;
height:230px;/**controls height of everything**/
left:10px;
text-transform:uppercase;
width:280px;
font-size:.9em;
white-space:nowrap;
}

#leftnav li {
list-style:none;
padding:5px 0;
}

#leftnav a:link, #leftnav a:visited {
text-decoration:none;
color:#6a5c48;
font-weight:800;
} 

#leftnav a:hover {
background-image:url(../images/slices/default/hover.gif);/*hover image*/
background-repeat:no-repeat;
background-position:right;
padding:0 27px 0 0;/*moves image to the right of the nav item*/
width:24px;
height:14px;
color:#336699;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}

#M {
background-image:url(../images/slices/default/M.jpg);
position:relative;
width:316px;
height:155px;
margin:0;
padding:0;
left:1px;
bottom:0px;
}

/*****************************************/
/*              RIGHT COLUMN
/*****************************************/

#rightcol {
position:relative;
float:right;
width:410px;
height:410px;
right:23px;
top:15px;
margin-left:-319px;/***CSS trick, makes room for left column***/
}

/*****************************************/
/*                CONTENT
/*****************************************/

/****div givs overlap look of boxes****/
#content {
background-image:url(../images/slices/default/bkgd_overlap.gif);
position:relative;
font-size:.7em;
height:100%;
}

.clear {
clear:both;
}

/***main background for product boxes***/
.boxes {
background-image:url(../images/slices/default/bkgd_box.gif);
height:auto;
min-height:100px;
width:100%;
position:relative;
margin:0 0 7px 0;/***makes room for overlap look***/
padding:2px 0 2px 0;
}

.boxes p {
padding:7px 0 0 7px;
}

#content a:link, #content a:visited {
color:#996633;
text-decoration:underline;
}

#content a:hover {
color:#996633;
text-decoration:none;
}

.header {
font-weight:800;
color:#663300;
position:relative;
}

/*****************************************/
/*             IMAGE FLOATS
/*****************************************/

.floatl {
position:relative;
float:left;
margin:0;
padding:0 5px 0 0;
z-index:40;
}

.floatr {
position:relative;
float:right;
margin:0;
padding:0 0 0 5px;
z-index:45;
}

.floatldresser {
position:relative;
float:left;
margin:-5px 0 0px -4px;
padding:0;
z-index:19;
}

.floatrchair {
position:relative;
float:right;
margin:0px;
padding:0;
}

img {
padding:0;
margin:0;
}

/*****************************************/
/*          ADDITIONAL STYLES
/*****************************************/

.spacer {
position:relative;
height:5px;
width:400px;
margin:0;
padding:0;
}

/**accessibility styles, do not remove**/
.hidden_skip, .nostyles {
display:none;
}  

.bigger {
font-size:1.2em;
}

/************WOOD STYLES*****************/

.log {
background-image: url("../images/slices/global/wood.jpg");
background-position:top;
background-repeat:repeat-x;
position:relative;
height:17px;
width:100%;
z-index:3;
margin:0 0 -1px 0;/**for IE6 only**/
padding:0;
}

html>body .log {/*---for better browsers NOT IE----- */
margin:0 0 0px 0!important;
top:0px;
}

/***rounded corners for wood, placed inside "wood" class***/
.log_end {
background-image:url(../images/slices/default/wood_ends.gif);
width:764px;
height:17px;
position:relative;
margin:0;
padding:0;
}

/***********ribbon*******************/
#ribbon {
position:absolute;
right:143px; 
z-index:98; 
top:-53px; 
right:-52px;
margin:0;
padding:0; 
}