@charset "utf-8";

body {
	background-color:#9b9876;
	margin:0;
	padding:0;
	font-size:small;
	font-family: Times, Times New Roman, serif;
	color:#78582a;
	}
img {border:0;}
a {color:#78582a;}	

.error {color:#f00;}
.small {font-size:0.8em;}

#container {
	background-color:#fff;
	width:996px;
	background-image:url(images/containerbg.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	min-height:680px;
	margin-left:auto;
	margin-right:auto;
	
	position:relative;
	}
	
#container h1 {display:none;}

#container h2 {font-family: Times,Times New Roman,serif;
	color:#000;
	font-size:1.2em;
	width:300px;
	margin:0;
	font-style: italic;
	font-weight: normal;
	position: absolute;
	top:30px;
	left:40px;
	}

#logo {
	position:absolute;
	left:37px;
	top:53px;
	}

#nav {
	position:absolute;
	/* width:300px; */
	top:78px;
	right:0;
	padding-right:231px;
	}
#nav ul {list-style-type:none;
	margin:0;
	padding:0;
	}
#nav li {
	float:left;
	padding-left:13px;
	background-image:url(images/navbullet.gif);
	background-repeat:no-repeat;
	background-position: left center;
	margin-right:17px;
	font-family: Helvetica,Arial,sans-serif;
	font-size:0.9em;
	text-transform: uppercase;
	}
#nav a {color:#b98840;
	text-decoration: none;}
	
#container #introbox {
	background-image:url(images/introboxbg.jpg);
	background-repeat: no-repeat;
	width:320px;
	height:196px;
	position: absolute;
	left:30px;
	top:205px;
	padding-top:25px;
	}
#introbox p {
	font-size:1.3em;
	padding:0 25px 0 25px;
	margin:0 0 0.8em 0;
	font-style: italic;
	text-align:justify;
	}
#introbox .highlight {
	padding:0 30px 0 30px;
	font-size:1.6em;
	color:#fff;
	font-style: normal;
	}
#goatsbox {
	position: absolute;
	width:401px;
	height:268px;
	left:359px;
	top:145px;
	}
#llamabox {
	position: absolute;
	left:768px;
	top:52px;
	}	
#comeseeus {
	width:240px;
	position: absolute;
	bottom:85px;
	left:102px;
	line-height:1em;
	}
#comeseeus p {
	color:#575540;
	font-size:small;
	font-style: italic;
	margin:0;
	}	
#homecontent {
	left:359px;
	position: absolute;
	top:430px;
	margin-right:32px;
	}	
#homecontent p {
	margin:0 0 0.6em 0;
	font-size:1.5em;
	text-align:justify;
	line-height:1.1em;
	}	

#contentpic {
	width:242px;
	margin-left:103px;
	float:left;
	padding-top:205px;
	color:#575540;
	font-size:1.1em;
	font-style: italic;
	text-align:right;
	}
#contentpic img {margin-bottom:3px;}		
	
#insidecontent {
	margin-left:359px;
	padding-top:156px;
	padding-bottom:80px;
	margin-right:32px;
	text-align: justify;
	font-size:1.1em;
	line-height:1.2em;
	color:#000;
	}	
#insidecontent p {
	margin:0 0 0.6em 0;	
	}
#insidecontent h3 {
	font-size:1.5em;
	text-align: right;
	font-weight: normal;
	margin-top:0;
	margin-bottom:0.7em;}
	
#insidecontent #introshrink {
	padding-right:214px;
	padding-bottom:20px;
	font-size:1.5em;
	text-align:justify;
	line-height:1.2em;
	color:#78582a;
	min-height:240px;
	}	
.insetpic {width:242px;
	color:#575540;
	font-size:1.0em;
	font-style: italic;
	text-align:right;
	float:right;
	margin-left:15px;
	margin-bottom:3px;
	}

textarea {
	width:200px;
	height:100px;
	}
#name,#email {width:200px;}		

#footer {text-align: center;
	font-size:11px;
	margin-bottom:20px;
	font-family: Arial,Helvetica,sans-serif;}
#footer a {color:#78582a;}	
#footer p {margin:0;}

/*Shop*/
#side-column { text-align:left; width:310px; margin-left:35px; float:left; padding-top:205px; color:#575540; font-size:1.1em; font-style: normal; }
.divider { border-bottom:1px solid #cecece; }
#sidenav ul { list-style:none; margin:0 0 15px 20px; padding:0; }
#side-column #sidenav ul li { padding-left:20px; line-height:30px; margin:0; }
#sidenav ul li.selected { background:url(images/shop/sidenav-active.png) no-repeat left center; }
#sidenav ul li a { color:#b98840; }
#side-column h3 { color:#565650; font-size:15px; font-weight:bold; margin-bottom:15px; }
#side-column h3 a { color:#565650; font-size:15px; font-weight:bold; margin-bottom:15px; }
#side-column ul li { margin-bottom:15px; }
.grid { position:relative; display:table; }
.grid .cube { position:relative; display:table; float:left; width:300px; height:30px; }
.grid .cube label, .grid .cube select, .grid .cube input, .grid .cube p { position:relative; float:left; margin-right:10px; }
.product { position:relative; display:table; text-align:left; width:620px; padding-bottom:15px; margin-bottom:15px; background:url(images/shop/product-divider.png) no-repeat left bottom; }
.product .image { position:relative; display:block; float:left; width:265px; height:220px; }
.product .info { position:relative; display:block; float:left; width:340px; }
#insidecontent.shop .product h3 { color:#78582a; font-size:22px; text-align:left; padding:0; margin-bottom:10px;  }
#insidecontent.shop .product h3 .sm { font-size:15px;  }
#insidecontent.shop .product p.price { color:#78582a; font-size:20px; text-align:left;  }
#insidecontent.shop .product p { color:#4b453d; font-size:12px; text-align:left; margin-bottom:15px; line-height:18px;  }
#insidecontent.shop .product label { color:#4b453d; font-size:12px; text-align:left; width:40px;  }
#insidecontent.shop .product select { width:75px; }
#insidecontent.shop .product select.flavor { width:125px; }
#insidecontent.simple h3 { color:#78582a; font-size:22px; text-align:left; padding:0; margin-bottom:10px;  }
#insidecontent.simple h4 { color:#78582a; font-size:15px; text-align:left; padding:0; margin-bottom:10px;  }
#insidecontent.simple p { color:#4b453d; font-size:14px; text-align:left; margin-bottom:15px; line-height:18px;  }
#insidecontent.simple ul li { color:#4b453d; font-size:14px; text-align:left; margin-bottom:15px; line-height:18px;  }
.shop-now-btn { position:relative; display:block; float:right; width:145px; height:42px; }
.shop-now-btn a { display:block; width:145px; height:42px; background:url(/images/shop/shop-now-btn.png) no-repeat; }
.shop-now-btn a:hover { background-position:0% bottom; }

#insidecontent .product p.price .unit {font-size:12px; color:#333;}

#insidecontent.shop 
{
    display:table;
    width:600px;
	}	
	
#container.shop {
	min-height:1000px;
	}