/* Base Template CSS */

/* reset whitespace */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 margin:0;
 padding:0;
}

a img {
 border: 0px;
 outline: 0px;
}

/* basic layout */
body {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000;
 line-height: 18px;
 background: #E5DAB2 url(/images/bgBody.jpg) top left repeat-x;
}

.center {
 width: 996px;
 margin: 0 auto 0 auto;
}

.left {
 float: left;
}

.right {
 float: right;
}

.clear { 
 clear: both; 
 height: 0; 
 margin: 0;
}

.logo {
 margin: 10px 0px 0px 10px;
}

.logo a {
 outline: none;
}

.banner {
 width: 733px;
 height: 123px;
 margin: 0px 0px 0px 5px;
}

#header {
 height: 161px;
}

#header .center {
 position: relative;
 margin: 0 auto 0 auto;
 z-index: 1000;
}

#content div.center {
 position: relative;
 padding: 0px 0px 0px 0px;
 margin-top: 6px;
 z-index: 100;
}


#footer {
 height: 30px;
 padding-top: 15px;
 color: #000;
 margin-top: 1px;
}

#footer .right {
 margin-right: 10px;
}

/* header */

.headerLeft {
 width: 243px;
 height: 161px;
 float: left;
}

.headerRight {
 width: 744px;
 height: 161px;
 float: left;
}

.secondaryMenu {
 width: 500px;
 float: right;
 text-align: right;
}

.secondaryMenu ul {
 list-style-type: none;
 float: right;
}

.secondaryMenu ul li {
 display: inline;
 float: right;
 margin: 4px 15px 0px 0px;
}

.column1 {
 float: left;
 width: 248px;
 margin-top: 9px;
 background: transparent url(/images/bgLeftColumn.png) top left no-repeat;
}

.address .column1 {
 float: left;
 width: 248px;
 margin-top: 9px;
 background:none; 
 font-size: 11px;
 color: #333;
 line-height: 18px;
}

.columnWrapper {
 float: left;
 width: 248px;
}

#pinMap {
 height: 220px;
 width: 200px;
 float: left;
 margin: 0px 0px 0px 30px;
}

#bottomColumn1 {
 float: left;
 width: 248px;
 height: 10px;
 background: transparent url(/images/bgBottomLeftColumn.png) top left no-repeat;
}

/* .column 2 */

.column2 {
 float: left;
 width: 742px;
 margin: 9px 0px 0px -4px;
 background: transparent url(/images/bgColumn2.png) top left repeat-y;
}

#bottomColumn2 {
 float: right;
 width: 742px;
 margin-right: 0px;
 height: 7px;
 position: relative;
 z-index: 20;
 background: transparent url(/images/bgBottomColumn2.png) top left no-repeat;
}

.column2 .subColumn1 {
 width: 420px;
 float: left;
 margin: 30px 0px 0px 30px;
}

.column2 .subColumn2 {
 width: 260px;
 float: right;
 margin-right: 7px;
 margin-top: 0px;
}

.imageArea {
 width: 420px;
 float: left;
 position:relative;
}

.imageArea .overLay {
	position:absolute;
	z-index:1000;
	top:0px;
	left:0px;
}

.underImageArea {
 width: 420px;
 float: left;
 height: 20px;
 color: #6E5A0D;
 font-size: 12px;
}

.underImageArea:hover {
	cursor:pointer;
	cursor:hand;
}

.features {
 width: 420px;
 float: left;
 float: left;
 margin-top: 15px;
 padding-bottom: 15px;
 border-bottom: 1px solid #CAB564;
}

.feature h6 {
 font-size: 21px;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #333333;
 font-weight: 300;
 margin-bottom: 10px;
}

.feature:hover {
 background: #F2EDD9;
 cursor:pointer;
 cursor:hand;
}

.features p {
 font-size: 12px;
 line-height: 16px;
}

.feature {
 width: 130px;
 margin-right: 8px;
 float: left;
}

.feature .bottom {
 float: left;
 font-weight: 12px;
 text-align: right;
 font-weight: bold;
 margin-top: 10px;
 width: 130px;
}

.mainCopy {
 float: left;
 width: 420px;
 margin-top: 20px;
 padding-bottom: 20px;
}

.mainCopy p a {
 color:#000;
 text-decoration: underline;
}

.mainCopy h1 {
 font-size: 21px;
 line-height: 25px;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #333333;
 font-weight: 300;
 margin-bottom: 10px;
}

.mainCopy p {
 margin: 5px 0px 5px 0px;
 float: left;
 width: 420px;
 line-height: 16px;
 font-size: 12px;
}

/* nav */


#nav ul {
 width: 200px;
 float: left;
 list-style-type: none;
 margin: 40px 0px 0px 30px;
}

#nav li {
 display: block;
 float: left;
 width: 200px;
}

#nav a,
#nav a:visited {
 display: block;
 color: #6D590C;
 text-decoration: none;
 font-family: Arial;
 font-size: 12px;
 margin-top: 0px;
 font-weight: bold;
 padding: 2px 18px 2px 15px;
}

#nav a:hover {
 color: #000;
 background: transparent url(/images/bgLi.gif) 0px 6px no-repeat;
}

#nav li.selected a {
 color: #6D590C;
 background: transparent url(/images/bgLi.gif) 0px 6px no-repeat;
}

#nav li.selected a:hover {
 color: #000;
 background: transparent url(/images/bgLi.gif) 0px 6px no-repeat;
}

#nav li.current a,
#nav li.current a:visited {
 color: #000;
}


/* second level */

#nav li.selected ul li a {
 color: #6D590C;
 background: transparent;
}

#nav ul ul {
 width: 180px;
 float: left;
 list-style-type: none;
 margin: 10px 0px 10px 15px;
}

#nav ul ul li {
 width: 180px;
 float: left;
 list-style-type: none;
}

#nav ul ul li a,
#nav ul ul li a:visited {
 color: #6D590C;
 text-decoration: none;
 font-family: Arial;
 font-weight: normal;
}

/* li.title - special li class */

#nav li.title a {
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #333;
 font-size: 17px;
 padding-bottom: 10px;
 font-weight: normal;
}

/* links */

a,
a:visited {
 color: #333;
 text-decoration: none;
 outline: none;
}

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

/* Main Footer */

.mainFooter {
 width: 732px;
 float: right;
 margin-right: 14px;
 padding-top: 20px;
 height: auto;
 padding-bottom: 10px;
 position: relative;
 z-index: 10;
 margin-top: -5px;
 background: #F2EDD9;
}

.mainFooter .column1 {
 width: 200px;
 float: left;
 height: auto;
 font-size: 11px;
 color: #333;
 background: transparent;
 margin: 10px 0px 0px 30px;
}

.mainFooter .column3,
.mainFooter .column2 {
 width: 170px;
 float: left;
 height: auto;
 font-size: 11px;
 color: #333;
 background: transparent;
 margin: 10px 0px 0px 36px;
}

.mainFooter .column3 ul,
.mainFooter .column2 ul {
 width: 200px;
 list-style-type: none;
}

/* sub column2*/

.availabilityArea {
 background: #F2EDD9;
 width: 236px;
 float: left;
 color: #333333;
 padding: 26px 0px 25px 27px;
}

.availabilityArea h6 {
 font-size: 18px;
 font-weight: 300;
 font-family: Georgia, "Times New Roman", Times, serif;
}

.box1 {
 width: 240px;
 float: left;
 height: 50px;
 margin-top: 10px;
 font-size: 12px;
}

.box1 select {
 border: 1px solid #AF9469;
 background: #ECE3C6;
 width: 200px;
 font-size: 12px;
 height: 20px;
 margin-top: 5px;
 font-family: Arial, Helvetica, sans-serif;
}

.box2 {
 width: 240px;
 float: left;
 height: 120px;
 font-size: 12px;
}

.box3 {
 width: 230px;
 float: left;
 height: 32px;
}

.box3 img {
 width: 203px;
 height: 30px;
}

.box2 .boxLeft {
 width: 120px;
 height: 40px;
 float: left;
}

.box2 label {
 width: 80px;
 float: left;
}

.box2 input {
 border: 1px solid #333;
 background: #EEE;
 width: 75px;
}

.box2 .boxRight {
 width: 90px;
 height: 40px;
 float: left;
}

.boxTop {
 float: left;
 margin: 8px 0px 8px 0px;
}

.boxBottom .boxLeft {
 width: 50px;
 height: 40px;
 float: left;
}

.boxBottom select,
.boxTop select {
 border: 1px solid #AF9469;
 background: #ECE3C6;
 width: 40px;
}

.boxBottom .boxMiddle {
 width: 50px;
 height: 40px;
 float: left;
}

.boxBottom .boxRight {
 width: 120px;
margin-left:120px;
margin-top:-40px;
 height: 40px;
 float: left;
}

.boxBottom .boxRight input {
 width: 100px;
}

.separator {
 width: 253px;
 float: left;
 height: 20px;
}

.callUs {
 font-size: 18px;
 font-family: Georgia, "Times New Roman", Times, serif;
 line-height: 25px;
 margin: 0px 0px 0px 0px;
}

.address {
 font-size: 18px;
 font-family: Georgia, "Times New Roman", Times, serif;
 line-height: 25px;
 margin: 0px 0px 0px 27px;
}

.events,
.offers,
.blogs{
 background: #F2EDD9;
 width: 236px;
 float: left;
 color: #333333;
 padding: 26px 0px 25px 27px;
}

.events span,
.blogs span,
.offers span {
 float: right;
 margin-right: 32px;
}

.events h2,
.blogs h2,
.offers h2 {
 font-size: 18px;
 font-weight: 300;
 line-height: 22px;
 font-family: Georgia, "Times New Roman", Times, serif;
}

.events h2 a,
.blogs h2 a,
.offers h2 a {
 color: #333333;
}

.events img,
.blogs img,
.offers  img {
 margin: 11px 0px 11px 0px;
}

.events p,
.blogs p,
.offers p {
 font-size: 12px;
 width: 210px;
 float: left;
 
}

/* second menu */

/* nav */

/*
#secondMenu ul {
 width: 200px;
 float: left;
 list-style-type: none;
 margin: 20px 0px 0px 30px;
 border-top: 1px solid #AF9469;
 padding-top: 0px;
}

#secondMenu li {
 display: block;
 float: left;
 width: 200px;
}

#secondMenu a,
#secondMenu a:visited {
 display: block;
 color: #6D590C;
 text-decoration: none;
 font-family: Arial;
 font-size: 12px;
 margin-top: 0px;
 font-weight: normal;
 padding: 2px 18px 2px 15px;
}

#secondMenu a:hover {
 color: #000;
 background: transparent url(/images/bgLi.gif) 0px 6px no-repeat;
}

#secondMenu li.selected a {
 color: #6D590C;
 background: transparent url(/images/bgLi.gif) 0px 6px no-repeat;
}

#secondMenu li.selected a:hover {
 color: #000;
 background: transparent url(/images/bgLi.gif) 0px 6px no-repeat;
}

#secondMenu li.current a,
#secondMenu li.current a:visited {
 color: #000;
}
*/

#topMenu{
	height:30px;
	width:733px;
	margin: 30px 0px 0px 5px;	
}

#topMenu ul {
 width: 735px;
 float: left;
 list-style-type: none;
 display: block;
 /*margin: 20px 0px 0px 30px;
 border-top: 1px solid #AF9469;*/
 padding-top: 0px;
 margin:0px 0px 0px -1px;
}

#topMenu ul li {
 float: left;
 display:inline;
 text-align:center;
 height:28px;
 border-right:1px solid #7D6837;
 border-left:1px solid #FFF;
 position:relative;
 /*width: 200px;*/
}

#topMenu ul li a,
#topMenu ul li a:visited {
 display: block;
 color: #6D590C;
 text-decoration: none;
 font-family: Arial;
 font-size: 12px;
 margin-top: 0px;
 font-weight: bold;
 background: url(/images/bg_menuOff.jpg) repeat-x;
 padding: 6px 0px 6px 0px;
}

#topMenu ul li div.subMenuCol p a,
#topMenu ul li.selected div.subMenuCol p a{
	width:200px;		
	background:transparent;
	color:#000;
	font-size:12px;
	font-weight:normal;
	border:none;
	padding:2px;
	text-align:left;
	height:20px;	
	white-space:nowrap;	
}


#topMenu ul li a:hover {
 color: #FFF;
 background: transparent url(/images/bg_menuOn.jpg) repeat-x;
}

#topMenu ul li.selected a {
 color: #FFF;
 background: transparent url(/images/bg_menuOn.jpg) repeat-x;
}

#topMenu ul li.selected a:hover {
 color: #FFF;
 background: transparent url(/images/bg_menuOn.jpg) repeat-x;
}


#topMenu ul li div.subMenuHolderLarge{
	display:block;	
	/*left:0;*/
	visibility:hidden;
	z-index:1000;		
	margin-top:-1px;
	background:#FDFCF8;
	border:1px solid #74613A;		
	
	/*width:470px;*/
	width:705px;
	float:left;
}

#topMenu ul li div.subMenuHolderSmall{
	display:block;	
	/*left:0;*/
	visibility:hidden;
	z-index:1000;	
	border:1px solid #74613A;		
	margin-top:-1px;
	background:#FDFCF8;
	
	width:235px;
	float:left;
}

#topMenu ul li div.subMenuCol{
	display:block;
	/*position:absolute;
	left:0;*/	
	z-index:1000;			
	background:#FDFCF8;
	
	padding:5px;
	width:225px;
	float:left;
}

.subMenuCol h2{
	font-size:12px;
	font-weight:bold;
	color:#6d5a33;
	text-align:left;
	margin-bottom:10px;
}

#topMenu ul li:hover div.subMenuHolderSmall { visibility: visible; } 
#topMenu ul li:hover div.subMenuHolderLarge { visibility: visible; } 



#topMenu ul div.subMenuCol p{
	text-align:left;		
	border:none;	
	width:200px;
	height:20px;
	background:transparent;	
}

#topMenu ul div.subMenuCol p a:hover,
#topMenu ul li.selected div.subMenuCol p a:hover { 			
	color:#6D590C;		
	text-decoration:underline;
}

#topMenu ul ul ul{
	display:none;	
}

.leftlogo {
 width:245px; 
 text-align:center;  
}

.leftlogo p{
 color:#000;
 font-weight:bold;
}

#newsletter{
	background:url(/images/newsletterBackground.jpg);
	width:249px;
	height:146px;
	margin-top:15px;
}

#newsletter h2{
	font-size:24px;
	padding:20px 0px 0px 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	font-weight: 300;
}

#newsletter p{
	font-size: 12px;
	padding:8px 15px 0px 15px;	
	color: #333333;
	font-weight: 300;
	height:35px;	
}

#newsletter a{
	padding:0px 10px 5px 15px;
	float:left;	
}

.contactUs input,
.contactUs select,
.contactUs textarea{
	margin-top:10px;
}

#gallery img {
 border:1px solid #cab564; 
 margin-right:30px; 
 margin-bottom: 30px; 
 padding: 3px
}

#gallery img {
 Filter: Gray
}

#gallery a:hover img {filter: none}

#selMenHot {
	width:180px;
	margin-left:30px;
}


#subsciptionCaptureForm label{
	float:left;
	width:150px;
}

#subsciptionCaptureForm #tickboxes{
		margin-left:20px;
	}
	
#subsciptionCaptureForm input#submitForm{
		margin:10px 0px 0px 20px;
}

.facebookButton{
	position:absolute;
	left:30px;
	bottom:10px;
}

#tripAdvisor{
 /*width:245px; */
 text-align:center;  
 margin-top:20px;
}

#tripAdvisor .TA_excellent{
 /*width:245px; */
 margin-left:37px;
}

#ratingSymbols{
	width:55px;	
	position:absolute;
	top:30px;
	right:-41px;	
	z-index:1000;
	float:left;
}

#ratingSymbols img{
	margin-bottom:30px;
	cursor:pointer;
	width:55px;
}