/* Reset Styles ********** */

*{border: none;outline: none;}

/* Default Styles ********** */

h1, h2, h3, h4 h5{
	font-family: Verdana, sans-serif;
	letter-spacing: .02em;
	}

.left{float: left;}
.right{float: right;}
.clear, .clr{clear: both;}
.red{color:#790d11;}
.tan{color:#790d11;}
a{color:#790d11;}
.smalltxt{
	padding: 2px 0 0 10px;
	font-size: 10px;
	}
/* Main Structure & Styles ********** */

body {
	background: url(../images/bg.main.jpg);
	padding: 0px;
	margin: 0px;
	font-family: "Bookman Old Style", Georgia, Times, serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	color:#0a0201;
	font-size: 11pt;
	line-height: 1.4em;
}

em{
	font-family: "Bookman Old Style", Times, serif;
	}

#wrapper{
	background: url(../images/bg.pattern.jpg) top center no-repeat;
	width: 100%;
	}
	
#header, #container{
	width: 880px;
	margin: 0 auto;
	}
	
#header{
	height: 150px;
	overflow: hidden;
	position: relative;
	}
	
	#header h1{
		margin-top: 60px;
		float:left;
		}
		
		#header h1 a{
			background: url(../images/logo.shoemakers.png) no-repeat center;
			display: block;
			height: 0;
			width: 335px;
			padding-top: 66px;
			overflow: hidden;
			}
		#header .eclub_text{
			display: block;
			position: absolute;
			right: 0px;
			top: 37px;
			display: none;
			font-family: Arial, sans-serif;
			color: #fff;
			background: #000;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 1px 1px 3px rgba(255,255,255,0.2);
			-moz-box-shadow: 1px 1px 3px rgba(255,255,255,0.2);
			-webkit-box-shadow: 1px 1px 3px rgba(255,255,255,0.2);
			box-shadow: 5px;
			padding: 5px 10px;
			font-size: 10px;
			margin-right: 2px;
			}
		#header #social{
			height: 19px;
			list-style: none;
			margin: 10px 0 0 0;
			float:right;
			overflow: hidden;
			}
			
			#social li{
				float: left;
				}
				
				#social li.connect{
					background: url('../images/txt.connect.with.us.png') center no-repeat;
					display: block;
					width: 132px;
					height: 0;
					margin: 0 5px 0 0;
					padding-top: 19px;
					overflow: hidden;
					}
				#social li.facebook a{
					background: url('../images/btn.facebook.gif') center no-repeat;
					display: block;
					width: 102px;
					height: 0;
					padding-top: 19px;
					overflow: hidden;
					}
					
				#social li.twitter a{
					background: url('../images/btn.twitter.gif') center no-repeat;
					display: block;
					width: 83px;
					height: 0;
					padding-top: 19px;
					overflow: hidden;
					}
				#social li.eclub a{
					background: url('../images/btn.eclub.png') center no-repeat;
					display: block;
					width: 126px;
					height: 0;
					padding-top: 19px;
					overflow: hidden;
					}	
				#social li.spacer{
					background: url('../images/bg.social.spacer.gif') center no-repeat;
					display: block;
					width: 3px;
					height: 0;
					margin: 0 5px;
					padding-top: 19px;
					overflow: hidden;
					}
					
		#header #twitter{
			background: url('../images/bg.tweets.png') center no-repeat;
			display: block;
			width: 407px;
			height: 79px;
			overflow: hidden;
			margin: 30px 0 0 0;
			float: right;
			clear: right;
			font-size:7.5pt;
			letter-spacing: -.02em;
			line-height: 9pt;
			font-family: Verdana, sans-serif;
			color: #A0826B;
			text-shadow: 1px 1px 0px #000;
			}
			
			a.follow{
				display: block;
				height: 0;
				padding-top: 25px;
				width:90px;
				overflow: hidden;
				margin: 0 auto;
				}
			
			#twitter a{
				color: #fff;
				text-decoration: none;
				}
			
				#twitter a:hover{text-decoration: underline;}
				
			#twitter_update_list{
				text-align: center;
				margin: 0 auto;
				padding: 0 5px;
				}
				
				#twitter li{
					list-style: none;					
					}
					
				#twitter_update_list li{
					margin: 0 auto;
					padding: 0 0 15px 0;
					width: 395px;
					height: 40px;
					overflow: hidden;
					display: none;
					}
					
				#twitter_update_list li a{
					display: none;
 					}	
					
				#twitter_update_list li span a {
					font-size: 7pt;
					display: inline;
					}

#container{
	background: url(../images/bg.container.png);
	padding: 5px;
	position: relative;
	}

	#nav{
			background: url(../images/bg.nav.jpg) top left repeat-x;
			width: 879px;
			height:30px;
			margin: 0 auto;
			padding: 0;
			overflow: hidden;
			list-style: none;
			border-right:1px solid #130701;
			border-bottom:1px solid #130701;
			}
			
			#nav li{
				background: url(../images/bg.li.spacer.jpg) right center no-repeat;
				float: left;
				padding: 0;
				margin: 0;
				}
				
				#nav li a{
				display: block;
				height: 0px;
				padding: 30px 0 0 0;
				overflow: hidden; 
				}
				
				#nav li.reserve{
					margin-left: -1px;
					background:url(../images/nav/bg.reserve.jpg) repeat-x top;
					}
					#nav li.reserve:hover{background-position:bottom;}
				
				#nav li a{background:top center no-repeat;}
				#nav li a:hover{background-position: bottom center;}
				
				#nav li.about a{background-image: url(../images/nav/about.gif);width: 102px;}
				#nav li.menu a{background-image: url(../images/nav/menu.gif);width: 104px;}
				#nav li.location a{background-image: url(../images/nav/location.gif);width: 103px;}
				#nav li.banquet a{background-image: url(../images/nav/banquet.gif);width: 152px;}
				#nav li.events a{background-image: url(../images/nav/events.gif);width: 144px;}
				#nav li.contact a{background-image: url(../images/nav/contact.gif);width: 120px;}
				#nav li.reserve a{background-image: url(../images/nav/reserve.gif);width: 155px;}
				
	#ot_res{
		display: block;
		position: absolute;
		width: 165px;
		right: 3px;
		top: 36px;
		z-index: 2;
		display: none;
		}		
	#ot_res form{
		z-index: 1 !important;
		position: relative;
		}	
	.OT_ExtLink{
		background: #000 !important;
		color: #fff !important;
		font-size: 8px !important;
		line-height: 14px !important;
		width: 149px !important;
		padding: 10px 5px 5px 5px !important;
		margin: -5px 0 0 5px !important;
		z-index: 0 !important;
		position: relative;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		}
	.OT_ExtLink:hover{
		text-decoration: none !important;
		background: #B1060E !important;
		color: #fff !important;
		}
	#mainphoto{
		position: relative;
		z-index: 1;
		background: #fff !important;
		color: #000 !important;
		}			
		
		#mainphoto img{
			display: none;
			z-index: 10;
			position: relative;
			}		
	
	#maintext_wp{
		background: url('../images/bg.maintext.jpg') top;
		}
		
	#maintext{
		background: url('../images/bg.maintext.top.jpg') top repeat-x;
		position: relative;
		z-index: 1;
		}
			
		#content{
			background: url('../images/bg.content.gif');
			width:590px;
			padding:10px 10px 0 10px;
			margin: -10px -1px 20px 20px;
			float: left;
			z-index: 20;
			position: relative;
			text-shadow: 1px 1px 0px #F3E2D6;
			border-right: 1px solid #715039;
			border-bottom: 1px solid #715039;
			}
			
			#content h3{
				color:#f1750c;
				font-family: "Bookman Old Style", Georgia, Times, serif;
				text-transform: uppercase;
				font-size: 13pt;
				letter-spacing: .02em;
				margin-bottom: 2pt;
				padding: 0;
				border-bottom: 1px dotted #F6E5D9;
				}
				
			#content h3 a.pdf{
				text-transform: none;
				float: right;
				font-size: 12px;
				text-decoration: none;
				}
				
				#content h3 a.pdf:hover{
					color:#F1750C;
					}
				
				#content h3 a.top{
					float: right;
					}
				
			div.wines{
				font-size: 9pt !important;
				letter-spacing: -.02em !important;
				} 
				
				div.wines h4{
					text-transform: uppercase;
					color:#790d11;
					margin-bottom: 0;
					clear: both;
					}
			
				div.specialtymartinis p, div.dessertmartinis p{
					width: 270px;
					float: left;
					margin-right: 15px;
					height: 75px;
					}
					
					div.dessertmartinis p{
						height: 60px !important;
						}
						
			#content .small{
				height: 125px;
				padding: 3px;
				background: #fff;
				border: 1px solid #000;
				}
								
			#content h2{
				color:#790D11;
				text-transform: uppercase;
				}
				
				h2.pagehead{
					margin: 6pt 0 4pt 0;
					font-size: 20pt;
					line-height: 20pt;
					display: none;
					padding-bottom: 3px;
					border-bottom:1px solid #B27C55;
					}
					
			#content .imgleft{
				float:left;
				margin: 0 10px 0 -19px;
				}
			
			#content .imgright{
				float:right;
				margin: 0 -10px 0 10px;
				}
					
			#content p.buttons{
				clear:both;
				padding-top: 15px;
				text-align: center;
				}
				
				#content p.buttons a{margin: 0 10px;}
				
			#content p.gallery{
				clear: both;
				margin-right: -7px;
				}
				
			#content p.detail{
				background: #F6ECE5;
				clear: both;
				margin: 20px 40px 0 0;
				padding: 10px;
				border: 1px dotted #B27C55;
				}
			
			#content p.gallery a img, #content img.banquetimg, #content img.eventimg{
				padding: 5px;
				background: #fff;
				border: 1px solid #000;
				margin-right: 7px;
				}
				
				img.banquetimg{
					float: left;
					height: 60px;
					margin: 5px 7px 0 0;
					}
					
				img.eventimg{
					float: right;
					width: 50px;
					margin: 15px 0 0 7px;
					}
					
				#content hr{
					background: url('../images/bg.rule.jpg') center repeat-x;
					clear:both;
					height: 21px;
					display: block;
					}
		
		#sidebar{
			background: url(../images/bg.sidebar.gradient.png) no-repeat 0 217px;
			width:250px;
			float: right;
			font-size: 10pt;
			}
			
			#sidebar strong{
				font-size: 10.5pt !important;
				}
			
			.sidemenu{
				background: none !important;
				}
			
			#sidebar h3{
				background: url(../images/bg.sidebar.heading.secondary.jpg) repeat-x;
				display: block;
				height: 43px;
				margin: 0;
				padding:0 0 0 10px;
				overflow: hidden;				
				}
				
			.home h3{
				background: url(../images/bg.sidebar.heading.jpg) repeat-x !important;
				}
				
				#sidebar h3 span{
					background: 0px 13px no-repeat;
					height: 0;
					padding-top: 43px;
					width: 100%;
					display: block;
					overflow:hidden;
					}
									
					#sidebar h3 span.featured{background-image: url('../images/txt.featured.dish.gif');}					
					#sidebar h3 span.locationdetails{background-image: url('../images/txt.location.hours.gif');}
					#sidebar h3 span.menu{background-image: url('../images/txt.more.menu.items.gif');}
					#sidebar h3 span.info{background-image: url('../images/txt.more.information.gif');}
						
				#sidebar h3.noimg{
					height: 36px !important;
					border-bottom: 1px solid #715039;
					}
				#sidebar h3.noimg span{
					padding-top: 36px !important;
					}
					
			#sidebar p{
				color: #fff;
				padding-left: 10px;
				text-shadow: 1px 1px 0px #0a0201;
				margin: 15px 10px 0 10px;
				padding: 0;
				}
				
			#sidebar p.dailyspecials{
				background: url(../images/bg.white.trans.png);
				margin: 10px;
				padding: 10px;
				color:#0a0201;
				text-shadow: .5px .5px 0px #A86B3F !important;
				border: 1px solid #472f1c;
				}
				
				#sidebar p.dailyspecials a, #sidebar p.dailyspecials strong{
					color: #9a0c11 !important;
					text-decoration:none;
					text-shadow: .5px .5px 0px #785327 !important;
					}
					
					#sidebar p.dailyspecials a{}
					
						#sidebar p.dailyspecials a:hover{
							text-decoration: underline;
							}
								
			#sidebar p.featured img{
				margin: -35px 0 5px -25px;
				position: relative;
				z-index: 30; 	
				}
				
				#sidebar p strong, #sidebar p.readmore a{
					font-weight: 600;
					color:#f6b160 !important;
					text-shadow: .5px .5px 0px #49280e !important;
					}
					
			#sidebar p.readmore{
				margin-top: 0;
				text-align: right;
				}
				
				#sidebar p.readmore a{
					font-style: italic;
					font-weight: 300;
					text-decoration: none; 
					}
					
					#sidebar p.readmore a:hover{
						text-decoration: underline;
						}
			
			#sidebar ul{
				background: url('../images/bg.sidebar.ul.png') repeat-x top;
				padding: 5px 10px;
				margin: 0;
				list-style-type: none;
				text-shadow: .5px .5px 0px #785327;
				}
				
			#sidebar ul.drinks{
				margin-top: 10px;
				padding-top: 10px;
				}
				
				#sidebar li{
					padding-left: 15px;
					background: url('../images/bg.sidebar.li.gif') no-repeat 0 5px;
					}
				
				
					#sidebar li a{
						color: #fff;
						text-decoration:none;
						}
						
						#sidebar li a:hover{
							color: #250000;
							text-shadow: .5px .5px 0px #A86B3F;
							}
#footer{
	background: url('../images/bg.footer.jpg');
	padding: 5px 10px;
	font-size: 8pt;
	line-height: 11pt;
	font-family: Verdana, sans-serif;
	}
	
	#footer .right{text-align: right; clear: right; width: 420px;}
	#footer .left{text-align: left; width: 420px;}
	
	#footer ul, #footer p{
		margin: 0;
		padding: 0;
		}
	#footer li{
		display:inline;
		line-height: 8pt;
		margin-left:5px;
		}
		
	#footer a{
		color:#0a0201;
		text-decoration: none;
		}
		
		#footer a:hover{
			text-decoration: underline;
			}
	
#sitelinks{
	text-align: left;
	width:870px;
	padding: 20px 0;
	margin: 0 auto;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	line-height: 12px;
	height: 50px;
	}
	
	#sitelinks h5{
		float: left;
		clear: left;
		width: 254px;
		margin: 0 auto;
		}
		
		#sitelinks h5 a{
			background: url('../images/logo.stephan.parry.gif') no-repeat;
			display: block;
			width:254px;
			height: 0;
			padding-top:14px;
			overflow: hidden;
			}
	
	#sitelinks ul{
		margin: 5px auto;
		padding: 0;
		width: 420px;
		float: left;
		clear: left;
		}
	
	#sitelinks li{
		color: #fff;
		list-style: none;
		padding: 0;
		margin: 0 5px 0 0;
		display: inline-block;
		}
		
		#sitelinks ul li a{
			color:#856d5c;
			text-decoration: none;
			}
			
			#sitelinks ul li a{text-decoration: none;}
			#sitelinks ul li a:hover{color: #d3a98a;}
			
#sitelinks a.giftcards{
	background: url('../images/btn_giftcards.png') no-repeat;
	float: right;
	display: block;
	height: 0;
	padding:40px 0 0 0;
	width: 223px;
	overflow: hidden;
	}

iframe{
	background: #fff;
	}

			
/* FORM DATA STYLES ********** */
form input, textarea {
	background: #fff;
	border: 1px solid #D59B5C;
	float: left;
	padding: 3px;
	}

form label{
	display: block;
	width:210px;
	float: left;
	}	

form p{clear:both;padding-bottom:30px;}
.element{float:left;margin-left: 5px; margin-bottom: 10px;}
.element.radio input{clear: left;}
.radioButton{margin: 5px 5px 0 0;}
p.submit input{margin: 15px 0 0 210px; border:none; background:none;}