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

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333;
	}
	
#bgwrap {
	margin: auto;
	background: #e2e0d9 url('images/top_bg.jpg') no-repeat center top;
	background-position: top center;
	background-attachment: scroll;
	overflow-x: hidden;
	padding: 3px 0 0 0;
}
	
h2 {
	margin: 0;
	padding: 10px 0;
	}
	
a img {
	border: 0;
	}
	
#wrap {
	margin: auto;
	width: 940px;
	padding: 0 10px;
	}
	
	#header {
		height: 364px;
		margin: auto;
		}
		
	#header h1 {
		position: relative;
		top: 104px;
		left: 82px;
		}
		
	#header ul {
		margin: 0;
		padding: 0;
		position: relative;
		top: -50px;
		left: 650px;
		list-style: none;
		}
		
		#header ul li {
			margin: 0 0 7px 0;
			padding: 0;
			}
			
		#header ul li a {
			text-decoration: none;
			color: #FFF;
			font-weight: bold;
			display: block;
			height: 37px;
			width: 110px;
			padding: 15px 0 0 62px;
			}
			
		#header ul li a:hover {
			color: #efa300;
			}
			
		#header ul li #gmaps {
			background: url('images/gmaps.png') no-repeat top left;
			}
			
		#header ul li #yelp {
			background: url('images/yelp.png') no-repeat top left;
			}
			
		#header ul li #email {
			background: url('images/email.png') no-repeat top left;
			}
			
	#hours {
			font-size: 11px;
			color: #6CF;
			font-weight: bold;
			position: relative;
			top: -6px;
			left: 24px;
	}
			
	#content {
		background: url('images/wrap_bg.png') center repeat-y;
		padding: 0 10px;
		margin: 0 -10px;
		}
		
		#menu {
			padding: 0 7px 0 26px;
			margin: -30px 0 0 0;
			width: 572px;
			float: left;
			}
			
			ul#itemlist {
				margin: 0;
				padding: 0;
				list-style: none;
				}
			
			ul#itemlist li {
				width: 100px;
				float: left;
				margin: 12px;
				}
				
			
		#photos {
			float: right;
			width: 330px;
			margin: 0 5px 0 0;
			}
			
			#photos ul {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				
			#photos ul li {
				margin: 0 0 60px 0;
				padding: 0;
				text-align: center;
				}
				
			#photos ul li img {
				clear: both;
				border: 5px solid #CCC;
				margin: 0 0 6px 0;
				}
			
			
			
		#footer {
			background: url('images/footer.png') no-repeat left bottom;
			height: 40px;
			margin: 0 -10px;
			padding: 20px 0 0 180px;
			font-size: 12px;
			color: #666;
			}
	

/***********************************************

							FONTS

************************************************/

	.orange {
		color: #efa300;
		}
		
	br.clear {
		clear: both;
		}
		
/***********************************************

							MENU LISTS

************************************************/

	dl {
			margin: 0 20px 40px 0;
			padding: 0;
			list-style: none;
	}
	
	dl dt {
			margin: 0;
			padding: 0;
			list-style: none;
			display: block;
			background: url('images/menudots.png') repeat-x bottom;
	}
	
	dl dt b {
			background: #FFF;
			padding: 0 4px 0 0;
	}
	
	dl dt span  {
			float: right;
			background: #FFF;
			padding: 0 0 0 4px;
			font-weight: bold;
	}
	
	dl dd {
			margin: 0 0 12px 0;
			padding: 0;
			list-style: none;
			font-size: 11px;
			font-weight: bold;
			color: #666;
	}
	
/***********************************************

							SUB MENU
							
************************************************/

	ul#subnav {
			margin: 0 0 40px 0;
			padding: 0;
			list-style: none;
	}
	
	ul#subnav li {
			display: inline;
			margin: 0 15px 0 -3px;
			padding: 0;
			list-style: none;
			float: left;
			font-size: 12px;
			text-align: center;
	}
	
	ul#subnav li a {
			display: block;
			color: #699;
			text-decoration: none;
			padding: 3px;
	}
	
	ul#subnav li a:hover {
		color: #FFF;
		background: #106287;
	}
