/*
Site Name: Tony's Italian Bar & Grill
Version: 1.0
Author: Ben Debnam
Author URI: http://www.goocreative.co.uk 
*/


/*
---- Global
*/


html, body, form, fieldset, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}
body {
	background:#fff;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:0.85em;
	padding: 0 0; margin:0;
	color:#999;
	line-height:1.6em;
}
#vertical {
	position:absolute;
	top:50%;
	margin-top:-279px;/* half main elements height*/
	left:0;
	width:100%;
}
#wrapper {
	width: 100%;
	height:446px;
	background:#efefef;
	padding:17px 0 75px 0;
	
}
#wrappermenu {
	width: 100%;
	background:#efefef;
	padding:17px 0 35px 0;
	margin:40px 0 0 0;
}
#banner {
	width:100%;
	height:100%;
	background:url(../img/frontlogo.jpg) center center no-repeat #8d1717;
}
#bannercontact {
	width: 100%;
	height:100%;
	background: #8d1717;
}

ul, li {
	list-style-type:none;
	}

.clear {
	clear:both;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
.centered, p.centered {
	text-align:center;
}
img {
	border:0;
}
img a {
	border:0;
}
.hide {
	display:none;
}
.hidetext {
	height:1px;
}
a { 
	text-decoration:none;
}



/*
---- Main
*/


#mainlogo {
	width: 915px;
	height: 341px;
	margin:0 auto;
	background: url(../img/mainlogo.jpg) bottom center no-repeat;
}
#portal {
	width: 915px;
	height: 179px;
	margin:0 -457px 0 0; position: absolute; right:50%;
	padding: 0 0 0 0;
	background:url(../img/plants.jpg) bottom center no-repeat; 
}

/* XMAS ONLY

#mainlogo {
	width: 915px;
	height: 341px;
	margin:0 auto;
	background: url(../img/xmas/xmasmainlogo.jpg) bottom center no-repeat;
}
#portal {
	width: 915px;
	height: 179px;
	margin:0 -457px 0 0; position: absolute; right:50%;
	padding: 0 0 0 0;
	background:url(../img/xmas/xmasmainplants.jpg) bottom center no-repeat; 
}

/*-------------------*/

#portal .openingxmas {
	width:286px;
	height: 28px;
	margin:35px auto 0 auto;
	} 
	
#portal .opening26 {
	width:286px;
	height: 28px;
	margin:35px auto 0 auto;
	background: url(../img/line_august.jpg) no-repeat top center;
}
#portal .opening25 {
	width:286px;
	height: 28px;
	margin:35px auto 0 auto;
	background: url(../img/line_tomorrow.jpg) no-repeat top center;
}
#portal .opening {
	width:286px;
	height: 28px;
	margin:35px auto 0 auto;
	background: url(../img/open.jpg) no-repeat top center;
}
#portal ul {
	list-style: none;
	padding:5px 0 0 0; margin:0 auto;
	width:215px; 
}
#portal li {
	display: inline;
	float:left;	
}
#portal .menu {
	margin: 0 15px 0 0;
}
#portal a {
	color:#fff;
	text-decoration: none;
}
#portal a:hover {
	color:#f2c783;
	text-decoration: none;
}

#header {
	height:133px;
	width:976px; margin:0 auto 30px auto; padding: 37px 0 0 0;
	clear: both;
}
.main {
	width:938px;
	margin:0 auto;
}
.maincontact {
	width:976px;
	margin:0 auto;
}
	#menulogo {
		width: 221px;
		height: 133px;
		float: left;
		padding:0; margin: 0;
		background: url(../img/xmas/menulogo_alpha.gif) no-repeat top left;
	}

	/* XMAS ONLY  */  
	#xmasbanner { position:absolute; top:36px; left:0;  }


	#nav {
		width: 337px;
		height:50px;
		float:right;
		padding:40px 0 0 0;
	}
		#nav .menutitle {
			background: url(../img/menutitle.jpg) no-repeat top left;
			width: 337px; height: 22px;
		}
		#nav .menutitlebar {
			background: url(../img/barfoodtitle.jpg) no-repeat top left;
			width: 337px; height: 22px;
		}
		#nav .menutitlexmas {
			background: url(../img/xmas/xmasmenutitle.jpg) no-repeat top left;
			width: 337px; height: 22px;
		}
		#nav .contacttitle {
			background: url(../img/contacttitle.jpg) no-repeat top left;
			width: 337px; height: 22px;
		}
		#nav ul { 
			list-style: none; padding:7px 0 0 30px;
		}
		#nav li {
			display: inline; float: left; padding:0 18px 0 0;
			letter-spacing: 0.1em;
			color: #fff;
		}
		#nav a {
			color: #fff;
		}
		#nav a:hover {
			color: #f2c783;
		}
		#nav .selected a {
			color: #f2c783;
		}
		#subnav { background: url(../img/newmenustrip.gif) no-repeat top left; margin:30px 0;
		} 
		#subnav a {
			color: #f99;
		}
		#subnav a:hover {
			color: #f2c783;
		}
		#subnav .selected a {
			color: #f2c783;
		}

	#contactnav {
		width: 337px;
		height:50px;
		float:right;
		padding:75px 0 0 0;
	}
		#contactnav .menutitle {
			background: url(../img/menutitle.jpg) no-repeat top left;
			width: 337px; height: 22px;
		}
		#contactnav .contacttitle {
			background: url(../img/contacttitle.jpg) no-repeat top left;
			width: 337px; height: 22px;
		}
		#contactnav ul { 
			list-style: none; padding:7px 0 0 30px;
		}
		#contactnav li {
			display: inline; float: left; padding:0 18px 0 0;
			letter-spacing: 0.1em;
			color: #fff;
		}
		#contactnav a {
			color: #fff;
		}
		#contactnav a:hover {
			color: #f2c783;
		}
		#contactnav .selected a {
			color: #f2c783;
		}
		
	 

/* NORMAL */

#food {
	background:#8d1717;
	overflow: hidden;
}

#food .left {
	float:left;
	clear:left;
	width: 420px;
}
	#food h2 { 
		margin:0;
		padding:0;
		font-size: 1.2em;
		color:#fff;
		letter-spacing: 0.1em;
		font-weight: normal;
	}
	#food h3 {
		margin:-0.5em 0 14px 0;
		padding:0;
		height:14px;
		color:#f2c783;
		font-size: 0.95em;
		font-weight: normal;
	}
	#food .left ul {
		margin:0 0 92px 0;
	}
	#food .left li {
		clear:both;
		padding:8px 0 0px 0;
		
	}
	#food .right ul {
		margin:0 0 92px 0;
	}
	#food .right li {
		clear:both;
		padding:8px 0 0 0;
	}	
	#food .item {
		color:#fff;
		width:300px;
		float: left;
		clear:left;
		font-size: 1em;
		text-align: left;
		
		}
	#food .price {
		color:#fff;
		font-size: 1em;
		width: 120px;
		float: right;
		text-align: right;
		}
	#food .subtext {
		color:#c66;
		font-size: 0.95em;
		line-height: 1.4em;
		}
	#food .subitem {
		clear:left;
		width:300px;
		color:#c66;
		float:left;
		font-size: 1em;

		text-align: left;
	}
	
#food .right {
	float:right;
	clear: right;
	width: 420px;
}

#drink {
	margin:0;
	padding:83px 0 0 0;
	background: url(../img/winebg.jpg) repeat-x top left #f6e0bd;
	overflow: hidden;
}
#drink .left {
	float:left;
	clear:left;
	width: 420px;
}
#drink .right {
	float:right;
	clear: right;
	width: 420px;
}
#drink h2 {
	margin:0 0 40px 0;
	padding:0;
	font-size: 1.2em;
	color:#933;
	letter-spacing: 0.1em;
	font-weight: normal;
}
#drink h3 {
	margin:-0.5em 0 14px 0;
	padding:0;
	height:14px;
	color:#300;
	font-size: 0.95em;
	font-weight: normal;
}
	#drink .left ul {
		margin:0 0 92px 0;
	}
	#drink .left li {
		clear:both;
		padding:8px 0 0px 0;
		
	}
	#drink .right ul {
		margin:0 0 92px 0;
	}
	#drink .right li {
		clear:both;
		padding:8px 0 0 0;
	}	
	#drink .item {
		color:#933;
		width:55%;
		float: left;
		clear:left;
		font-size: 1em;
		text-align: left;
		
		}
	#drink .price {
		color:#933;
		font-size: 1em;
		height: 14px;
		width: 45%;
		clear:right;
		float: right;
		text-align: right;
		}
	#drink .itemsingle {
		color:#933;
		width:70%;
		float: left;
		clear:left;
		font-size: 1em;
		text-align: left;
		
		}
	#drink .pricesingle {
		color:#933;
		font-size: 1em;
		height: 14px;
		width: 30%;
		clear:right;
		float: right;
		text-align: right;
		}
	#drink span {
		color:#933;
		}

	#drink .subtext {
		color:#966;
		clear:left;
		font-size: 0.95em;
		line-height: 1.4em;
		}
		
#barfood {
	background:#8d1717;
	overflow: hidden;
}

#barfood .left {
	float:left;
	clear:left;
	width: 420px;
}
	#barfood h2 { 
		margin:0;
		padding:0;
		font-size: 1.2em;
		color:#fff;
		letter-spacing: 0.1em;
		font-weight: normal;
	}
	#barfood h3 {
		margin:1.5em 0 14px 0;
		padding:0;
		height:14px;
		color:#f2c783;
		font-size: 0.95em;
		font-weight: normal;
	}
	#barfood .left ul {
		margin:0 0 32px 0;
	}
	#barfood .left li {
		clear:both;
		padding:8px 0 0px 0;
		
	}
	#barfood .right ul {
		margin:0 0 32px 0;
	}
	#barfood .right li {
		clear:both;
		padding:8px 0 0 0;
	}	
	#barfood .item {
		color:#fff;
		width:420px;
		float: left;
		clear:left;
		font-size: 1em;
		text-align: left;
		
		}
	#barfood .price {
		color:#fff;
		font-size: 1em;
		width: 120px;
		float: right;
		text-align: right;
		}
	#barfood .subtext {
		color:#c66;
		font-size: 0.95em;
		line-height: 1.4em;
		}
	#barfood .subtext2 {
		color:#c66;
		font-size: 1em; 
		padding:0 0 0 20px;
		line-height: 1.8em;
		}
	#barfood .subitem {
		clear:left;
		width:300px;
		color:#c66;
		
		font-size: 1em;

		text-align: left;
	}
	
#barfood .right {
	float:right;
	clear: right;
	width: 420px;
}


#foodxmas {
	background: url(../img/xmas/xmasmenubg.jpg) no-repeat top center #8d1717;
	overflow: hidden;
	} 

#foodxmas .left {
	float:left;
	clear:left;
	width: 420px;
}
	#foodxmas h2 { 
		margin:0;
		padding:0;
		font-size: 1.2em;
		color:#fff;
		letter-spacing: 0.1em;
		font-weight: normal;
	}
	#foodxmas h3 {
		margin:-0.5em 0 14px 0;
		padding:0;
		height:14px;
		color:#f2c783;
		font-size: 0.95em;
		font-weight: normal;
	}
	#foodxmas .left ul {
		margin:0 0 92px 0;
	}
	#foodxmas .left li {
		clear:both;
		padding:8px 0 0px 0;
		
	}
	#foodxmas .right ul {
		margin:0 0 92px 0;
	}
	#foodxmas .right li {
		clear:both;
		padding:8px 0 0 0;
	}	
	#foodxmas .item {
		color:#fff;
		width:420px;
		float: left;
		clear:left;
		font-size: 1em;
		text-align: left;
		
		}
	#foodxmas .price {
		color:#fff;
		font-size: 1em;
		width: 120px;
		float: right;
		text-align: right;
		}
	#foodxmas .subtext {
		color:#c66;
		font-size: 0.95em;
		line-height: 1.4em;
		}
	#foodxmas .subitem {
		clear:left;
		width:300px;
		color:#c66;
		float:left;
		font-size: 1em;

		text-align: left;
	}

	#foodxmas .right {
		float:right;
		clear: right;
		width: 420px;
	}

	#foodxmas h2.fayre { display:block; text-indent:-5000px; background: url(../img/xmas/xmastitle-fayre.gif) no-repeat 0 0; height:43px; }
	#foodxmas h2.day   { display:block; text-indent:-5000px; background: url(../img/xmas/xmastitle-day.gif) no-repeat 0 0; height:43px; }
	#foodxmas h2.years { display:block; text-indent:-5000px; background: url(../img/xmas/xmastitle-years.gif) no-repeat 0 0; height:43px; }




#photo {
	width:631px;
	height:446px;
	float:left;
	
}
#details {
	width:305px;
	float:right;
	margin:25px 0 0 0px;
}
	#details .name {
		color:#fff;
		font-size: 1.2em;
		letter-spacing: 0.1em;
		}
	#details .address {
		color:#f2c783;
		font-size: 0.95em;
		}
	#details .phone {
		color:#fff;
		font-size: 0.95em;
		margin:1.3em 0;
		
		}
		#details .phone span {
		margin:0 0 0 20px;
		font-size: 0.95em;
		}
	#details .opening {
		color:#fff;
		margin:20px 0px 0px 0px;
		font-size: 0.95em;
		}
	#details .times {
		color:#f2c783;
		font-size: 0.95em;
		line-height: 1.2em;
		}
	#details .reservations {
		color:#fff;
		margin:1.5em 0 0 0;
		font-size: 0.85em;
		line-height: 1.3em;
		}
	
/*
----  Footer
*/

#footer {

	width: 100%;

	margin:0 0 0 0;
	padding: 0 0 0px 0;
	font-size:0.95em;

}
#footer a {
	float:right;
	width:auto;
	color:#999;
	padding:0; margin:4px 5% 6px 0;
}
#footer a:hover {
	color:#555;
}