
/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#FFF;
 padding: 0px;
 background: #908d95 url('../images/background.gif') repeat-x;
  height:100%;
}
body a{
	color:#FFF;
}
body a:hover{
	color:#404040;
}
#wrapper { 
 margin: 0 auto;
 width: 900px;
 padding:0;

}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 border: 0px solid #f00;
 height: 362px;
 margin: 0px 0px 0px 0px;
 /*background: #BD9C8C;*/
}
#header_image{
	margin:0px auto;
	margin-right: 0px;
	margin-top:0px;
	float:right;
	visibility:hidden;
	overflow:hidden;
}
#page_name{
	visibility:hidden;
}

#tap_logo{

	position:relative;
	bottom:230px;
	left:-69px;
	height:126px;
	width:138px;
	background-image:url('../images/tap_logo.png');
	cursor: pointer;
}

#leftcolumn { 
	color: #333;
	border: 0px solid #ccc;
	background: #908d95;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	/*height: 350px;*/
	width: 190px;
	float: left;
	height:100%;
}
#rightcolumn { 
	float: right;
	color: #FFF;
	border: 0px solid #ccc;
	background: transparent url('../images/vertical_dots.gif') repeat-y;
	margin: 0px 0px 0px 0px;
	padding-top:4px;
	padding-left:4px;
	padding-bottom:25px;
	/*height: 350px;*/
	width: 704px;
	height:100%;
}

#center_content{
	float:left;
	width:505px;
	border:0px solid #F00;
	position:relative;
	left:0;
	top:0;
	height:100%;
	position:relative;
	/*overflow:hidden;*/
}
/* Hack for IE */
html>body #center_content {overflow:visible}

#right_content{
	margin-left:8px;
	width:150px;
	float:left;
	border:0px solid #F00;
	position:relative;
	
}
#footer { 
 width: 900px;
 clear: both;
 color: #FFF;
 border: 0px solid #ccc;
 background: #908d95;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

#wood{
	top:0px;
	height:24px;
	width:100%;
	background: #908d95 url('../images/wood_trim.jpg') repeat-x;
position:absolute;	
}

#cheers{
	position:relative;
	bottom:-25px;
	left:-35px;
	height:59px;
	width:64px;
	background-image:url('../images/cheers.gif');
	border: 0px solid #fff;
}
#reservations{
	margin-left: 39px;
	padding-bottom: 0;
	float: left;
	padding-top: 4px;
	vertical-align: bottom;
	margin-top: 45px;
}

#main_content{
	border: 0px solid #ccc;
	padding-bottom:0px;
	height:100%;
	overflow:hidden;
	position:relative;
	
}
#photos{
	margin-top:5px;
	margin-left:5px;
}
#main_content 	p, #main_content h2{
	text-align:justify;
	margin-left:3px;
}
#chef_info{
	width:230px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;	
	padding-right:10px;
	border:0px solid #F00;
	overflow:hidden;
}
#kitchen_photos{
	width:240px;
	float:left;
	margin-left:0px;
	background: #908d95 url('../images/vertical_dots.gif') 0px 0px repeat-y;
	border:0px solid #F00;
}

#kitchen_photos img{
	padding-left:4px;
}
#chef_header{
	clear:both;
	width:240px;
	border:0px solid #fff;
	height:118px;
}

#photo_gallery{
	float:left;
	margin-left:0px;
	border:0px solid #F00;
}

#page_copy{
	width:230px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;	
	padding-right:0px;
	border:0px solid #F00;
	overflow:hidden;
	background: #908d95 url('../images/vertical_dots.gif') 0px 0px repeat-y;
}
#page_copy img{
	padding-left:3px;
}

#page_copy p{
	margin-top:10px;
	padding-left:4px;
	width: 97%;
}
#get_more{
	float:right;
	margin-top:95px;
}
.photo {
	margin:3px;
}

.line_break{
	background: #908d95 url('../images/horizontal_dots.gif') repeat-x;
	width:704px;
	height:1px;
	margin-top:5px;
	margin-bottom:6px;
	overflow:hidden;

}

#address{
	margin-top:14px;
}

#map{
	width: 500px;
	height: 287px;
	margin-left:2px;
}

#contact_form{
	float:left;
	clear:both;
	width: 190px; 

	border: 0px dotted #333; 
	display:block;
	
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  }
#spacer{
	clear:both;
}
input.textbox, textarea{
	width: 84px;
	border: 0px solid #404040	;
	padding:2px;
	font-family: helvetica, arial;
	font-size:10px;
	
	
}
input.textbox_small{
	border: 0px;
	padding: 2px;
	font-family: helvetica, arial;
	font-size:10px;
	width: 50px;
}

input{
	height:12px;
}


#header_copy {
	margin-left:4px;
}


.event{
	font-family:arial;
	color:#404040;
	margin-bottom:10px;
	margin-left:5px;
	width:500px;
}
.date{
	font-size:14px;
	color:#FFF;
	margin-bottom:3px;
	font-weight: bold;
}
.event_name{
	font-weight: bold;
	margin-bottom:3px;
	font-size:13px;
}
.event_desc{
	
}

#menux table {
	width: 504px;
}

#food_menus li a, #food_menus li a img,  #food_menus li a:hover {
	border: none;
}

