/* Copper Turret CSS Document
global.css */
*{ margin: 0; padding: 0;}
body{
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 12px; 
	background: #1A090C url(../images/layout/bodygradient.jpg) center top repeat-y;
	text-align: center;
}
#container{
	position: relative;
	width: 730px;
	margin: auto;
	z-index: 20;
	overflow: visible;
	text-align: left;
}
.columnA{
	width: 151px;
	float: left;
	clear: left;
	left: 0;
	/*float: right; clear: right; right: 0;*/
}
.columnB{
	width: 567px;
	float: left;
	/*float: right;*/
}
/* HTML Tags  ----------------------------------------------------------------------------------------- 
h1, h2, h3, h4, a
*/
h1, h2, h3, h4{
	margin-bottom: .5em;
	clear: left;
}
	h2, h2 a{
		font-size: 20px;
		color: #26584B;
		font-weight: 700;
		display: block;
		width: 100%;
	}
		h3, h3 a{
			font-size: 16px;
			color: #7C311B;
			font-weight: bold;
		}
		h3 a{
			text-decoration: none;
			border-bottom: 1px dotted;
		}
			h4, h4 a{
				font-size: 14px;
				font-weight: bold;
				color: #996600;
			}
a{
	color: #990000;
}
	a:hover{
		color: #006666;
	}
a.name{
	border: none;
}
ul.anchorlinks{
	color: #990000;
}
	ul.anchorlinks li{
		background: url(../images/layout/tinyspike.gif) center left no-repeat;
		float: left;
		padding-left: 10px;
		margin-right: .5em;
		list-style: none;
		margin-bottom: .7em;
		font-size: 11px;
	}
		
/* Main Header -----------------------------------------------------------------------------------------
#header, #mast
*/
#header{
	padding: 18px 0;
	background: url(../images/layout/top_nav_wood.jpg) left top no-repeat;
	position: relative;
	z-index: 30;
	margin-bottom: 1em;
}
	#mast{
		text-align: center;
	}
	#mast h1{
		height: 84px;
		margin-bottom: 18px;
	}
		#mast span{
			display: none;
		}
		
	/* The Navigation ----------------------------------------------------------------------------------------- */
	
	#nav{
		position: relative;
		font-variant: small-caps;
	}
		#nav ul{
			list-style: none;
			margin-left: 26px;
			width: 100px;
		}
			#nav ul li{
				padding-top: .3em;
			}
				#nav ul li a{
					display: block;
					font-weight: bold;
					padding-left: 16px;
					color: #C7F5EE;
					background: url(../images/layout/hole.gif) left center no-repeat;
					text-decoration: none;
					width: 90px;
				}
				#nav ul li a:hover, #nav ul li a.on{
					background: url(../images/layout/spike.gif) -1px center no-repeat;
					color: #FFCC33;
				}
				#nav ul li a:hover{
					text-decoration: underline;
				}
				#nav ul li a.on{
					color:#FFCC33;
				}
					#nav ul ul li a.on{
						color: #CC9900;
					}
					#nav ul ul{
						padding: 0 0 0 0;
						margin: 0 0 0 0;
						padding-bottom: .5em;
					}
						#nav ul ul li{
							
						}
						#nav ul ul li a{
							color: #999999;
							background: url(../images/layout/curve_off.gif) 9px center no-repeat;
							text-decoration: none;
							padding-left: 30px;
						}
						#nav ul li a:hover ul a{
							color: #99CCCC;
						}
						#nav ul ul li a:hover, #nav ul ul li a.on, #nav ul li:hover ul a:hover{
							background: url(../images/layout/curve_on.gif) 9px center no-repeat;
						}
					
/* Main Body -----------------------------------------------------------------------------------------
#body, #body_content, #body_header, #body_footer
*/
#body{
	position: relative;
	margin-top: 99px;
	background: #F2E2AF url(../images/backgrounds/street.jpg) center bottom no-repeat;
	z-index: 20;
}

	/* Body Header ----------------------------------------------------------------------------------------- */
	#body_header{
		position: absolute;
		top: -45px;
		padding-left: 15px;
		font-weight: bold;
		margin: 0;
		color: #7C311B;
		z-index: 20;
	}
		#body_header a, #body_header a:hover{
				color: #7C311B;
				text-decoration: none;
			}
			#body_header a:hover{
				text-decoration: underline;
			}
		#body_header ul{
			margin-top: 20px;
			font-size: 10px;
		}
			#body_header ul li{
				display: block;
				float: left;
				padding-right: 1em;
			}
			
	/* Body Content ----------------------------------------------------------------------------------------- */
	#body_content{
		background: url(../images/layout/light.png) left top repeat-x;
		padding: 18px 15px 1em 15px;
		position: relative;
		z-index: 15;
	}
		#body_content p, #body_content ul, #body_content img{
			padding-bottom: 1em;
		}	
		#body_content ul.plainlist{
			margin-left: 1em;
			padding-left: 1em;
		} 
		
		/* Photos ----------------------------------------------------------------------------------------- */
		div.photo{
			position: relative;
			padding-bottom: 43px;
		}
			#body_content div.photo img{
				border: 1px solid #F5BA5C;
				background: white;
				padding: 5px;
				margin: 0;
			}
			div.holder{
				position: absolute;
				width: 175px;
				height: 57px;
				background: url(../images/layout/smallholder.png) left bottom no-repeat;
				bottom: 0;
				left: 50%;
				margin-left: -87px;
			}
			div.photo.left{
				float: left;
				margin-right: 20px;
				width: auto;
			}
			div.photo.right{
				float: right;
				margin-left: 20px;
				width: auto;
			}

/* Menus */
#menu{	 text-align: center; }
	
	#menu div.category{
		width: 98%;
		text-align: center;
		padding: 1em 1em 1em 0;
		clear: both;
	}
	#menu div.category h3{
		display: inline;
		padding-right: 125px;
		padding-left: 125px;
		background: url(../images/layout/menucurve.png) right no-repeat;
		margin: 0;
	}
	#menu div.category span{ background: url(../images/layout/menucurve_l.png) left no-repeat; }

	#menu.winemenu h4{  
		font-variant: small-caps;
		color: #996600;
		font-size: 1em;
		clear: left;
		width: 85%;
		text-align: center;
		border-bottom: 1px dotted #DAC997; 
		padding: 0 1em 0 0 ;
		margin: auto;
		margin-top: 0;
		margin-bottom:.5em;
	} 
	
	#menu ul{ 
		clear: both; 
		list-style: none; 
		overflow: auto;
		margin: auto;
		width: 85%;
		text-align: left;
	} 
	#menu.drinksmenu ul{
		width: 72%;
	}
	
	#menu ul.twocolumns li{  
		width: 48%; 
		float: left; 
		padding-bottom: 1em;
	} 
	#menu.drinksmenu ul.twocolumns li{
		padding-bottom: 0;
	}
	#menu ul.twocolumns li.nth-child-odd{ float: left; clear: left; }
	#menu ul.twocolumns li.nth-child-even{ float: right; clear: right; } 
	
	#menu .itemdescription{
		font-size: .9em;
		color: #333333;
	}
	
ul.specials{
	list-style: none; 
}
ul.specials div.date{
	font-size: 1.25em;
	color: #660000;
}
ul.specials li{
	padding-bottom: 1em;
}

/* Front Page Announcement */
		div.section{
			text-align: left;
		}
			div.section h3{
				background: url(../images/layout/wheatcurve.png) left center no-repeat;
			}
			div.section img{
				float: left;
				padding-right: .5em;
			}
			#floats div.section.left, div.section.right{
				padding-bottom: 1em;
				width: 250px;
			}
			div.section ul, div.section ol{
				padding-left: 1.5em;
			}
			#flashimage{
				padding-bottom: 1em;
			}
			div.section.left{
				float: left;
				clear: left;
			}
			div.section.right{
				float: right;
				clear: right;
			}
			/* Section "Floats"
			The div "Floats" is so that IE6 reconizes which specific elements to use div.section.nth-child (etc) on. */
				#floats div.section.nth-child-odd, #floats div.section.nth-child-even{
					padding-bottom: 1em;
					width: 250px;
				}
				#floats div.section.nth-child-even{
					float: right;
					clear: right;
				}
				#floats div.section.nth-child-odd{
					clear: left;
					float: left;					
				}
			
	/* Body Footer ----------------------------------------------------------------------------------------- */
	#body_footer{
		font-size: 11px;
		padding: 1em 15px;
		position: relative;
		z-index: 10;
	}
		#body_footer ul{
			list-style: none;
			margin: 0;
			padding: 0;
			margin-bottom: 1em;
		}
		#body_footer .copy{
			clear: both;
			text-align: center;
		}

/* Main Footer -----------------------------------------------------------------------------------------
#footer
*/
#footer{
	position: relative;
	clear: both;
	z-index: 10;
}

/* Extra Graphic Div Tags -----------------------------------------------------------------------------------------
#woodbackground, #woodbottom, #lights, #litfloor
*/
.background{
	position: absolute;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
	z-index: 0;
}
#copperbar{
	position: absolute;
	height: 45px;
	background: #C86518 url(../images/layout/copper_bar_lit.jpg) left bottom no-repeat;
	margin-top: 54px;
	color: #7C311B;
}
#woodbackground.columnA{
	position: absolute;
	bottom: 0;
	background: #5E1708 url(../images/layout/nav_wood.jpg) left top repeat-y;
	z-index: 1;
	float: none;
	clear: none;
	height: 9001px;
}
	#woodbottom{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 10px;
		background: url(../images/layout/wood_bottom.jpg) left bottom no-repeat;
		width: 150px;
	}
#lights{
	height: 360px;
	background: url(../images/layout/threelights.jpg) center top no-repeat;
}
#litfloor{
	position: fixed;
	height: 150px;
	background: url(../images/layout/litfloor.jpg) center bottom no-repeat;
	bottom: 0;
}
/* Global ----------------------------------------------------------------------------------------- 
*/
.clear{
	clear: both;
}
a img{
	border: none;
}

/* Email Sign-up Form */
.emailform{
	margin: 0px 125px 0 100px;
	padding: 20px;
	background: #fbf6e6 url(../images/layout/oldpaper.jpg) top left;
	border: 2px solid #d4ba92;
	overflow: auto;
}
.formrow{
	clear: both;
	padding-bottom: .5em; 
	overflow: auto;
}
	.formrow label{
		display: block;
		float: left;
		width: 60px;
		padding: 2px 0px 0px 0px;
		margin: 0;
		color: #7b4734;
		font-style: italic;
	}
	.formrow .textbox, .formrow .submit{
		width: 200px;
		float: right;
	} 
	.formrow .error{
		font-size: .9em;
		color: #930;
		clear: both;
		float: right;
		width: 200px;
	}
	
	ul.dotlist{
	margin-left: 2em;
} 
.pagebreak{
	height: 15px;
	background-image: url('../images/layout/pagedivider.png'); 
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 1em;
	width: 95%;
}