/* --------------------------------------------
   HTML5 Doctor Reset
-------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, nav2, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, footernave, header, hgroup, menu, middle, middle_sub, nav, nav2, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body {  *font-size:small; }
select, input, textarea, button { }
pre, code, kbd, samp {  }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
nav2 ul, nav2 li { margin: 0; list-style:none; list-style-image: none;  }

small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
::selection { background:#000; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #85837F; }
h1, h2, h3, h4, h5, h6 { color: #4A4A4A; text-shadow: 1px 1px 1px #fff; margin: 0px 0 0 0; 
font-style: normal;
font-weight: 300;}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* --------------------------------------------
   My Styles
-------------------------------------------- */

body {
	background: #0D0D0D;
	
	font-style: normal;
	font-weight: 300;

	color: #85837F;
	font-size: 11pt;
	margin: 0 0 0 0;
	-webkit-font-smoothing:subpixel-antialiased;
}


	em { 
	font-style: italic;
	margin: 0 0px 20px 0px; }
	
	p { 
	line-height: 14pt;
	margin: 0 0px 20px 0px; }
	
	p:last-child {	margin: 0 0px 0px 0px; }
	a { color: #B4190D; text-decoration: none;  }
	a:hover { text-decoration: underline; }

	#container {width: 100%; padding: 0 0 0 0; background-color: #fff; 	background-image:url(../images/content_bg.jpg) ;
background-position: right bottom;
background-repeat:no-repeat;
overflow: auto;
}
	#headerwrap {
	width: 95%; max-width:1200px;
	margin: 0px auto 0px auto;
	padding: 10px 0 0px 0;
	position: relative;
	z-index:10000;
		}
	
#header {
	width: 100%;
	margin: 0 auto;
	z-index: 10000;
		}
			
		#header #logo{	
			float:left;
			width: auto;
			height: auto;
			margin-bottom: 10px;
			
		}
		 #social {
			 float: right;
			 margin: 0 0 5px 0;
			 
		}
		 
		  #social img{
			  width:35px;
			  height:auto;
			 float: right;
			 margin: 0 0 8px 10px;
		}

#main_menu {
	
	width: 100%;
	padding: 3px 0 0 0;
	margin:0 0 10px 0;
	border-top:solid 1px #333;
	}


		
#content_wrapper {width: 95%; max-width:1200px; margin: 0 auto 40px auto;  overflow:auto; 
}

#sub-page-content {
    float: left;
    width: 67%;
	padding:0;
	overflow:auto;
	
}
#sub-page-content p:last-child { margin-bottom: 0; }
		#sub-page-content a {color: #B4190D; margin-bottom: 0;}
		#sub-page-content h1 { font-size: 18pt; margin: 0px 0 5px 0; }
		#sub-page-content h2 { font-size: 14pt; margin: 5px 0 3px 0; }
		#sub-page-content h3 {font-size: 12pt; margin: 1px 0 3px 0; }
		#sub-page-content ul {vertical-align:middle; margin-bottom: 20px;}
		
	#slider {
	width: 100%;
	margin: 0;
	margin-bottom: 0px;
	}
	#slider a{
	color:#E4E4E4;
	}
	
	#slider img{
	width: 100%;
	margin: 0;
	margin-bottom: 0px;
	}
		
	#content {
	text-align: left;
	width: 100%;
	margin: 3% 0 40px 0;
}
	
	
	#content #testi {
		
		margin-bottom: 5px;
		font-size: 12pt;}
		
		
	
	#content ul li {
	margin: 0 10px 0 ; font-size: 12pt; list-style-image:url(../images/bullet.png);}
	
	 #content ol {
}
#content ol li{
margin-bottom: 20pt; }
#content ol ul li, #content ol p{ margin-bottom: 15px;
 }
	
	#content #map{ margin-bottom: 40px; width:100%;
	
	}
	
	
	#content_enquiry {
	width: 550px;
	float: left;
	margin: 0 0 20px 0;
	line-height: auto;
	font-size: 12pt;
	text-align: left;
	}
	
	#sidebar-home {
		height: auto;
		margin: 3% 0% 0px 0px;
		width: 30%;
		float: right;
		text-align:left;
		
		}			

	#sidebar {
		height: auto;
		margin: 0 0% 0px 0px;
		width: 30%;
		float: right;
		text-align:left;
		
		}
		
		
	
	#sidebar h1, #sidebar-home h1{ font-size: 16pt; text-align:center; margin-bottom:8px; }
	#sidebar h2, #sidebar-home h2{
	font-size: 14pt;
}
	#sidebar p, #sidebar-home p{font-size:10pt;margin-bottom:3px;}	
	#sidebar p:last-child, #sidebar-home p:last-child {margin-bottom:3px;}

		#sidebar #banner_wrap a, #sidebar-home #banner_wrap a {color:#B4190D; float: right;}
		
		#sidebar img, #sidebar-home img{ display: block;}
		
					
			#sidebar #banner_wrap, #sidebar-home #banner_wrap{
				color: #000;
				margin: 0px 0 10% 0;
				padding: 0 0px 2% 0px;
				border-bottom:solid 1px #A7A9AC;
			
				overflow:auto;
				
			}
		
			#sidebar #more-info{
				color: #000;
				margin: 0px 0 10% 0;
				padding: 0 0 2% 0;
				border-bottom:solid 1px #A7A9AC;
				overflow:auto;
				text-align:center;
				
			}
	#sidebar #more-info #icon{margin:0 auto 10px auto; display:block; text-align:center;width:35px; height:auto;}
	
	#sidebar #more-info p{margin-bottom:10px; font-size:12pt;}			
			#sidebar #banner_wrap img, #sidebar-home #banner_wrap img {
				width: 100%;
				height: auto;	
				margin: 0px 0 2% 0;
				display: block;
			}		
			
					
			#inpage_button{
				text-align:center;
				width:96%;
				display: block;
				margin: 0px 1px 15px 1px;
				padding: 5px;
				background: #E4E4E4;
				box-shadow: inset 0px 12px 12px rgba(255,255,255,.4);
				border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px;
				box-shadow: 0px 0px 2px #9F9F9F;}
				
				#inpage_button_last{
				
				margin: 0px 1px 10px 1px;
				}
				
				
#sidebar 
#sidebar #chef{margin: 0px 0 10px 0; width:100%; height:auto;}

/*==========================================================
                   BOXES LIST
  ===========================================================*/				   
#boxes {margin: 0;
width:100%;}
#boxes li{ position:relative;
			list-style:none;
			display:inline-block;
			float:left;
			width:47%;
			padding: 0;
			margin: 0 0 4% 0;
			min-height:400px; 
			
		}
		
		#boxes li:nth-child(even){
			margin: 0 0 4% 4%;	
		}
		#boxes h2{margin-bottom:.2em;}
		
		#boxes li #button{
			
			width:100%;
			margin-bottom: 2%;		
		}
		
		#boxes li #thumbnail{
			width:100%;
			height:auto;
			margin-bottom: 1%;
		}
		#boxes li #button:last-child{
		
			margin-bottom: 0;
		}
		
		#boxes #venue-logo{
					margin:0 2% 3% 3%;
					width:70px;
					
				}
		#boxes #links{
			width:96%;
				position:absolute;
				bottom:2%;
				left:1.%;
				
				backround-color:#fff;
		}
		.minimum-height345{min-height:350px; }
		
/*==========================================================
                   BOXES LIST
===========================================================*/	


	footer {
	width: 100%;
	max-width:1200px;
	margin: 0 auto 0 auto;
	text-align: center;
	color: #fff;
	clear: both;
	border-top: 0;
	padding: 10px 0px 40px 0;
	font-size: 11pt;
	 
	/*box-shadow: 0px 0px 100px #888888;*/
	position: relative;
	z-index: 1500;
}
		footer img {float:left;}
		footer p {color: #fff;}
		footer footernav { float: right;}
			footer footernav ul { margin: 0 auto 8px auto; padding: 0; }
			footer footernav ul h1 {font-size: 11pt; color: #fff; text-align: right; }
				footer footernav ul li { color: #fff; list-style: none; display: block; text-align: right; }
				footer footernav ul li a {color: #fff; }
			nav a#pull {
	display: none;
}	


/* iPad [landscape] */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	
	
	
	
	




}


/* iPad [portrait] */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	
	
	





}
	
	/* Android Tablet (landscape) ----------- */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px)
and (min-aspect-ratio: 1/1) {





}
 
/* Android Tablet (portrait) ----------- */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px)
and (max-aspect-ratio: 1/1)
{



	
}


/* --------------------------------------------
  Mobile
-------------------------------------------- */




@media only screen and (max-width: 600px) {
/* Styles */
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

	#container, #content { float: none; width: auto; }
		#content { margin: 0px 20px 0 20px; }
	
	#headerwrap { padding: 5px 0 0 0; text-align:center;}
	
	header { width: inherit; margin: 0 auto 0px auto; text-align: center; }
	#headerwrap #logo{ width: 65%; height: auto; margin-top: 5px; float:none;}
	#main_menu {
	
	border-top:none;
	}

	#content_wrapper { width: 95%; margin: 20px auto 20px auto; background-image: none;}
	#sub-page-content {width:98%; float:none; display:block;}
	
	#content { width: 100%; float: none; margin: 10px auto 40px auto;}
		#home_wrap {width: 95%; float: none; margin: 10px auto;}
		#content h1 { font-size: 14pt; }
		#content h2 { font-size: 12pt; }
			
	
	
	#content_enquiry {

	width: 95%;
	float: none;
	margin: 0 auto 20px auto;text-align:left;

	}


	#sidebar, #sidebar-home{float: none; width:98%; margin: 10px 0 0 0; }	

	
	#sidebar p { font-size: 12px; margin-bottom: 8px; }
	#sidebar #banner_wrap img { color: #000; height: auto;  }
		
		#sidebar image:last-child { margin: 20px auto 20px auto;  }
	#sidebar_mobile #inpage_button{
				
				width:inherit; 
				}
				
				#sidebar #inpage_button_last{
				
				width:inherit;
				}
				
				#boxes li{float:none;
			width:98%;
				
			
		}
		
		#boxes li:nth-child(even){
			margin: 0 0 4% 0;	
			
		}
		
	footer { width: inherit; padding: 10px; font-size: 12px; }
	footer footernav { float: left;}
			footer footernav ul { margin: 20px auto 8px auto; padding: 0; }
				footer footernav ul li { display: block; text-align: left; }
				footer footernav ul li a {font-size: 12px; }
	
}

#enquiry-form
{
	margin-top: 30px;
}

.error_box {
    background: #FAD3C4;
    border: 1px solid #A75B4E;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #444444;
    display: none;
    font-size: 13px;
    margin: 0px 0px 15px 0px;
    padding: 8px 8px;
    width: 70%;
}

.pure-form-aligned .pure-control-group {
	margin-bottom: 1.5em;
}