body{
	margin: 0px;
	padding: 0px;
	background: #403d09 url('http://www.harrystaproom.com/images/site/wood_panel_background.jpg') top repeat-x;
	text-align: center;
}

/* reset */

img{ border: none; margin-bottom: -4px; }

h1, h2, h3, h4, h5, p, ul, li, em{
	margin: 0px;
	padding: 0px;
	font-family: Georgia, Arial, "MS Trebuchet", sans-serif;
	color: #666666;
}

/* typography */

h2{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	padding-bottom: 15px;
}
h3{
	font-size: 24px;
	font-weight: normal;
	color: #000;
}
h5{
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 15px;
}

p{
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	padding-bottom: 15px;
}

a{
	color: #990000;
	text-decoration: none;
}
a:hover{
	color: #CC0000;
	text-decoration: underline;
}

/* IE fixes */

img, div { behavior: url(http://www.harrystaproom.com/index.php/javascripts/iepngfix) }

/* layout (container => header => logo, tagline) */

div#container{
	position: relative;
	width: 960px;
	text-align: left;
	margin: 0px auto;
}
	#header{
		position: relative;
		width: 960px;
		height: 130px;
	}
		#logo{
			position: absolute;
			top: 20px;
			left: 15px;
		}
		#tagline{
			position: absolute;
			bottom: 0px;
			right: 20px;
		}
		
/* layout (poloroids) */

#poloroids{
	position: absolute;
	top: 450px;
	right: 20px;
	z-index: 1000;
}

/* layout (wrapper => main-nav, stage) */

div.wrapper{
	width: 946px;
	background-color: #fff;
}
	#above-the-fold{ border: 7px solid #fff; overflow: hidden; }
		#main-nav{
			float: left;
			width: 269px;
			height: 286px;
			background: #b07419 url('http://www.harrystaproom.com/images/site/main_nav_background.gif') top right repeat-y;
			border-right: 1px solid #fff;
			text-align: center;
			overflow: hidden;
		}
			#main-nav ul{ list-style: none;}
			html>body #main-nav ul{ list-style: none; padding-top: 5px; }
			#main-nav ul li{ 
				font-size: 18px;
				font-weight: normal;
				background: transparent url('http://www.harrystaproom.com/images/site/main_nav_divider.gif') bottom center no-repeat;
border-bottom: 1px solid #af7218;
			}
			#main-nav ul li a{ display: block; padding: 6px 0px; color: #fff; text-decoration: none; }
			#main-nav ul li a:hover{ color: #430000; text-decoration: none; }
			#main-nav ul li.end-of-group{ background: none; border-bottom: none; }
		#stage{
			float: left;
			width: 676px;
			height: 286px;
			overflow: hidden;
		}
#ribbon{
	position: relative;
	margin-left: -13px;
	width: 989px;
	height: 76px;
	background: url('http://www.harrystaproom.com/images/site/ribbon_background.gif') center center no-repeat;
}
	#ribbon h1{
		display: none;
	}
	
#below-the-fold{
        position: relative;
	width: 960px;
        overflow: hidden;
}
	div.padded{
		padding: 30px;
	}
	div.padded p, div.padded h2, div.padded h5{
		width: 435px;
	}
		#home-features{
			width: 900px;
			margin-top: 30px;
			padding-top: 15px;
			border-top: 1px solid #ede9e0;
			overflow: hidden;
		}
			div.feature{
				float: left;
				width: 283px;
				padding-right: 25px;
			}
			div.feature.end-of-group{ padding-right: 0px; }
			div.feature span{ font-size: 12px; color: #666666; }
			div.feature img{ margin-top: 10px; }
			a.feature-link{
				display: block;
				color: #fff;
				font-size: 14px;
				padding: 10px 15px;
				background-color: #000;
				text-decoration: none;
			}
			a.feature-link:hover{
				color: #b07419;
				background-color: #000;
				text-decoration: none;
			}

#open_table{
position: absolute;
right: 70px;
top: 310px;
width: 338px;
height: 176px;
z-index: 3000;
}
			
#footer{
	position: relative;
	width: 900px;
	padding: 10px 30px;
	margin-bottom: 40px;
	overflow: hidden;
}
	#footer p{
		color: #7a7853;
		font-size: 9px;
	}
	#footer em{
		color: #fff;
		font-size: 14px;
		position: absolute;
		top: 10px;
		right: 30px;
	}
#footer a{color: #ccc; text-decoration: underline;}
#footer a:hover{color: #fff; text-decoration: none;}

table.hours{ padding-bottom: 15px; }
table.hours th, table.hours td{
font-family: Arial, "MS Trebuchet", sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
padding: 3px;
border-bottom: 1px solid #e8e8e8;
}
table.hours th{
font-weight: bold;
padding-right: 10px;
border-right: 1px solid #e8e8e8;
}


