/*Clear browser inherited properties*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,/*table,*/caption/*,tbody*/,tfoot,thead/*tr,th,td*/{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/*body styling starts##################*/
	body {
	background-image: url(../images/bg-gradient.jpg);
	background-repeat:repeat;
	}
	
	* {
	margin:0;
	padding:0;
	}

	#container {
	overflow:hidden;
	width : 860px;
	height: auto;
	margin-left : auto;
	margin-right : auto;
	background-color:#FFFFFF;
	/*border:dotted #FF0000 1px;*/
	}
	
	#flash {
	float:right;
	width: 605px;
	height: 300px;
	/*border: 1px dotted #00FF00;*/
	}
	
	#container .bg-colour {
	width:860px;
	height:13px;
	background-color:#0055a3;
	}
	
	#nav {
	float:left;
	}
	
	#contentwrapper {
	overflow:hidden;
	float:left;
	width:860px;
	height:auto;
	padding:25px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	text-align:left;
	/*border:dotted #FF00FF 1px;*/
	}
	
	#contentwrapper .reservations {
	width:258px;
	height:auto;
	float:left;
	padding:0px 25px 0px 0px;
	}
	
	#contentwrapper .menu {
	width:258px;
	height:auto;
	float:left;
	padding:0px 25px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	}
	
	#contentwrapper .about {
	width:258px;
	height:auto;
	float:left;
	padding:0px 25px 0px 0px;
	}
	
	#content wrapper .wine-colour {
	overflow:visible;
	width:860px;
	height:auto;
	background-color:#898989;
	}
	
	.readmore {
	width:70px;
	height:21px;
	background-color:#d0e2f0;
	border:solid 1px #abc7e1;
	margin: 0px 0px 0px 20px;
	padding:2px 0px 0px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	}
	
	p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	padding:5px 15px 15px 15px;
	}
	
	p.edit {
	text-align:center;
	font-style: italic;
	font-weight:bold;
	color:#006ea8;
	}
	
	.menupic {
	width:239px;
	height:69px;
	border:solid 7px #d0e2f0;
	margin:10px 0px 0px 5px;
	}
	
	.detail-button {
	float:left;
	margin:25px 0px 0px 0px;
	width:129px;
	height:20px;
	background-color:#d0e2f0;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #a4cff0;
	padding:5px 0px 0px 0px;
	}
	
	.menu-button {
	background-color:#d0e2f0;
	width:128px;
	height:20px;
	float:left;
	margin:25px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	}
	
	a:link, a:visited, a:active {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	}
	
	a:hover{
	text-decoration:none;
	color:#999999;
	}
	
/*body styling ends####################*/


/*footer styling starts#################33*/
	#footer {
	/*border:dashed 1px #000000;*/
	float:left;
	width:860px;
	height:auto;
	background-color:#d0e2f0;
	background-image: url(../images/footer-img.gif);
	background-repeat:no-repeat;
	padding:15px 0px 0px 0px;
	margin: 20px 0px 10px 0px;
	clear:both;
	}
	
	#footer .bg-colour {
	width:860px;
	height:13px;
	background-color:#75baf0;
	margin:35px 0px 0px 0px;
	float:left;
	}
	
	#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	text-align:right;
	margin:0px;
	padding:0px 10px 0px 0px;
	}
	
	#footer a:link, #footer a:visited {
	color: #898989;	
	text-decoration: none;		
	}

	#footer a:hover {
	color: #000000;
	text-decoration: none;	
	}

/*footer styling ends#######################*/
	
	.text-bold {
	font-weight: bold;
	}

	#map {
	height:400px;
	width:600px;
	margin:0px 0px 0px 130px;
	}
	
	.weather {
	margin:0px 0px 0px 250px;
	}
	
	h4 {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	color:#898989;
	padding:0px 0px 0px 20px;
	}
	
	#specials {
	width:350px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border: 1px #0055a2 solid;
	}
	
	h3 {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#898989;
	padding:15px 0px 0px 20px;
	}
	
	#contactform {
	font-family: Arial, Helvetica, sans-serif;
	color:#898989;
	font-size:12px;
	margin:0px 0px 0px 20px;
	}
	
	h2 {
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	color:#898989;
	padding:0px 0px 0px 20px;
	}
	
	ul,li {
	list-style:circle;
	margin:0px 0px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	
	}
	
	h5 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 20px;
	}
	
	#map_canvas {
	margin-left:auto;
	margin-right: auto;
	}
	
	.text_edit {
	font-style:italic;
	text-align:center;
	color:#006ea8;
	}
	

	
/*menupage styling start#######################################*/

	#menu {
	float:left;
	width:840px;
	height:695px;
	background-image: url(../images/menu-bg2.jpg);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin: 0px 0px 0px 10px;
	}
	
	#menu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
	
	#menu .text {
	font-family: Arial, Helvetica, sans-serif;
	color: #0055a3;
	}
	
	#menu .side-left {
	float:left;
	width:418px;
	height: auto;
	/*border:dashed #00FF00 1px;*/
	margin: 0px 0px 0px 0px; 
	color: #000000;
	}
	
	#menu .side-right {
	float:right;
	width:400px;
	height: auto;
	margin: 0px 0px 0px 8px;
	/*border:dashed #00FF00 1px;*/
	}
	
	#menu h5 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	font-family:Papyrus;
	padding:0px 0px 0px 15px;
	color:#000000;
	}
	
	.menuheading {
	float:left;
	width: auto;
	height:auto;
	border: 1px #660033 solid;
	}
	
	#menu h2  {
	float:left;
	width: auto;
	height:auto;
	font-size:19px;
	font-family: Papyrus;
	color:#006ea8;
	padding:20px 0px 25px 165px;
	font-weight: bold;
	}
	
	#menu .sideheading {
	float:right;
	width: 255px;
	height:auto;
	font-size:19px;
	font-family: Papyrus;
	color:#006ea8;
	padding:20px 100px 25px 0px;
	font-weight: bold;
	}
	
	
	#menu h3 {
	font-size:14px;
	font-family: Papyrus;
	color:#d7a076;
	padding:20px 0px 20px 15px;
	font-weight: bold;
	}
	
	#menu h6 {
	font-size:10px;
	font-family: Papyrus;
	color:#d7a076;
	padding:0px 0px 20px 35px;
	font-weight: bold;
	}
	
	.colour {
	color:#006ea8;
	}
	
	#

/*menupage styling ends##########################################*/

	#awards {
	overflow:hidden;
	width: 800px;
	height:auto;
	/*border: 1px #FF00CC solid;*/
	margin: 0px auto 0px auto;
	}
	
	#awards .pic {
	float:left;
	margin: 20px 0px 5px 20px;
	border: 3px #0055a3 solid;
	clear:both;
	}
	
	#awards .description {
	overflow:hidden;
	float:left;
	width: 200px;
	height:auto;
	/*border: 1px #FFFF00 solid;*/
	margin: 0px 0px 0px 50px;
	}
	
	.clear {
	clear:both;
	}
	
	#whales {
	width:860px;
	height:auto;
	background-color:#d0e2f0;
	}