@import url("base.css");
@import url("header.css");
@import url("navigation.css");

@media screen, print {
	div#outer_container {
		width: 760px;
		margin: 10px auto;
		background: url("../images/back.jpg") repeat-y 0px 0px #fff;
		border: 1px solid #333;
	}

	div#content {
		float: right;
		width: 550px;
		background: #fff;
/*
	background: url("../images/dining_room_back.jpg") no-repeat 100% 100%;
*/
		color: #333;
		padding: 20px;
	
	}
/*
	div#content div.top_right {
		background: url("../images/main_content_top_corner.jpg") no-repeat top right;
	}
	div#content div.bottom_right {
		background: url("../images/main_content_bottom_corner.jpg") no-repeat bottom right;
	}
	div#content div.top {
		background: url("../images/main_content_back.jpg") repeat-x top;
		margin: 0px 20px 0px 0px;
	}
	div#content div.bottom {
		background: url("../images/main_content_back.jpg") repeat-x bottom;
		padding: 20px 10px 20px 30px;
	}
*/
	#content div.slideshow {
		float: right;
/*
		background: url("../images/photo_back.jpg") no-repeat 0% 0%;
*/
		background: #fffcf9;
		color: #333;
		border: 1px solid #999;
		padding: 2px;
		margin: 0px 0px 20px 20px;
		text-align: center;
	}
	
	#content .slideshow p {
		margin: 0px 0px 15px 0px;
		font-weight: bold;
		font: 120% Georgia;
	}
	#content .slideshow p img {
		border: 1px solid #333;
	}
	#content .still_photo_left {
		float: left;
		background: #fff;
		color: #333;
		border: 1px solid #000;
		margin: 0px 0px 20px 0px;
		padding: 10px 10px 5px 10px;
		text-align: center;
	}
	#content .still_photo_left p {
		margin: 0px 0px 0px 0px;
		font-weight: bold;
	}
	
	#content h2 {
		font: 150% Georgia,Serif;
		font-style: italic;
		font-weight: bold;
		margin: 0px 0px 15px 0px;
	}
	#content h3 {
		font: 140% Georgia,Serif;
		font-style: normal;
		font-weight: normal;
		text-decoration: underline;
		margin: 0px 0px 15px 0px;
	}
	#content div.contact_details h3 {
		font: 100% Arial, Helvetica,Sans-Serif;
		font-style: normal;
		font-weight: bold;
		text-decoration: none;
		padding: 3px 10px;
		margin: 0px 0px 10px 0px;
		background: url("../images/nav_back.jpg") repeat-x top left #633;
		color: #fff;
		border: 1px solid #300;
	}
	#content div.email_form h3 {
		font: 100% Arial, Helvetica,Sans-Serif;
		font-style: normal;
		font-weight: bold;
		text-decoration: none;
		padding: 3px 10px;
		margin: 0px 0px 10px 0px;
        background: url("../images/nav_back.jpg") repeat-x top left #633;
        color: #fff;
        border: 1px solid #300;
	}
	#content h4 {
		font-weight: bold;
		text-decoration: underline;
		font-size: 100%;
		clear: left;
	}

	#content p {
		margin: 0px 0px 20px 0px;
	}

	#content p.para {
		float: left;
		width: 30%;
		margin: 0px 0px 20px 0px;
		padding: 0px 20px 0px 0px;
	}

	#header p.award {
		float: left;
		margin: 22px 0px 0px 14px;
	}

	table.tariff {
		width: 60%;
		margin: 0px auto 20px auto;
		border: 1px solid #333;
		background: #fff9f9;
		color: #333;
	}
	table.tariff th {
		background: url("../images/nav_back.jpg") repeat-x 0% 0% #c33;
		color: #fff;
		padding: 3px;
		border: 1px solid #333;
		text-align: center;
	}
	table.tariff td {
		border: 1px solid #fcc;
	}
	table.tariff .column1 {
		width: 60%;
		text-align: left;
	}
	table.tariff .column2 {
		width: 40%;
		text-align: right;
	}
	div.tariff p {
		margin: 20px 0px 0px 0px;
	}

	#content div.menu {
		width: 280px;
		margin: 0px auto 0px 40px;
		text-align: center;
		border: 1px dashed #999;
		background: #fff;
		color: #333;
		padding: 20px 20px 0px 20px;
	}


	#content div.christmas_special {
		width: 80%;
		min-width: 250px;
		padding: 50px 20px 0px 20px;
		margin: 0px auto 20px auto;
		border: 1px solid #f00;
		background-color: #ffd6d6;
		color: #333;
		font-weight: bold;
	}
	#content div.christmas_special p {
		margin: 0px 0px 10px 0px;
		text-align: center;
	}
	#content div.christmas_special p.header {
		margin: 0px;
		padding: 0px;
		font: 250% Georgia;
		font-weight: bold;
		text-align: center;
		background: transparent;
		color: #c00;
	}
	#content div.christmas_special p.red {
		color: #c00;
		font-size: 120%;
	}
	#content div.christmas_special p.left {
		text-align: left;
	}
	#content div.christmas_special p.price {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		font: 240% Georgia;
		text-align: center;
	}
	#content div.christmas_special ul {
		margin: 0px 0px 20px 20px;
	}
	


	div.contact_details {
		border: 1px solid #333;
		background: #fffcf9;
		color: #333;
		padding: 10px;
		margin: 0px 0px 20px 0px;
		width: 45%;
		float: right;
	}
	div.contact_details 	address {
		font-weight: normal;
		font-style: normal;
		margin: 0px 0px 15px 30px;
	}
	div.margin_bottom {
		font-weight: normal;
		font-style: normal;
		margin: 0px 0px 15px 0px;
	}
	div.contact_details 	p {
		font-weight: normal;
		font-style: normal;
		margin: 0px 0px 15px 15px;
	}
	div.fix_width {
		margin: 0px 0px 0px 30px;
		width: 90px;
		float: left;
	}


	div.email_form {
		border: 1px solid #333;
		background: #fffcf9;
		color: #333;
		padding: 10px;
		margin: 0px 0px 20px 0px;
		width: 45%;
	}
	div.email_form p {
		clear: left;
	}

	div.field_label {
		clear: left;
		float: left;
		width: 30%;
		padding: 3px 0px 0px 0px;
	}
	div.field_input {
		float: left;
		margin: 0px 0px 10px 0px;
	}
	
	p.submit {
		margin: 0px;
		text-align: right;
		clear: both;
	}
	p.submit input {
		padding: 3px 10px;
		font-weight: bold;
	}

	div.award {
		margin: 0px auto 0px auto;
		width: 188px;
		text-align: center;
	}
	div.award img {
		border: 1px solid #333;
	}
	div.award p.image {
		height: 83px;
	}

	div.award_wide {
		clear: both;
	}
	div.award_wide p.image {
		float: left;
		text-align: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 0px;
	}
	div.award_wide p.image img {
		border: 1px solid #666;
	}


	#footer {
		clear: left;
		float: left;
		padding: 10px;
		width: 130px;
		color: #fff;
	}
	#footer h2 {
		display: none;
	}
	#footer p {
		line-height: 150%;
		margin: 0px;
		padding: 10px 0px;
		border-top: 1px solid #fff;
	}
	#footer p.left {
		float: left;
		text-align: left;
	}
	#footer a {
		background: transparent;
		color: #fff;
	}
	#footer a:hover {
		background: transparent;
		color: #ff6;
	}

	div#copyright {
		clear: both;
		width: 760px;
		margin: 10px auto;
		text-align: right;
		color: #666;
	}
	div#copyright p {
		float: left;
		margin: 0px;
	}
	div#copyright a {
		color: #666;
		font-weight: normal;
	}
	div#copyright a:hover {
		color: #333;
		font-weight: normal;
	}
	div#copyright ul {
		margin: 0px;
		display: inline;
	}
	div#copyright ul li {
		float: right;
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 15px;
		border-left: 1px dotted #999;
		list-style-type: none;
	}
	div#copyright ul li.last {
		float: right;
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 15px;
		border-left: 0px;
		list-style-type: none;
	}
}