/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #ffffee url(img/bg.jpg) top center no-repeat;
color: #2F2C25;
font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	width: 935px;
	margin: auto;	
}

	#head{
		position: relative;
		padding: 12px 0 11px 0;
		height: 164px;	
	}
	
		#logo{
			margin: auto;
			display: block;
			width: 178px;
			height: 172px;
			margin-bottom: 8px;
			text-indent: -9999em;	
			background: url(img/logo.png) top left no-repeat;
		}
		
		#phone{
			float: right;
			height: 66px;
			width: 203px;
			text-indent: -9999em;
			margin: 51px 70px 0 0;
			background: url(img/hours.png) top left;	
		}
		
		#address{
			float: left;
			height: 60px;
			width: 163px;
			text-indent: -9999em;
			margin: 51px 0 0 99px;
			background: url(img/address.png) top left;	
		}
		
		
	
	#nav{
		height: 44px;
		position: relative;
		padding-left: 8px;
		background: url(img/nav-bg.gif) center no-repeat;
	}
	
		#nav li{
			float: left;			
		}
		
		#nav li a{
			float: left;
			margin: 5px 0 0 0;
			height: 34px;
			padding: 11px 12px 0 12px;
			height: 23px;
			color: #111;
			font-size: 11px;
			text-transform: uppercase;
			font-family: Georgia, Arial, Helvetica, sans-serif;
		}
		
		#nav li a:hover, #nav li.active a{
			text-decoration: none;
			margin-top: 0;
			padding-top: 16px;
			height: 28px;
			background: url(img/nh.gif) top left repeat-x;
			-moz-box-shadow: 2px 2px 2px #888;
		}

	
	
	#splash{
		position: relative;
		padding-top: 76px;
		overflow: hidden;
	}
	
		#splash h1{
			position: absolute;
			top: 25px;
			left: 15px;
			height: 43px;
			width: 160px;
			text-indent: -9999em;
			background: url(img/latest.png) top left no-repeat;
		}
		
		#splash h2{
			position: absolute;
			top: 25px;
			right: 15px;
			height: 48px;
			width: 163px;
			text-indent: -9999em;
			background: url(img/taste.png) top left no-repeat;
		}
		
	
		#slides{
			width: 625px;
			float: left;
		}
		
			#slides img{
				display: block;
			}
		
			.slides_container{
				width:625px;
				height:305px;
			}

			.slides_container div{
				width:625px;
			}

			.slides-nav {
				position: relative;
				z-index: 100;
				display:none;
			}
			
			.slides-nav a {
				position: absolute;
				display: block;
				text-indent: -9999px;
				width: 40px;
				height: 40px;
				cursor: pointer;
				background-image: url(img/sprite.png);
				z-index: 10;
			}
			
			.slides-nav a.prev {
				background-position: 0 0;
				margin: -165px 0 0 20px;
			}
			
			.slides-nav a:hover.prev {
				background-position: 80px 200px;
			}
			
			.slides-nav a.next {
				background-position: 160px 0;
				margin: -165px 0 0 565px;
			}
			
			.slides-nav a:hover.next {
				background-position: 40px 200px;
			}

			.pagination {
				position: absolute;
				z-index: 10;
				margin: -30px 0 0 20px;
			}
			
			.pagination li {
				float: left;
				margin: 0 5px 0 0;
			}
			
			.pagination li a {
				display: block;
				background: url(img/sprite.png) 0 160px;
				width: 12px;
				height: 15px;
				outline: none;
			}
			
			.pagination li.current a {
				background: url(img/sprite.png) 188px 160px;
			}

		#page{
			position: relative;
			overflow: hidden;
			padding-top: 26px;
		}
		
			#content{
				float: left;
				width: 650px;	
			}
			
				#entry{
					position: relative;
					color: #722C2E;	
					margin-bottom: 18px;
				}
				
					#entry .content{
						text-align: left;
						padding: 22px;
						font-size: 14px;
						position: relative;
						background: #FBF8E5;
					}
					
					#entry h1{
						font-size: 2.2em;
						font-family: Georgia;
						padding-bottom: 12px;	
					}
					
					#entry h2{
						font-size: 18px;
						font-weight: bold;
						padding-bottom: 12px;	
					}
					
					#entry p{
						line-height: 1.5em;
						padding-bottom: 1em;	
					}
					
					#entry ul{
						padding: 0 0 1em 1em;	
					}
					
					#entry ul li{
						line-height: 1.5em;
						list-style: inside disc;
					}
					
					#entry img{
						display: block;
						padding: 4px;
						border: 1px solid #C8C6C7;
					}
					
					#entry a {
						color:#B05426;
						text-decoration:underline;
					}
					
					#entry a:hover {
						color:#923e13;
						text-decoration:none;
					}					
			
			
			#sidebar{
				float: right;
				width: 259px;
			}
			
				#menu{
					position: relative;
					margin-bottom: 12px;
					text-align: left;
				}
				
					#menu .content{
						background: #FAF9E5;
					}
					
					#menu ul{
						position: relative;
						line-height: 2em;	
						padding: 6px;
						font-size: 14px;
					}
					
					#menu li a{
						display: block;
						color: #744416;
						padding-left: 16px;
						text-decoration: none;
					}
					
					#menu li a:hover, #menu li.active a{
						background: url(img/nav-tick.gif) left center no-repeat;
					}
					
		
		#taste{
			width: 231px;
			float: right;
		}
		
			#taste .content{		
				height: 305px;		
				background: url(img/lbg.jpg) top left;
			}
			
			#taste ul{
				position: relative;
				overflow: hidden;
			}
			
			#taste li{
				float: left;
				width: 115px;
				height: 100px;
				font-size: 1.2em;
				font-family: Georgia;
			}
			
			#taste li a{
				float: left;
				display: block;
				width: 115px;
				padding-top: 5px;
				text-align: center;
				color: #6A2F2B;
				font-weight: normal;
			}
			
			#taste li a img{
				display: block;
				margin: auto;
			}
	
	#front{
		position: relative;
		overflow: hidden;
		padding-top: 22px;
	}
	
	.soon #front{
		margin: auto;
		width: 735px;
	}
	
		#twitter{
			float: left;
			width: 235px;
			text-align: right;
		}
		
			#twitter .content{
				height: 300px;
				background: #2e3448 url(img/twitter-bg.gif) top left;
			}
			
			#follow{
				display: block;
				text-indent: -9999em;
				height: 82px;
				text-align: left;
				background: url(img/follow-us.gif) top left no-repeat;	
			}
			
			#twitter h3{
				height: 25px;
				text-indent: -9999em;
				margin: 0px 0 0 12px;
				text-align: left;
				background: url(img/latest-tweets.gif) top left no-repeat;
			}
			
			#twitter ul{
				line-height: 1.4em;
				color: #fff;
				text-align: left;
				padding: 0 8px 0 12px;
			}
			
			#twitter li{				
				padding-top: 8px;	
			}
			
			#twitter a{
				color: #DEBD63;
				text-decoration: underline;
			}
			
			#twitter p{
				padding-right: 12px;
			}
		
		
		#social{
			position: relative;
			float: left;
			width: 165px;	
			margin-left: 26px;
			display: inline;
		}
			
			#sidebar #social{
				width: 235px;
				margin-left: 0;
				margin-bottom: 12px;
			}	
		
		
			#social .content{
				height: 300px;
				background: #6A0A0B;
				text-align: center;
			}
		
			#social h3{
				height: 89px;
				text-indent: -9999em;
				background: url(img/social.gif) top center no-repeat;	
			}
			
			#social a{
				display: block;
				width: 125px;
				margin: auto;
				margin-top: 12px;
			}
		
		
		#happy{
			float: right;
			width: 410px;	
			font-size: 14px;
		}
		
			#sidebar #happy{
				width: 235px;
				margin-left: 0;
				margin-bottom: 12px;		
			}	
		
			#happy .content{
				height: 275px;
				text-align: left;
				padding:10px 10px 0 193px;	
				background: url(img/happy-bg.gif) top left no-repeat;
			}
			
			#sidebar #happy .content{
				padding: 10px 10px 0 14px;				
				background: url(img/happy-bg-small.gif) top right no-repeat;
			}
			
			#happy h3{
				height: 73px;
				text-indent: -9999em;
			}
			
			#happy ul{
				position: relative;
			}
			
			#happy li{
				padding-bottom: 11px;
			}
			
			#happy p{
				text-align: right;
			}
			
			#happy a{
				color: #B05426;
			}
	
	
	#front-bottom{
		position: relative;
		overflow: hidden;
		padding-top: 22px;	
	}
	
	.soon #front-bottom{
		width: 735px;
		margin: auto;
	}
	
		#email{
			float: left;
			width: 210px;
			text-align: left;
		}
		
		#sidebar #email{
			width: 235px;
		}
		
		.soon #email{
			float: right;
		}
		
			#email .content{
				height: 300px;
				color: #487E4D;
				position: relative;
				background: #D9E5C6;
			}
			
			#sidebar #email .content{
				height: 226px;
			}
			
			#email h3{
				height: 38px;
				text-indent: -9999em;
				background: url(img/one-shot.gif) top left no-repeat;
			}
			
			#email p{
				position: relative;
				padding: 8px 8px 0 14px;
				font-size: 14px;
				line-height: 1.3em;
			}
			
			#email .text{
				position: relative;
				display: block;
				padding: 9px;
				border: 1px solid #858E83;
				width: 161px;
				font-size: 11px;	
			}
			
			#email .submit{
				float: right;
				padding: 3px 12px 3px 12px;
				background: #64734C;
				border: 1px solid #fff;
				font-size: 14px;
				margin-right: 8px;
				color: #fff;
			}
		
		#plane{
			float: right;
			width: 646px;
			text-align: left;
			font-size: 14px;
		}
		
			.soon #plane{
				float: none;
				width: 711px;
			}
		
			#plane .content{
				padding: 10px 100px 0 14px;
				height: 221px;
				color: #224279;
				background: url(img/plane.jpg) top left no-repeat;
			}
			
			#content #plane{
				width: 626px;
			}
			
			.soon #plane .content{
				background: url(img/plane2.jpg) top right no-repeat;
			}
			
			#plane h3{
				position: relative;
				text-indent: -9999em;
				height: 33px;
			}
			
			#plane p{
				padding-left: 14px;
				padding-bottom: 1em;	
			}
			
			#plane h4{
				padding-left: 14px;
				padding-bottom: 1em;	
				font-weight: bold;
			}
			
			#plane ul{
				margin-left: 26px;
			}
			
			#plane li{
				margin: 0 0 .5em 18px;
				line-height: 1.5em;
				list-style: outside disc;	
			}

			#plane a{
				color: #224279;
				text-decoration:underline;	
			}

			#plane a:hover{
				text-decoration:none;	
			}			

	#foot-nav{
		height: 44px;
		margin: 18px 0 10px 0;
		position: relative;
		padding-left: 8px;
		background: url(img/nav-bg.gif) center no-repeat;
	}
	
		#foot-nav li{
			float: left;			
		}
		
		#foot-nav li a{
			float: left;
			margin: 5px 0 0 0;
			height: 34px;
			padding: 11px 12px 0 12px;
			height: 23px;
			color: #111;
			font-size: 11px;
			text-transform: uppercase;
			font-family: Georgia, Arial, Helvetica, sans-serif;
		}
		
		#foot-nav li a:hover, #foot-nav li.active a{
			text-decoration: none;
			margin-top: 0;
			padding-top: 16px;
			height: 28px;
			background: url(img/nh.gif) top left repeat-x;
			-moz-box-shadow: 2px 2px 2px #888;
		}
	
	
	#foot{
		height: 178px;
		position: relative;
		margin-top: 25px;
		background: url(img/foot-bg.jpg) bottom center no-repeat;
	}
	
		#foot-logo{
			margin: auto;
			display: block;
			width: 155px;
			height: 160px;
			text-indent: -9999em;	
			background: url(img/logo-foot.png) top left no-repeat;
		}
		
		#foot-phone{
			float: right;
			height: 66px;
			width: 203px;
			text-indent: -9999em;
			margin: 51px 70px 0 0;
			background: url(img/hours.png) top left;	
		}
		
		#foot-address{
			float: left;
			height: 60px;
			width: 163px;
			text-indent: -9999em;
			margin: 51px 0 0 99px;
			background: url(img/address.png) top left;	
		}
		
		#foot p{
			
			color: #581819;	
		}
		
			#foot p a{
				color: #4F5D8C;
			}
	
	
	







/* global box model */

	.box{
		position: relative;
		padding: 12px;
		overflow: hidden;
		background: url(img/box-bg.jpg) top left no-repeat;	
	}
	
		.box .content{
			position: relative;
			z-index: 10;
		}
	
		.box-left{
			position: absolute;
			bottom:0;
			left:0;
			height: 16px;
			width: 2900px;
			background: url(img/box-bg.jpg) bottom left no-repeat;	
		}
		
		.box-right{
			position: absolute;
			top:0;
			right:0;
			height: 2900px;
			width: 10px;
			background: url(img/box-bg.jpg) top right no-repeat;	
		}
		
		.box-bottom{
			position: absolute;
			bottom:0;
			right:0;
			height: 2px;
			width: 2px;
			background: url(img/box-bg.jpg) bottom right no-repeat;	
		}

		
		#foot-bg{
			position: absolute;
			bottom: 0;
			left: 0;
			height: 175px;
			width: 100%;

		}
		
		.outer{
			position: relative;
		}


/* Contact Form  */

#contact form {
  margin: 0 22px 22px 22px;
  padding: 15px;
}

#contact form div { margin-bottom: 10px; }
#contact form label {
  display: block;
  font-size: 1.3em;
  margin-bottom: 5px;
  cursor: pointer;
}

#contact form input {
  width: 300px;
  padding: 5px;
}

#contact form textarea {
  width: 506px;
  padding: 5px;
}

#contact form p {
  float: left;
  padding-right: 10px;
  margin-bottom: 0;
  color: #555555;
  font-size: 1.3em;
}

#contact form p input { width: auto; }

#contact form .clear {
  clear: both;
  margin: 0;
}

#contact form .submit {
  text-align: right;
  margin-bottom: 0;
}

#contact form .submit input {
  width: auto;
  cursor: pointer;
}