@charset "UTF-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

#wrapper{
width:48em;
margin:.5em auto;
background-color:#fff;
border:black thin solid;
}

body{
background-color: #899161;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;

}

#branding{
position:relative;
font-family: "Times New Roman", Times, serif;
color:#3A2927;
width:48em;
height:9.4em;
}

#branding h1{
font-size:40px;
position:absolute;
}

#branding h3{
position:absolute;
}

/* fixes mysterious image gap */
#branding img{
display:block;
}

#navbar{
display:block;
background-color: #769776;
height:1.6em;
}

/*remove bullets from ul in navbar */
#navbar ul{
list-style-type:none;

}

#navbar li{
float:left;

}

#navbar a,
#navbar a:link,
#navbar a:visited{
text-decoration:none;
font-family:Verdana, Geneva, Arial, sans-serif;
font-size:80%;
height:2em;
color:#000000;
display:block;
height:2em;
width:8.18em;
color:#000;
border-right:black thin solid;
/*border-right:solid .1em #ddd;
background:#aaa url(../images/navbartoporange.jpg) repeat-x center;*/ 
text-align:center;
line-height:2em;
outline-style:none;


}

#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited {
background-color: #BDCA79;
color:#000;
/*background:#aaa url(../images/navbarbottomorange.jpg) repeat-x center;*/
}

#main {
padding:.5em 1em;
background-color: #ffffff;
color:#000000;
height:48em;
}

#main .product{
height:12.5em;
background-color:#fff;
border-bottom:black thin solid;
}

#main .productimage{
float:left;
width:9em;
background-color:#FFF;
height:12em;
}
#main .productname {
background-color: #fff;
width:26em;
height:12em;
margin-left:9em;
}
#main .productpricebuy{
float:right;
text-align:center;
background-color:#FFF;
width:10em;
height:12em;
}

#main .cart{
float:right;
text-align:center;
background-color:#FFF;
width:10em;
height:6em;
}


#leftcolumn{
float:left;
width:21em;
padding:.5em 1em;
background-color: #ffffff;
color:#000000;
height:45em;
}

#leftcolumn p, #leftcolumn ol, #leftcolumn ul{
text-align:left;

line-height:1.25em;
}

#leftcolumn h1, #leftcolumn h2, #leftcolumn h3,#leftcolumn h4{
font-family: "Times New Roman", Times, serif;
text-align:left;
color:#45322f;
}

#leftcolumn ol, #leftcolumn ul{
padding:5px 0px 5px 30px;
}

#leftcolumn a{
color:#617c61;
}

#leftcolumncontent{
float:left;
width:15em;
padding:.5em .5em;
background-color: #ffffff;
color:#000000;
height:45em;
}

#leftcolumncontent p, #leftcolumncontent ol, #leftcolumncontent ul{
text-align:left;

line-height:1.25em;
}

#leftcolumncontent h1, #leftcolumncontent h2, #leftcolumncontent h3,#leftcolumncontent h4{
font-family: "Times New Roman", Times, serif;
text-align:left;
color:#45322f;
}

#leftcolumncontent ol, #leftcolumncontent ul{
padding:5px 0px 5px 30px;
}

#leftcolumncontent a{
color:#617c61;
}


#content {
margin-left:22em;
width:22em;
padding:.5em 0 .5em 1.5em;
background-color: #ffffff;
color:#000000;
height:45em;
}

#content h1, #content h2, #content h3,#content h4{
font-family: "Times New Roman", Times, serif;
color:#45322f;
}

#content p, #content ol, #content ul{
text-align:left;

line-height:1.25em;
}

#content ol, #content ul{
padding:5px 0px 5px 30px;
}

#contentcontact {
margin-left:18em;
width:28em;
padding:.5em 0 .5em .5em;
background-color: #ffffff;
color:#000000;
height:45em;
}

#contentcontact h1, #content h2, #content h3,#content h4{
font-family: "Times New Roman", Times, serif;
color:#45322f;
}

#contentcontact p, #content ol, #content ul{
text-align:left;

line-height:1.25em;
}

#contentcontact ol, #content ul{
padding:5px 0px 5px 30px;
}


#footer {
width:100%;
height:5em;
font-size:11px;
color:#9DA671;
background-color:#000000;
line-height:2.2em;
text-align:center;
}

#footer a{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}

#footer a:link, #footer a:visited{
color:#9DA671;
text-decoration:none;
}

#footer a:hover{
color:#9DA671;
text-decoration: underline;

}
#footer a:active{
color: #9DA671;
text-decoration:none;
}