@CHARSET "ISO-8859-1";

/*** MENU STYLES ***/
DIV#menubar {
	position: relative;
	padding-left: 1px;
	}

TABLE#menu {
	width: 949px;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	}

TABLE#menu TR {
	margin: 0;
	padding: 0;
	}
	
TABLE#menu td {
	margin: 0;
	padding: 0;
	height: 48px;
	text-align: center;
	background-image: url('imgs/menu-bg-press.jpg');	/* Preload active / focus image */
	}
	
TABLE#menu td.bdr {
	border-right: 1px solid #fff;
	}

	
TABLE#menu A {
	display: block;			/* Makes whole button clickable */
	padding: 12px;			/* Add area so above and below is clickable too */
	text-decoration: none;
	font-family: Arial;
	color: white;
	font-size: 20px;
	background-image: url('imgs/menu-bg.jpg');	/* 40px high gradient, edit if height changes */
	}
	
TABLE#menu A:hover {
	
	}
TABLE#menu A:active, TABLE#menu A:focus {
	background-image: url('imgs/menu-bg-press.jpg');
	}
	
TABLE#menu TD#home {
	width: 115px;
	}
TABLE#menu TD#howd {
	width: 180px;
}	
TABLE#menu TD#rest {
	width: 155px;
	}
TABLE#menu TD#feat {
	width: 125px;
	}	
TABLE#menu TD#bene {
	width: 115px;
	}	
TABLE#menu TD#pric {
	width: 105px;
	}	
TABLE#menu TD#abou {

	}		
	
/*** Corner Piece ***/
DIV#menubar img.br_cnr_img {
	position: absolute;
	visibility: hidden;
	top: 0px;
	}

/************ CORRECT POSITIONS FOR A TOP RIGHT TAB *******/
/* Highlight when page is active */
body#hom DIV#menubar img.br_cnr_img {
	visibility: visible;
	left: 96px;
	}
body#how DIV#menubar img.br_cnr_img {
	visibility: visible;
	left: 277px;
	}
body#res DIV#menubar img.br_cnr_img {
	visibility: visible;
	left: 433px;
	}
body#fea DIV#menubar img.br_cnr_img {
	visibility: visible;
	left: 559px;
	}
body#ben DIV#menubar img.br_cnr_img {
	visibility: visible;
	left: 675px;
	}
body#pri DIV#menubar img.br_cnr_img {
	visibility: visible;
	left: 781px;
	}
body#abo DIV#menubar img.br_cnr_img {
	visibility: visible;
	left: 929px;
	}	
	
/*** END MENU STYLES ***/


/*** GENERAL LAYOUT STYLES ***/
BODY {
	background: #F3F2F2 url('imgs/bg.jpg') repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial;
	}

DIV#wrapper {
	background-color: #fff;
	width: 950px;
	margin: 0px auto;
	padding: 0;
	position: relative;
	}
	
DIV#header {
	height: 240px;
	position: relative;
	}

DIV#logo {
	position: absolute;
	top: 35px;
	left: 30px;
	width: 650px;
	
	}
DIV#menubar {
	position: absolute;
	bottom: 0px;
	width: 950px;
	}
	
DIV#infobox {
	position: absolute;
	right: 40px;
	top: 30px;
	width: 360px;
	padding: 0;
	margin: 0;
	text-align: right;
	/* Font Size and Color*/
	font-size: 14px;
	color: #6EAB23;	
	}
DIV#social {
	position: absolute;
	width: 160px;
	right: 40px;
	bottom: 100px;
	text-align: right;
	}
DIV#social A#fb {
	background-image: url('imgs/fb-grey.gif');
	height: 32px;
	width: 32px;
	display: inline-block;
	}	
DIV#social A#fb:hover {
	background-image: url('imgs/fb-green.gif');
	}
DIV#social A#tw {
	background-image: url('imgs/tw-grey.gif');
	height: 32px;
	width: 32px;
	display: inline-block;
	}	
DIV#social A#tw:hover {
	background-image: url('imgs/tw-green.gif');
	}	
DIV#live-demo {
	position: absolute;
	width: 220px;
	right: 40px;
	bottom: 80px;
	text-align: right;
	
	}
	
DIV#live-demo A {

	/* Font Size and Color*/
	font-size: 14px;
	color: #888;
	}
DIV#live-demo A:hover {
	color: #693;
	/*color: #6EAB23;	*/
	}

DIV#content {
	position: relative;
	min-height: 400px;
	padding: 30px 45px;
	}	
	
DIV#footer {
	padding-top: 10px;
	height: 90px;
	position: relative;
	background-color: #F3F2F2;
	text-align: center;
	font-size: 11px;
	color: #aaa;
	}
DIV#footer A { 
	color: #aaa;
	}	
DIV#footer A:hover { 
	color: #6c0;
	}
INPUT[TYPE=text] {
	border: 1px solid black;
	}
TEXTAREA {
	border: 1px solid black;
	}	
/*** END GENERAL LAYOUT STYLES ***/



/*** CONTENT STYLES ***/
/* General paragraphs and their classes */
DIV#content P {
	line-height: 1.3;
	}
P.focus {
	font-size: 18px;
	font-weight: bold;
	}
P.note {
	color: gray;
	}	
P.contact {
	font-size: 18px;
	line-height: 2;
	}	

/* List item styling */
DIV#content ul {
	padding-left: 18px;
	margin: 0;
	}
DIV#content li.space {
	padding-bottom: 16px;
	}
DIV#content ul li.nothing {
	list-style-type: none;		/* Only used to help IE */
	display: inline-block;		/* Only used to help IE */
	width: 100%;				/* Only used to help IE */
	}
DIV#content ul ul {
	padding-left: 0px;
	}	
DIV#content ul li li {	
	padding-left: 0px;
	color: #777;
	list-style-type: disc;
	}
DIV#content li {
	line-height: 1.3;
	}

/* Headings */
DIV#content H1 {
	color: #693;
	font-size: 24px;
	font-weight: normal;
	}
	
DIV#content H2 {
	color: #693;
	font-size: 20px;
	font-weight: normal;
	}
	
/* Links */
DIV#content A {
	color: black;
	}
DIV#content A:hover {
	color: #693;
	}

/* Labels on the contact us form */	
LABEL {
	display: inline-block;
	width: 90px;
	height: 30px;
	vertical-align: top;
	}
/*** END CONTENT STYLES ***/

/*** HOW-PAGE STYLES ***/
DIV#how-page {
	margin: 0;
	padding: 0;
	width: 520px;
	}
DIV#how-page DIV.how-box H1 {
	display: inline-block;
	margin-top: 0;
	}	
	
DIV#how-page DIV.how-box DIV.how-num {
	display: inline-block;
	float: right;
	
	text-align: right;
	color: #693;
	font-size: 24px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	}
	
DIV#how-page H1 {
	margin-bottom: 0;
	}
	
DIV#how-page DIV.how-box {
	margin-top: 50px;
	}
/*** END HOW-PAGE STYLES ***/

/*** Screenshot for home page ***/
IMG#bp {
	position: absolute;
	right: 80px;
	top: 230px;
	}
/*** End home page styles ***/

/*** Start how page style ***/
DIV#how-page img#how1 {
	position: absolute;
	top: 240px;
	right: 90px;
	}
DIV#how-page img#how2 {
	position: absolute;
	top: 390px;
	right: 60px;
	}
DIV#how-page img#how3 {
	position: absolute;
	top: 550px;
	right: 30px;
	}
DIV#how-page img#how4 {
	position: absolute;
	top: 750px;
	right: 70px;
	}			
/*** End how page style ***/

/*** Restaurants style ***/
img.rimg {
	position: relative;
	float: right;
	margin: 4px 30px 10px 30px;
	}

/*** End restaurants style ***/

/*** Benefits Style ***/
img#bene1 {
	position: absolute;
	right: 40px;
	top: 40px;
	padding: 0;
	margin: 0;
	}
DIV#bene1caption {
	position: absolute;
	width: 340px;
	right: 40px;
	top: 303px;
	text-align: center;
	color: #777;
	font-size: 14px;
	}
/*** End Benefits Style ***/

/*** Fine Food Australia Page ***/
#fff-logo {
	float: right;
	padding-right: 30px;
	}
#fff-left h1, #fff-right h1 {
	text-align: left;
	}
#fff-left {
	float: left;
	width: 340px;
	padding-left: 30px;.
	padding-right: 30px;
	margin-right: 60px;
	}
#fff-right {
	width: 340px;
	padding-left: 30px;.
	padding-right: 30px;
	float: left;
	}
#fff-center {
	padding-left: 30px;.
	padding-right: 30px;
	margin-right: 30px;
	}
.center {
	text-align: center;
	}
img {
	border: 0;
	}
/*** End Fine Food Australia Page ***/