/*
CSS by Tim Colwill of Developers at Large.
enquiries@developersatlarge.com
http://www.developersatlarge.com/
*/

/* Housekeeping */

@import url("reset.css");

html {
	height: 100%;
	width: 100%;
	}

body {
	min-height: 100%;
	font: 62.5% Tahoma, Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	background-image: url("img/bg_body.jpg");
	background-position: top center;
	background-repeat: repeat-x;
	text-align: center;
	background-color: #230c19;
	padding-top: 60px;
	padding-bottom: 60px;
	}

b, strong {
	font-weight: bold;
	}

i, em {
	font-style: italic;
	}

/* Container */

#container {
	text-align: left;
	width: 931px;
	margin: 0px auto;
	height: 100%;
	background-image: url("img/bg_menucol.jpg");
	background-position:bottom left;
	background-repeat: no-repeat;
	}

/* Leftcol */

#menucol {
	float: left;
	width: 131px;
	height: 100%;
	}

/* Content */

#content {
	width: 800px;
	background-image: url("img/bg_content.jpg");
	background-position:top right;
	background-repeat: no-repeat;
	padding: 31px 0px 0px 0px;
	margin: 0px 0px 0px 131px;
	}

/* Home */

#home_left {
	width: 419px;
	float: left;
	}

#home_right {
	width: 381px;
	float: right;
	}

#news_and_events {
	width: 341px;
	height: 320px;
	background-image: url("img/bg_news_and_events.jpg");
	background-position:top left;
	background-repeat: no-repeat;
	padding: 75px 20px 0px 20px;
	}

#opening_hours {
	width: 341px;
	height: 120px;
	background-image: url("img/bg_opening_hours.jpg");
	background-position:top left;
	background-repeat: no-repeat;
	padding: 65px 20px 0px 20px;
	font-weight: normal;
	}

/* About */

#about_left {
	float: left;
	width: 334px; /*402-68*/
	height: 744px; /*809-65*/
	background-image: url("img/bg_about_left.jpg");
	background-position:top left;
	background-repeat: no-repeat;
	padding: 65px 20px 0px 48px;
	}

#about_left img {
	margin: 0px 0px 12px 0px;
	}

#about_right {
	float: right;
	width: 358px; /*398-40*/
	height: 744px; /*809-65*/
	background-image: url("img/bg_about_right.jpg");
	background-position:top left;
	background-repeat: no-repeat;
	padding: 65px 20px 0px 20px;
	}

/* Alacarte, Lunch Special */

#foodmenu {
	width: 800px;
	background-image: url("img/bg_menu.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 30px;
	}

#foodmenu_short {
	width: 800px;
	background-image: url("img/bg_menu_short.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 30px;
	}

#foodmenu table,
#foodmenu_short table {
	margin: 10px 0px 0px 120px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #FFF;
	}

#foodmenu td,
#foodmenu_short td {
	padding-bottom: 12px;
	}

td.header {
	width: 470px; /*510-40*/
	padding-right: 40px;
	font-size: 1.2em;
	}

td.item {
	width: 470px; /*510-40*/
	padding-right: 40px;
	font-size: 1.1em;
	color: #DDD;
	}

td.tiny {
	width: 470px; /*510-40*/
	padding-right: 40px;
	font-size: 0.9em;
	color: #DDD;
	}

td.price {
	width: 50px;
	font-size: 1.1em;
	color: #DDD;
	}

/* Special Function */

#special {
	width: 500px; /*800-300*/
	height: 484px; /*579-75*/
	background-image: url("img/bg_special.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	padding: 95px 150px 0px 150px;
	}

/* Testimonials */

#testimonials {
	width: 520px; /*800-280*/
	height: 520px; /*579-220*/
	background-image: url("img/bg_testimonials.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	padding: 220px 130px 0px 150px;
	}

/* Contact */

#contact {
	width: 650px; /*800-150*/
	height: 400px; /*579-179*/
	background-image: url("img/bg_contact.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	padding: 179px 65px 0px 85px;
	}

#contact table {
	width: 650px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #FFF;
	}

td.contactleft {
	width: 200px;
	}

td.contactright {
	width: 450px;
	}

/* Footer */

#footer {
	clear: both;
	width: 800px;
	height: 38px;
	background-image: url("img/bg_footer.jpg");
	background-position:top left;
	background-repeat: no-repeat;
	}
	
/* Text Stylings */

p {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.2em;
	color: #FFF;
	margin: 0px 0px 12px 0px;
	}

table p {
	font-size: 1.1em;
	}

a:link, a:visited, a:hover, a:active {
	color: #FFF;
	}

span.red {
	color: #FF0000;
	}

span.green {
	color: #00FF00;
	}