/************************************************************************

	GLOBAL CSS
	==========

	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique

	Author:		
				Nick Watson
				Tom Fletcher-Jones
				[www.optixsolutions.co.uk]
				© optix solutions

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {
	font-size: .7em;
	background-color: #94C99B;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
html{
		background-color: #94C99B;
}
head{
		background-color: #94C99B;
}
div#content ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

/***********************************************************************
	IF YOU GET RANDOM SPACING AND OTHER ANNOYING WIERDNESS LOOK BELOW FIRST
************************************************************************/

div#content p, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, 
div#content h6, div#content table, div#content ul, div#content ol, div#content form {
	margin: 1em 0;
}

/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-align: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label, div.req p		{ font-weight: bold; }

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/
div#container{
	width: 805px;
	margin: 0 auto;	
}
div#header{
	width: 805px;
	height: 176px;
	background-image: url(../i/layout/header-header.jpg);
	background-repeat: no-repeat;	
}
div#main{
	width: 805px;
	background-image: url(../i/layout/body-repeater.jpg);
	background-repeat: repeat-y;
	float: left;
}
div#footer{
	width: 805px;
	height: 174px;
	background-image: url(../i/layout/footer-footer.jpg);
	background-repeat: no-repeat;
	float: left;
}
div#nav{
	width: 164px;
	float: left;
	margin-left: 7px;
	margin-top: -4px;
}

* html div#nav{
	width: 154px;
	float: left;
	margin-left: 3px;
	margin-top: -4px;
}

div#nav-curve{
	width: 164px;	
	height: 39px;
	background-image: url(../i/layout/nav-curve.gif);
	background-repeat: no-repeat;
}
div.nav-straight{
	width: 164px;	
	height: 39px;
	background-color: #ECA1C7;

}
div.nav-contents{
	background-color: #EC008C;
	width: 164px;
/*	height: 200px;*/	
}

div#content{
	background-image: url(../i/layout/girl.gif);
	background-repeat: no-repeat;
	background-position: 30px bottom;
	float: left;
	width: 620px;
/*	height: 900px; */
}
div#content1{
	background-image: url(../i/layout/girl.gif);
	background-repeat: no-repeat;
	background-position: 30px bottom;
	float: left;
	width: 620px;
/*	height: 1800px; */
}
div#photos{
	float: right;
	width: 460px;
	height: 110px;
	padding-top: 20px;
}
div#text{
	float: right;
	width: 450px;
	padding-right: 10px;
}


* html div#content{
	background-image: url(../i/layout/girl.gif);
	background-repeat: no-repeat;
	background-position: 30px bottom;
	float: left;
	width: 620px;
	height: 383px;
}
* html div#photos{
	float: right;
	width: 460px;
	height: 110px;
	padding-top: 20px;
}
* html div#text{
	float: right;
	width: 450px;
	padding-right: 10px;
}
/***********************************************************************
	HEADER ELEMENTS
************************************************************************/
div#home-link{
	width: 300px;
	height: 130px;
	float: left;
	clear: right;
}
div#home-link a{
	width: 300px;
	height: 130px;
	float: left;
	text-indent: -999em;
}

div#header ul{
	text-indent: -999em;
	height: 15px;
	margin-top: 15px;
	float:  right;
	width: 780px;

}
div#header ul li{
	float: left;
	height: 15px;
	margin-left: 130px;
}
div#header ul li a{
	height: 15px;	
	float: left;
}
div#header ul li a:hover{
	height: 15px;	
	float: left;
}

div#header ul li a.top-home{ background-image: url(../i/layout/topnav-home.gif); background-repeat: no-repeat;width: 105px;}
div#header ul li a:hover.top-home{ background-image: url(../i/layout/topnav-home-roll.gif); background-repeat: no-repeat;width: 105px;}

div#header ul li a.top-tea{ background-image: url(../i/layout/topnav-tea.gif); background-repeat: no-repeat;width: 91px;}
div#header ul li a:hover.top-tea{ background-image: url(../i/layout/topnav-tea-roll.gif); background-repeat: no-repeat;width: 91px;}

div#header ul li a.top-break{ background-image: url(../i/layout/topnav-break.gif); background-repeat: no-repeat;width: 71px;}
div#header ul li a:hover.top-break{ background-image: url(../i/layout/topnav-break-roll.gif); background-repeat: no-repeat;width: 71px;}

div#header ul li a.top-download{ background-image: url(../i/layout/topnav-download.gif); background-repeat: no-repeat;width: 103px;}
div#header ul li a:hover.top-download{ background-image: url(../i/layout/topnav-download-roll.gif); background-repeat: no-repeat;width: 103px;}

div#header ul li a.top-offers{ background-image: url(../i/layout/topnav-offers.gif); background-repeat: no-repeat;width: 44px;}
div#header ul li a:hover.top-offers{ background-image: url(../i/layout/topnav-offers-roll.gif); background-repeat: no-repeat;width: 44px;}
/***********************************************************************
	BODY ELEMENTS
************************************************************************/
h1.food{
	background-image: url(../i/layout/h1-menu-food.gif);
	background-repeat: no-repeat;
	width: 51px;
	height: 19px;
	text-indent: -999em;
	margin-top: 8px;
	margin-left: 10px;
	float: left;
	
}
h1.drinks{
	background-image: url(../i/layout/h1-menu-drinks.gif);
	background-repeat: no-repeat;
	width: 86px;
	height: 24px;
	text-indent: -999em;
	margin-top: 8px;
	margin-left: 10px;
	float: left;
	
}
div#text p{
	text-align: justify;
	line-height: 1.8em;
	color: #000000;
	font-size: 1.2em;
}
div#photos img{
	float: left;
	margin-right: 11px;
}
* html div#photos img{
	float: left;
	margin-right: 8px;
}
/***********************************************************************
	NAVIGATION
************************************************************************/
div#nav div.nav-contents ul{
	margin-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 164px;
}
* html div#nav div.nav-contents ul{
	padding-top: 15px;
	padding-bottom: 15px;
	width: 144px;
}
div#nav div.nav-contents ul li{
	width: 68px;
	height: 11px;
	margin-bottom: 10px;
}
div#nav div.nav-contents ul li a{
	width: 84px;
	height: 15px;
	float: left;
	text-indent: -999em;
}
div#nav div.nav-contents ul li a:hover{
	width: 84px;
	height: 15px;	
	float: left;
	text-indent: -999em;
}

div#nav div.nav-contents ul li a.starters{ background-image: url(../i/layout/nav-starters.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.starters{background-image: url(../i/layout/nav-starters-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.curry{ background-image: url(../i/layout/nav-curry.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.curry{background-image: url(../i/layout/nav-curry-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.noodles{ background-image: url(../i/layout/nav-noodles.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.noodles{background-image: url(../i/layout/nav-noodles-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.stirfry{ background-image: url(../i/layout/nav-stirfry.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.stirfry{background-image: url(../i/layout/nav-stirfry-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.friedrice{ background-image: url(../i/layout/nav-rice.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.friedrice{background-image: url(../i/layout/nav-rice-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.sweets{ background-image: url(../i/layout/nav-sweets.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.sweets{background-image: url(../i/layout/nav-sweets-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.favourites{ background-image: url(../i/layout/nav-favourites.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.favourites{background-image: url(../i/layout/nav-favourites-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.mains{ background-image: url(../i/layout/nav-mains.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.mains{background-image: url(../i/layout/nav-mains-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.sidese{ background-image: url(../i/layout/nav-sides.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.sidese{background-image: url(../i/layout/nav-sides-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.light{ background-image: url(../i/layout/nav-lightmenu.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.light{background-image: url(../i/layout/nav-lightmenu-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.roast{ background-image: url(../i/layout/nav-sunday.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.roast{background-image: url(../i/layout/nav-sunday-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.fish{ background-image: url(../i/layout/nav-fish.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.fish{background-image: url(../i/layout/nav-fish-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.tapas{ background-image: url(../i/layout/nav-tapas.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.tapas{background-image: url(../i/layout/nav-tapas-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.salads{ background-image: url(../i/layout/nav-salads.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.salads{background-image: url(../i/layout/nav-salads-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.setmenu{ background-image: url(../i/layout/nav-setmenu.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.setmenu{background-image: url(../i/layout/nav-setmenu-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.soups{ background-image: url(../i/layout/nav-soups.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.soups{background-image: url(../i/layout/nav-soups-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.specials{ background-image: url(../i/layout/nav-specials.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.specials{background-image: url(../i/layout/nav-specials-rollover.gif); background-repeat: no-repeat;}

div#nav div.nav-contents ul li a.vegetarian{ background-image: url(../i/layout/nav-vegetarian.gif); background-repeat: no-repeat;}
div#nav div.nav-contents ul li a:hover.vegetarian{background-image: url(../i/layout/nav-vegetarian-rollover.gif); background-repeat: no-repeat;}


/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/

/***********************************************************************
	MESSAGES
************************************************************************/

.error, .notice, .message { 
	color: #b22;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}