/* CSS Document */



body {
background-image:url(../images/slices/default/bkgd.jpg);
font-family:Georgia, "Times New Roman", Times, serif;
color:#996633;
}

#container {
width:762px;
height:auto;
margin-left:auto;
margin-right:auto;
position:relative;
top:100px;
}

/**The M**/
#hills {
background-image:url(../images/slices/secondary/hills.jpg);
width:468px;
height:103px;
position:relative;
left:58px;
top:-60px;
margin-bottom:-63px;
}

/*****************************************/
/*             LEFT COLUMN
/*****************************************/

#leftcol {
position:relative;
float:left;
display:inline;
width:232px;
background-image:url(../images/slices/secondary/bkgd_leftnav.jpg);/**torn paper image for bkgd**/
background-repeat:repeat-y;
height:100%;
margin:0;
padding:0;
}

#logo {
background-image:url(../images/slices/secondary/logo.gif);
width:352px;
height:179px;
position:relative;
right:33px;
top:-80px;/*moves logo outside the container*/
z-index:11;
padding:0;
margin-bottom:-80px;/*compensates for being moved outside the container*/
}

/*****************************************/
/*           LEFT NAVIGATION
/*****************************************/
#leftnav {
position:relative;
margin:0;
left:13px;
text-transform:uppercase;
font-size:.8em;
width:220px;
padding:0 0 20px 0;
}

#leftnav li {
list-style:none;
padding:12px 0 0 0;
display:block;
}

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

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

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

/***special DIV for IE6 positioning***/
#wrapper_r {
float:right;
margin-left:-330px;/*essential to make room for left column for IE6*/
margin-right:0;
width:530px;
}

#rightcol {
background-image:url(../images/slices/secondary/bkgd_content.jpg);
position:relative;
width:530px;
height:100%;
left:5px;
margin:0 0 20px 0;
padding:0;
}

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

#text {
position:relative;
min-height:320px;
height:320px;/**only IE6 reads this**/
margin:70px 30px 5px 35px;
padding:0 0 25px 0;/*space so text doesn't end abrubtly at bottom*/
z-index:7;
color:#663300;
font-size:.9em;
}

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

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

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

/**top page description**/
#describer {
background:url(../images/slices/secondary/tree_contenth.gif) no-repeat left;/**tree image**/
position:absolute;
left:260px;
top:69px;
width:500px;
text-transform:uppercase;
font-size:1.4em;
padding:0px 0 0 29px;/**space between text and tree iamge**/
margin:20px 0 0 0px;
color:#4a8797;/**blue font color**/
z-index:12;
font-weight:800;
}

/**background box behind products**/
.box {
background-image:url(../images/slices/secondary/bkgd_box.gif);/**tiny image of background color of box**/
width:450px;
padding:5px;
position:relative;
margin:0 0 10px 0;
font-size:.8em;
}

/**trees at bottom of pages**/
#trees {
background-image:url(../images/slices/secondary/trees_bottom.gif);
width:86px;
height:91px;
position:absolute;
left:10px;
z-index:5;
bottom:18px;
}

#copyright {
color:#999999;
font-size:.7em;
z-index:21;
bottom:0;
position:relative;
float:left;
left:15px;
width:350px;
}

#phone {
position:relative;
float:right;
color:#999999;
font-size:.7em;
right:15px;
width:155px;
}

/************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;
}

/***rounded ends of wood***/
.log_end_main {
background-image:url(../images/slices/secondary/wood_ends_main.gif);
width:533px;
height:17px;
position:relative;
margin:0;
padding:0;
}

/***rounded ends of wood for left nav only***/
.log_end_leftnav {
background-image:url(../images/slices/secondary/wood_ends_leftnav.gif);
width:238px;
height:17px;
position:relative;
}

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

.clear {
clear:both;
}

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

/******for product boxes***********/
.photol {
position:relative;
float:left;
margin:0 0 10px 0;
padding:5px 5px 0 0;
}

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

/**diamond line that divides product name from description**/
.line {
background-image:url(../images/slices/secondary/line.gif);
width:306px;
height:9px;
position:relative;
display:block;
margin:0 0 0px 0;
padding:0;
}

.product {
position:relative;
margin:0;
padding:0;
}

/**paragraph under product name that describes product**/
.prod_desc {
width:280px;
position:relative;
margin:0;
padding:0;
text-transform:lowercase;
}

.col_right  {
margin-left:-160px;
position:relative;
padding:0;
float:right;
width:320px;
right:0;
}

/**gives prices, dimensions a blue font color**/
table {
margin:3px 0 0 0;
color:#006699;
 }

.bigtext {
font-size:1.3em;
}

/**for items in the tables that will be brown fonts**/
.noblue {
color:#663300;
}

.blue {
color:#4a8797;/**blue font color**/
}

/**no border around images**/
img { 
margin:0;
padding:0;
border:none;
}

.category {
text-transform:capitalize;
text-decoration:none;
font-size:1.1em;
color:#336699;
}

.center {
text-align:center;
}

.order {
background-image:url(../images/slices/global/orderingButton.jpg);
width:149px;
height:93px;
margin:10px auto 10px auto;
}

.order p {
color:#4a8797;/**blue font color**/
font-weight:bold;
font-size:1.0em;
text-align:center;
padding:30px 0 0 0;
line-height:1.2em;
}

.order span {
font-size:1.2em;
}

#container .order a {
color:#4a8797;/**blue font color**/
text-decoration:underline;
}

#container .order a:hover {
text-decoration:none;
}