body {
	background:#600 url(../images/background.png) repeat;
	font-family:'Lora', serif;
	font-size:14px;}

#wrapper{
	position:relative;
	background: #fff url('../images/paper-bg.jpg') repeat;
	width:900px;
	margin:0 auto 30px auto;
	-moz-border-radius: 0 0 18px 18px;
	-webkit-border-radius: 0 0 18px 18px;
	border-radius:0 0 18px 18px}
	
.content {
	position:relative;
	width:780px;
	margin:0 auto;
	clear:both;}
	
/*****************************************
HEADER
*****************************************/
#logo-container {
	position:relative;
	float:left;
	top:-25px;
	left:10px;}

#bay-area-badge {
	position:relative;
	float:right;
	right:60px;
	top:-5px;}
	
#social-sharing-container {
	position:relative;
	float:right;
	top:75px;
	right:-40px;}
	
#facebook, #twitter, #followus {
	position:relative;
	float:right;
	bottom:10px;}
	
#twitter {
	right:40px;
	}
	
#facebook {
	right:50px;}
	
#followus {
	right:55px;
	bottom:5px;}

	
	
	
/*****************************************
MAIN NAVIGATION
*****************************************/
#nav {
	position:relative;
	float:left;
	padding-top:25px;}
	
#nav ul li a{
	display:block;
	height:27px;}
	
/*HOME*/
#nav ul li#home a {
	position:relative;
	margin:0 0 7px 15px;
	width:50px;
	background: url('../images/navigation/nav-default-home.png') no-repeat;}
	
#nav ul li#home a:hover {
	background: url('../images/navigation/nav-active-home.png') no-repeat;}
	
/*PRODUCTS*/
#nav ul li#products a {
	position:relative;
	margin:0 0 7px 14px;
	width:99px;
	background: url('../images/navigation/nav-default-products.png') no-repeat;}
	
#nav ul li#products a:hover {
	background: url('../images/navigation/nav-active-products.png') no-repeat;}
	
/*LOCATIONS*/
#nav ul li#locations a {
	position:relative;
	margin:0 0 7px 22px;
	width:66px;
	background: url('../images/navigation/nav-default-locations.png') no-repeat;}
	
#nav ul li#locations a:hover {
	background: url('../images/navigation/nav-active-locations.png') no-repeat;}
	
/*EVENTS*/
#nav ul li#events a {
	position:relative;
	margin:0 0 0 14px;
	width:153px;
	height:34px;
	background: url('../images/navigation/nav-default-events.png') no-repeat;}
	
#nav ul li#events a:hover {
	background: url('../images/navigation/nav-active-events.png') no-repeat;}

/*CONTACT*/
#nav ul li#contact a {
	position:relative;
	margin:0 0 10px 5px;
	width:78px;
	height:33px;
	background: url('../images/navigation/nav-default-contact.png') no-repeat;}
	
#nav ul li#contact a:hover {
	background: url('../images/navigation/nav-active-contact.png') no-repeat;}
	
/*****************************************
FOOTER
*****************************************/
	#footer {
		position:relative;
		clear:both;
		padding: 20px 30px;}
		
	div#ALS {
		position:relative;
		float:left;}
		
	#ALS img {
		position:relative;
		float:left;
		display:block;
		padding-right:10px;}
		
	#ALS p {
		position:relative;
		margin-top:35px;
		color:#e34059;
		font-size:10px;
		line-height:12px;
		font-style:italic;}
		
	#copyright {
		padding-top:35px;
		float:right;
		color:#996955;
		font-size:10px;}
		
	
/*****************************************
TYPOGRAPHY
*****************************************/
.content-top {
	width:650px;
	margin:0 auto;
	clear:both;}
	
div.content-top img {
	display:block;
	width:453px;
	margin:0px auto 8px auto;}
	
.content-top #contact-container img {
	width:100px;}
	
#contact-container div {
	float:left;
	margin-right:30px;}
	
.content-top h1 {
	line-height:0;
	position:relative;
	text-indent:-9999px;}
		
.content-top p {
	text-align:center;
	color:#e34059;
	line-height:18px;
	margin-bottom:15px;}
	
.content-top a, .content-bottom a {
	color:#8cd1c8;
	text-decoration:none;}
	
.content-top a:hover, .content-bottom a:hover {
	border-bottom:1px solid #8cd1c8;}
	
.content-bottom p {
	color:#793716;
	font-size:13px;
	line-height:18px;}
	
.content-bottom h3 {
	font-size:14px;
	color:#e34059;
	font-weight:bold;
	font-family: sans-serif;
	text-transform:uppercase;
	padding-top:8px;}
	
.content-bottom h4 {
	color:#793716;
	font-weight:bold;
	padding-top:8px;}
	
.content-bottom h3 + h4 {
	padding-top:2px;}
	
p.details {
	font-style:italic;
	line-height:18px;}
/*****************************************
SHARED ELEMENTS
*****************************************/
	
.divider {
	position:relative;
	clear:both; 
	height:6px;
	width:780px;
	background: url('../images/divider.png') no-repeat;
	margin:25px auto;}
	
.icon-container {
	float:left;
	position:relative;}

/***TWO COL LAYOUT***/
.two-col-container {
	width:700px;
	margin:0 auto;}	

.two-col {
	position:relative;
	float:left;
	padding-left:7px;
	width:280px;}
	
.col-left {
	margin-right:20px;}
	
/***THREE COL LAYOUT***/

.three-col-container {
	width:740px;
	margin:0 auto;}
	
.three-col {
	position:relative;
	float:left;
	padding:0 0 0 7px;
	width:205px;}
	
.center-col {
	margin: 0 20px;}
	
.two-col img, .three-col img {
	padding-bottom:5px;}
	
/***FORM***/

.form-container {
	position:relative;
	width:660px;
	padding:20px;
	margin:0 auto;
	border:4px solid #fff;
	border-radius:10px;
	background: url('../images/transparent-bg.png') repeat;}
	
.form-container label {
	font-size:14px;
	color:#e34059;
	font-weight:bold;
	font-family: sans-serif;
	text-transform:uppercase;
	padding-top:8px;}
	
.form-container input {
	border:none;
	width:300px;}

.form-container div {
	margin-bottom:20px;}
	
.form-container textarea {
	border:none;
	width:650px;
	min-height:150px;}
	
.form-container .button {
	width:100px;
	padding:10px;
	color:#fff;
	background-color:#e34059;
	border-radius:7px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:15px;
	border:1px solid #B61F36;
	-moz-box-shadow:    inset 0 0 2px #fff;
   -webkit-box-shadow: inset 0 0 2px #fff;
   box-shadow:         inset 0 0 2px #fff; }
	
	
/*********************************
TWITTER WIDGET
*********************************/
#jstwitter {
    width: 335px;
	height:160px;
	background: url('../images/twitter-bg.png') no-repeat;
    font-family: Arial, Helvetica, sans-serif;}
 
#jstwitter .tweet {
    padding:30px 20px 20px 20px;
	font-size:13px;
	line-height:16px;}
	
#jstwitter .tweet:before {
	content:"GardenCreamery: ";
	color: #E34059;
	font-weight:bold;}
 
#jstwitter .tweet a {
    text-decoration: none;
    color: #13c9d0;}
 
#jstwitter .tweet a:hover {
    text-decoration: underline;}
 
#jstwitter .tweet .time {
    font-size: 11px;
    font-weight:bold;
	padding-top:5px;
    color: #E34059;}
	
	
/*********************************
HP SLIDE SHOW
*********************************/
.slides_container {
		width:700px;
		height:220px;
		margin:0 auto;}

.slides_container div {
	width:700px;
	height:220px;
	display:block;}
	
.slides_container div  img {
	border-radius:8px;}
	
ul.pagination {
	width:100px;
	margin:25px auto 0 auto;
	overflow:auto;}
	
ul.pagination li {
	display:block;
	float:left;}
	
ul.pagination li a {
	display:block;
	background-color:#8cd1c8;
	color:#8cd1c8;
	width:15px;
	height:15px;
	overflow:hidden;
	margin:3px;
	text-decoration:none;}
	
ul.pagination li a:hover, ul.pagination li.current a {
	background-color:#eb435e;
	color:#eb435e;}
	
div.caption {
	z-index:500;
	position:absolute;
	width:700px;
	bottom:-225px;}

div.caption p{
	text-align:center;
	color:#8cd1c8;}
	
.kickstarter-ribbon {
	position:absolute;
	z-index:100;
	top:75px;
	left:-14px}