/*---------------------------------------------------------------
//
//	Telluride Restaurant
//
//	by MSM DesignZ - http://www.msmdesignz.com
//
//  Copyright 2009. This code cannot be redistributed without
//  permission from http://www.msmdesignz.com
//
---------------------------------------------------------------------
//	Global Styles
// --------------------------------------------------------------------*/

* {
	margin: 0 ;
	padding: 0;
	border: 0;
}

body {
	font: 12px Helvetica, Verdana, Arial, Sans-Serif;
	color: #FFFFFF;
	background: #170D0B url(../images/backgrounds/body.jpg) top center repeat;
}

#wrapper, #banner, #content-container {
	width: 1000px;
}

#wrapper {
	margin: 10px auto;
}

p {
	line-height: 16px;
}

a {
	text-decoration: none;
}

/* Banner */

#banner {
	float: left;
	height: 350px;
	width: 1000px;
	background: url(../images/backgrounds/movie.png) repeat-x bottom;
	margin: 10px 0px;
}

/* Content Container */

#content-container, #column1 {
	float: left;
}

#content-container {
	width: 1000px;
	font-size: 12px;
}

#column1 {
	padding: 10px;
	width: 640px;
	background: url(../images/backgrounds/copy.jpg) top repeat-x #0B0502;
	height: 470px;
}

html>body #column1 {
	height: auto;
	min-height: 470px;
}

#column1 p {
	padding: 5px 0px;
}

#column1 ul {
	padding: 5px 0px 5px 10px;
	line-height: 16px;
}

#column1 li {
	list-style-type: circle;
}

#column1 p a {
	color: #B69878;
	text-decoration: underline;
}

#column1 p a:hover {
	color: #FFFFFF;
}

#column2 {
	float: right;
	width: 330px;
}

#column2 p {
	padding: 5px 0px;
}

#call-to-action, #images,  #images li {
	float: left;
}

#call-to-action {
	text-align: center;
	padding: 5px;
	width: 320px;
	font-size: 16px;
	line-height: 20px;
}

#images {
	background: url(../images/backgrounds/rightside.jpg) top repeat-x;
	padding: 5px 10px;
	margin-top: 10px;
}

#images li {
	display: block;
	border: 5px solid #322017;
	margin: 5px 0px;
	width: 290px;
	list-style-type: none;
}

#images img {
	width: 290px;
}

/* Menu */

#menu-nav li {
	display: inline;
}

#menu-nav a {
	color: #B69878;
}

#menu-nav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.menu {
	border: 1px solid #65412e;
	font-size: 11px;
	margin: 5px 0px;
	padding: 5px;
}

.menu td {
	padding: 2px;
}

.menu p {
	line-height: 15px;
}

/* Reservation Details */

#reservation-details {
	float: left;
	background: url(../images/backgrounds/rightside.jpg) top repeat-x #0B0502;
	width: 300px;
	padding: 15px;
	margin-top: 10px;
}

#reservation-details legend {
	color: #B69878;
	font-size: 16px;
}

#reservation-details p {
	padding: 5px 0px;
}

#reservation-details #companyName, #reservation-details #name, #reservation-details #people, #reservation-details #time, #reservation-details #date, #reservation-details #email, #reservation-details #phone, #reservation-details #enquiry {
	border: 1px solid #65412e;
	background-color: #322017;
	width: 290px;
	padding: 2px 3px;
	margin-top: 2px;
	color: #B69878;
	font: 12px Helvetica, Verdana, Arial, Sans-Serif;
}

#reservation-details #send {
	background-color: #B69878;
	padding: 2px 3px;
}

/* Footer */

#footer {
	float: left;
	width: 990px;
	margin: 10px 0px;
	padding: 5px;
	font-size: 11px;
	border-top: 1px dotted #65412e;
	color: #B69878;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #B69878;
	text-decoration: underline;
}

#footer a:hover, #footer-nav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#contact-details {
	float: left;
	width: 450px;
}

#copyright {
	float: right;
	width: 350px;
	text-align: right;
}

#footer ul {
	clear: both;
	text-align: center;
	width: 980px;
	padding: 10px;
}

#footer li {
	display: inline;
	color: #65412e;
}

#footer li a:link, #footer li a:active, #footer li a:visited {
	color: #65412e;
	text-decoration: none;
}

#footer li a:hover {
	color: #B69878;
	text-decoration: underline;
}

#map { width: 350px; padding: 4px; border: 1px solid #B69878; }

/* Headings */

h1, h2, h3 {
	font-weight: normal;
	color: #B69878;
	padding: 5px 0px;
}

h1 {
	font-size: 18px;
	border-bottom: 1px dotted #65412e;
	margin-bottom: 5px;
	text-transform: uppercase;
}

h2 {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}

h3 {
	font-size: 14px;
	border-bottom: 1px dotted #65412e;
	margin-top: 20px;
}

h4 {
	font-size: 12px;
	font-weight: normal;
	color: #B69878;
	text-transform: uppercase;
}

/* Other Styles */

.size20 {
	font-size: 20px;
}

.size14 {
	font-size: 14px;
}

.size13 {
	font-size: 13px;
}

.size12 {
	font-size: 13px;
}

.light-brown {
	color: #B69878;
}

.clear {
	clear: both;
}

.dotted-line {
	border-top: 1px dotted #65412e;
	margin-top: 10px;
}