div {border: solid 1px #0000ff;}

/* TEXT */

body{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;}
	
#frontpage #banner p{
font-family: Georgia;
font-size:15px;
font-style:italic;
line-height:2px;
margin-top:22px;
	}
	
a{ color: #fb5920; text-decoration: none;}
a:hover{ color: #7d3218; text-decoration: none;}
a:active{color: #fb5920; text-decoration: none;}
a:visited{color: #fb5920; text-decoration: none;}

#frontpage #banner .number {
	font-family: Helvetica, arial, sans-serif;
	font-size: 30px;
	color: #fb5920;
	font-weight: bold;}

H1.sectionheader{
	font-family: Georgia, serif;
	font-size: 12px;
	color:#463f28;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	}
	
#content #intro.parahead p{
	color:#332B0D;
font-size:17px;
line-height:1.25em;
	
	}
	
#content .paracol h2{
	font-size: 18px;
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 5px;
	}
	

	
#content .paracol p{
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 1.4em;}

#footer h1{
	color: #a69e82;
	margin-bottom: 4px;
	font-family: Georgia, serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	}
	
#footer p, #footer ul{
	font-size: 11px;
	line-height: 1.3em;
	color: #a69e82;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#footer a{ color: #a69e82; font-weight: bold;}
#footer a:hover{ color: #a69e82; text-decoration: underline }
#footer a:active{color: #a69e82; font-weight: bold;}
#footer a:visited{color: #a69e82; font-weight: bold;}


/* ELEMENTS */

#logo{
	margin-left: auto;
	margin-right: auto;
	width: 404px;
}

#frontpage #banner{
	height: 298px;
	background-color: #fff7da;
	float: left;
	width: 100%;
	padding-top: 11px;
	margin-top:2px;
}

#frontpage #banner #col1 {
	float: left;
	width: 298px;
margin:30px 128px 53px 49px;
text-align: center;
	}
	
#frontpage #banner #col2 {
	float: left;}
	
#content #banner {
	/* border-bottom: 1px solid #BAB9B6; */
	margin-top: 1px;
	}
	
.section{
margin-top:10px;
padding-top:3px;	}

#content .splash{
	height: 203px;}

#main{
	width: 100%;
	float: left;
	margin-bottom:40px;
	}

#content #columns{
	margin-top: 7px;}

#content #intro.parahead{
	}
	
#content #main #col1{
	border-right:1px solid #BAB9B6;
float:left;
margin-right:22px;
padding-right:15px;
width:712px;}
	
#content #main #col2{
	float:left;
margin-top:17px;
width:210px;}

#content .paracol#aboutus{
	width: 195px;
	margin-right: 30px;}

#content .paracol {
	margin-top:20px;
	float: left;}
	
.border{
	background-color: #e9e6ca;
	padding: 15px;
	}
	

/* FOOTER */

#footer{
	width: 975px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px; }
	
#footer .col{
	margin-right: 16px;
	float: left;
	width: 150px;}
	
	
#footer #col3{
float: right;
text-align: right;
margin: 0;
	
	 }
	
/* PRODUCT */

#frontpage .product{
	float:left;
height:220px;
margin-right:45px;
width:210px;
	}
	
#content .product{
	float:left;
height:260px;
margin-right:35px;
width:210px;}

.product .thumb{
	text-align: center;
	margin:26px auto 20px;
	text-align:center;
	}

.product h2{
	font-family: Georgia, serif;
	font-size: 22px;
	font-weight: normal;}

.product h3{
	font-size:12px;
line-height:1.3em;
margin-top:3px;
	}

.product .details{
	border-top:1px solid #333;
	margin-top: 5px;
	padding-top: 5px;}
	
.product p.price, .product h4{
	font-size: 15px;
	font-style: italic;
	font-family: Georgia, serif;
	float: left;
	font-weight: normal;
	}
	
.product p.actiontext{
	color:#3B580E;
float:right;
font-size:12px;
font-weight:bold;
margin-top:4px;
text-transform:uppercase;}

#frontpage #product4, #content .lastinrow{
margin-right: 0px;}

/* NAVIGATION */

#nav{
	height:82px;
left:-158px;
position:relative;
top:-204px;
width:700px;}
	
#nav ul{
list-style: none;
}

#nav li{
	display: inline;
		}

#nav img{
	}

#nav .tag{
	border-top:1px solid #48412B;
color:#48412B;
cursor:pointer;
display:block;
font-family:Georgia, serif;
font-size:14px;
font-style:italic;
margin-left:14px;
margin-top:42px;
padding-top:4px;
text-decoration:none;
top:13px;
width:85%;
text-align: center;	 }
	
#nav a{
     text-decoration: none;
     position: absolute;
     top:188px;
     height: 74px;
     background-image: url(images/nav/nav.png)
}

#nav a#n1 {width:138px; left:360px; background-position: 5px 0px;}
#nav a#n1:hover {background-position: 5px 74px;}
#nav a#n1.active {background-position: 5px 150px;}

#nav a#n2 {width:138px; left:498px; background-position: -157px 0px;}
#nav a#n2:hover {background-position: -157px 74px;}
#nav a#n2.active {background-position: -157px 150px;}

#nav a#n3 {background-position:-334px 0; left:636px; width:154px;}
#nav a#n3:hover {background-position: -334px 74px;}
#nav a#n3.active {background-position: -334px 150px;}

#nav a#n4 {background-position:-512px 0; left:790px; width:154px;}
#nav a#n4:hover {background-position: -512px 74px;}
#nav a#n4.active {background-position: -512px 150px;}

/* STRUCTURE */

body{
	}
#frontpage, #content{
background-image: url(images/background.png);
	background-repeat: repeat-x;
	background-color: #fff;
	color:#48412b;
}

#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 975px;
	padding-left: 8px;
	padding-right: 8px;}

#header{
	height: 254px;
	margin-top: 10px;}
	
#footerwrap{
width: 100%;
background-color: #fff7da;
height:140px;
float: left;
}