/* 
 * Stylesheet for Zinc pages
 * JMW 2008
 */
 
body
{
	background: #333;
	line-height: 150%;
	font-family: verdana, geneva, sans-serif;
	font-size: 62.5%;
}

#wrapper
{
	width: 990px;
	margin: 0 auto;
}
	#wrapper #page
	{
	position: relative;
	float: left;
	width: 970px;
	height: 649px;
	padding: 0 10px;


	}
		#wrapper #page #flash
		{
			position: absolute;
			top: 0;
			left: 180px;
			z-index: 2;
		}

#footer
{
	clear: both;
	color: #acaaaa;
	padding-top: 7px;
	font-size: 110%;
}
	#footer ul
	{
	
	}
		#footer ul li
		{
			display: inline;
			padding-right: 20px;
		}
	#footer a,
	#footer a:visited,
	#footer a:active
	{
		color: #acaaaa;
		text-decoration: none;
	}
		#footer a:hover
		{
			color: #acaaaa;
			text-decoration: underline;
		}
	#footer div#logos
	{
		float: right;
		padding-top: 2px;
	}
		#footer div#logos ul li
		{
			padding-left: 15px;
			padding-right: 0;
		}



/* navigation panel */
#nav
{
	float: left;
	position: relative;
	height: 459px;
	width: 170px;
	color: #fff;
	background: #000;
	padding-top: 180px;
}
	#nav img#logo
	{
		position: absolute;
		top: 50px;
		left: 29px;
	}
	#nav ul
	{
		padding-left: 29px;
	}
		#nav ul li
		{
			padding-bottom: 26px;
		}
	#nav a
	{
		color: #fff;
	}

/* content panel */
#content
{
	position: relative;
	float: left;
	width: 260px;
	min-height: 425px;
	color: #333;
	background: #fff;
	margin-left: 13px;
	padding-top: 130px;
	z-index: 10;
}
	#content #contentprop
	{
		float: right;
		width: 1px;
		background: #fff;
		height: 405px;
	}
	#content div.padding
	{
		padding: 0 20px 0 24px
	}
	#content div.padding h1
	{
	font-family: serif;
	font-size: 200%;
	font-weight: bold;
	height: 1%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	}
	#content p
	{
		margin: 0 0 20px 0;
	}
		#content p strong
		{
			font-weight: bold;
		}
	#content ul.spaced li
	{
		padding-bottom: 15px;
	}
	#content a
	{
		color: #666;
		text-decoration: none;
	}
		#content a:hover
		{
			text-decoration: underline;
		}

	#content img.icon
	{
		vertical-align: -4px;
	}
	
/* page backgrounds (show for static background pages and also in place of flash when not available) */
div.bgwine		/* home page */
{
	background: url(../images/backgrounds/bg_glass.jpg) no-repeat;
}
div.bgbottles	/* bar page */
{
	background: url(../images/backgrounds/bg_bottles.jpg) no-repeat;
}
div.bgbigcoffee	/* news page */
{
	background: url(../images/backgrounds/bg_bigcoffee.jpg) no-repeat;
}
div.bgtableskitchen	/* reservations page */
{
	background: url(../images/backgrounds/bg_tables_kitchen.jpg) no-repeat;
}
div.bgpavlova	/* menus page */
{
	background: url(../images/backgrounds/bg_pavlova.jpg) no-repeat;
}
div.bgmenu		/* contact page, reservations page */
{
	background: url(../images/backgrounds/bg_menu.jpg) no-repeat;

}
div.bgglasses	/* accessibility page */
{
	background: url(../images/backgrounds/bg_glasses.jpg) no-repeat;
}
div.bglight		/* careers page */
{
	background: url(../images/backgrounds/bg_light.jpg) no-repeat;
}

div.bgvalentine 
{
	background: url(../images/backgrounds/ZINC_valentines_web.jpg) no-repeat;
	}


#content h1 {
	text-indent: -100em;
	overflow: hidden;
	line-height: 26px;
}
	#content h1.welcome
	{
		background: url(../images/headings/welcome.gif) no-repeat !important;
	}
	#content h1.dining
	{
		background: url(../images/headings/dining.gif) no-repeat !important;
	}
	#content h1.relaxing
	{
		background: url(../images/headings/relaxing.gif) no-repeat !important;
	}
	#content h1.menus
	{
		background: url(../images/headings/menus.gif) no-repeat !important;
	}
	#content h1.reservations
	{
		background: url(../images/headings/reservations.gif) no-repeat !important;
	}
	#content h1.news_events
	{
		background: url(../images/headings/news_events.gif) no-repeat !important;
	}
	#content h1.contact
	{
		background: url(../images/headings/contact.gif) no-repeat !important;
	}
	#content h1.careers
	{
		background: url(../images/headings/careers.gif) no-repeat !important;
	}
	#content h1.accessibility
	{
		background: url(../images/headings/accessibility.gif) no-repeat !important;
	}
		#content h1.christmas
	{
		background: url(../images/headings/christmas.gif) no-repeat !important;
	}
	#content h1.enquiry
	{
		background: url(../images/headings/enquiry.gif) no-repeat !important;
	}
#content enquiry {

	position: relative;
	float: left;
	width: 260px;
	min-height: 425px;
	color: #333;
	background: #fff;
	margin-left: 13px;
	padding-top: 160px;
	z-index: 10;
}
#content h1.football {
	background-image: url(../images/backgrounds/bg_football.jpg);
	background-repeat: no-repeat;
}
div.bgfootball {
	background-image: url(../images/backgrounds/bg_football.jpg);
	background-repeat: no-repeat;
}