/*Design by Stephen Hutton WEBDESIGN
http://www.stephenhutton.co.nz

Client Name : Peppertree Restaurant */
html {
background-color:#ECF1EC;/**/
}
body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #5A554E;
	font-size: 76%;
}
h1, h2, h3 {
	font-weight: normal;
	color: #003300;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 2.4em;
}
h3 {
	font-size: 1.4em;
}
p, ul, ol {
	margin-top: 0;
	font-size: 1em;
	line-height: 200%;
	font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
ul, ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
a {
	text-decoration: underline;
	color: #516C00;
}
a:hover {
	text-decoration: none;
	background-color:#ffffcc;
}
h2 a {
	text-decoration: none;
}
/* Header */

#header {
	width: 854px;
	/*height: 0px;
	background-color:#ECF1EC;*/
	margin: 0px auto 0px;
	padding: 0px;
	border:0px;
}
#print_header {
	margin-top: -10000px;
	color:#CCCCCC;
	height: 0;
}

/* Logo */

#logo {
	position: absolute;
	top: 15px;
	right: 50%;
	width: 342px;
	height: 114px;
	margin-right: 135px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	z-index: 500;
}
#logo h1, #logo h2, #logo h3, #logo p {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	visibility:hidden;
	color: 
}
/*#logo h1 {
	letter-spacing: -1px;
	text-transform: lowercase;
	font-size: 44px;
}

 Menu */

#menu {
	float:right;
	width: 560px;
	height: 50px;
	margin: 42px 0 0;
	padding: 0;
	border-bottom: #003300 2px solid;/**/
}
#menu ul {
	float: right;
	margin: 0;
	padding: 0px;
	list-style: none;
	line-height: normal;
}
#menu li {
	float: left;
}
#menu a {
	display: block;
	width: 100px; /*120*/
	height: 35px;
	margin-left: 10px;
	padding-top: 15px; 
	background:url(http://www.peppertreerestaurant.co.nz/assets/img06.jpg) no-repeat left top;/* change link to http://www.peppertreerestaurant.co.nz */
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	font-size: 1.5em;
	font-weight: normal;
	color: #493e2b;
	border-top: #003300 2px solid;
	border-left: #003300 2px solid;
	border-right: #003300 2px solid;
	/*border: none;*/
}
#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
}
#menu a:hover, #menu .current_page_item a { 
	background: url(http://www.peppertreerestaurant.co.nz/assets/img01.jpg) no-repeat left top;
	color: #ffffff;
	padding-left: 0;
}
#menu a.nomargin { 
	margin-left: 0;
}

/* Page */

#index_page {
	width: 810px;
	margin: 0 auto 0;
	padding: 35px 20px 0px 20px;
	background: #ffffff;
	border-left: #003300 2px solid;
	border-right: #003300 2px solid;
}
#outerbox {
	width: 99%;
	margin: 0 auto 0;
}

/* Slideshow */

#slideshow {
	width: 552px;
	margin: 30px 0;
	float: left;
}
#eventsIndex {
	width: 250px;
	margin: 0 0 0 3px;
	float:left;
	text-align: center;
}
#eventsIndex hr{
	margin: 0 20px;
}
#tweet{
	padding: 0;
	margin-left: 20px;
}
#tweet ul{
	padding-left:20px;
	text-align:left;
}
#tweet ul li{
	text-align:left;
	list-style:circle;
	font-size: 1.3em;
	color: #336633;
	font-weight:400;
}

/*#image_rotate {
	z-index: 100;
	position: absolute;
	padding-bottom: 10px;
	bottom: 340px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	width: 800px;
	margin-bottom: 0px;
}
#image_rotate h2 {
	text-transform: uppercase; 
	color:#ffffff;
}

 Content */

#content {
	float: left;
	width: 500px;
	padding: 10px 0px 0px 0px;
}

/*Application Form*/

#form {
	margin:0;
	padding:10px 0 0;
	float:left;
	width:500px;
}
#picture {
	margin:0;
	padding:100px 0 0;
	float:left;
	width:300px;
}
#jobs {
	margin:0 0 0 2px;
	padding:10px 0 0 25px;
	float:left;
	width:250px;
	border-left: 3px #aaaaaa solid;
}
#about {
	margin:0;
	padding:10px 0 0;
	float:left;
	width:300px;
}
#about h2 {
	margin: 0 0 0 10px;
	padding: 0 15px;
	font-size: 1.8em;
}
#about h3 {
	margin: 0 0 0 15px;
}
#about p{ 
	font-size: 1em;
	padding: 0 0 0 10px; 
}
#right_side {
	margin:0 0 0 2px;
	padding:10px 0 0 25px;
	float:right;
	width:370px;
	border-right: 3px #aaaaaa solid;
}
#left_side {
	margin:0 0 0 2px;
	padding:10px 25px 0 0;
	float:left;
	width:470px;
	border-right: 3px #aaaaaa solid;
}
#form h3, #jobs h3, #right_side h3, #left_side h3 {
	color: #003300;
}
#left_side h3 {
	margin-left: 25px;
}
#jobs hr, #right_side hr, #left_side hr {
	margin: 5px 20px 15px;
	border-top: 2px #aaaaaa groove;
}
#awards { 
	padding:0;
}
#awards ul li { 
	list-style:none;
	padding:10px 0 0;
	font-weight:bold;
}
#awards ul ul li{ 
	padding:0 0 0 10px;
	list-style:circle;
	font-size: .9em;
	font-weight:normal;
}
#sponsors {
	margin-top: 10px;
}
#sponsors img{ 
	height: 60px;
	padding: 0 25px;
}
#sponsors img:hover, #sponsors img:active {
	background-color: #ECF1EC;
}
/*Whats On*/
#slider {
	margin: 0 auto 0;
	width: 750px;
	height: 150px;
	/*border: 1px solid #006600;*/
}
#events_1 {
	margin:0 0 0 15px;
	padding:10px 0 0;
	float:left;
	width:380px;
	text-align:center;
}
#events_2 {
	margin:0 0 0 15px;
	padding:10px 0 0;
	float:left;
	width:380px;
	text-align:center;
}
#events_1 h3, #events_2 h3 {
	color: #003300;
	margin-bottom: 10px;
}
#events_1 hr, #events_2 hr {
	margin: 5px 15px 15px;
	border-top: 2px #aaaaaa groove;
}
#events_1 img, #events_2 img {
	margin: 0;
	height: 100px;
	width: 100px;
}
#fare {
	margin:0;
	padding:10px 0 0;
	width:100%;
}
#menu_slides {
	float:right;
	margin: 60px 25px 25px;
	width:150px;
}
#menubox {
	padding: 0 15px
}
#pdf_1, #pdf_2, #pdf_3, #pdf_4, #pdf_5, #pdf_6 {
	margin:0 0 0 0;
	padding:0 4px 0 0;
	float:left;
	width:150px;
	text-align:center;
}
#pdf_1 p, #pdf_2 p, #pdf_3 p, #pdf_4 p, #pdf_5 p, #pdf_6 p { 
	font-size: .9em;
}
#pdf_1 hr, #pdf_2 hr, #pdf_3 hr, #pdf_4 hr, #pdf_5 hr, #pdf_6 hr {
	margin: 5px 5px 15px;
	border-top: #aaaaaa 2px groove;
}
#pdf_1 img, #pdf_2 img, #pdf_3 img, #pdf_4 img, #pdf_5 img, #pdf_6 img {
	margin: 0;
	height: 117px;/**/
}
#pdf_1 .wide, #pdf_2 .wide, #pdf_3 .wide, #pdf_4 .wide, #pdf_5 .wide, #pdf_6 .wide { 
	width: 140px;
}
#fare .wine { 
	margin: 0 15px;
}
#fare h3, #pdf_1 h3, #pdf_2 h3, #pdf_3 h3, #pdf_4 h3, #pdf_5 h3, #pdf_6 h3 {
	color: #003300;
}

/*Sidebar */

#sidebar {
	float: right;
	width: 300px;
	padding: 0px;
	color: #787878;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar li {
	margin: 0;
	padding: 0;
}
#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 5px;
}
#sidebar li li {
	line-height: 1.2em;
	margin: 0px;
	padding: 2px 0px;
	border-left: none;
}
#sidebar li span {
	height: 19px;
	margin-right: 16px;
	padding: 4px 12px;
	font-size: 12px;
	text-decoration:underline;
}
#sidebar li li span a {
	color: #FFFFFF;
}
#sidebar h2 {
	height: 65px;
	letter-spacing: -.5px;
	font-size: 28px;
	color: #493E2B;
}
#sidebar p {
	margin: 0 0px;
	padding: 0px 0px 30px 0px;
	text-align: justify;
}
#sidebar p strong {
	color: #4A3E29;
}
#sidebar a {
	border: none;
}
.red {
	color:#ff0000;
	font-weight:bold;
	font-size: 1.5em;
}
.select {
	background-color:#ECF1EC;
	color:#999999;
}
.input {
	background-color:#ECF1EC;
}

/* Footer */

#footer {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto 0;
	width: 850px;
	background: url(http://www.peppertreerestaurant.co.nz/assets/footer_gradient.jpg) repeat-x;
	text-align: center;
	border-left: #003300 2px solid;
	border-right: #003300 2px solid;
}
#footer p { 
	font-size: .7em; 
	color: #ffffff; 
	padding: 0px;
}
#footer a:link, 
#footer a:visited {
	font-size: .9em; 
	text-decoration:none; 
	color:#ffffff;
}
#footer a:hover, 
#footer a:focus, 
#footer a:active { 
	/*font-size: .9em; */
	text-decoration:none;
	color:#ffffff; 
	background-color:#ff9202;
}
.clearfix:after	{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}