/* =Reload 
-----------------------------------------------------------------------------------------*/
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, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}

body {
	background: #01B69B url(/images/BG.png) repeat-x;
	color: #000;
  	font: 62.5% Arial, Helvetica, sans-serif;
	line-height: 1;
}

ol, ul {list-style: none;}
blockquote, q { quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* =General
-----------------------------------------------------------------------------------------*/
.left{float:left;}
.right{float:right;}
img.left{margin:10px 10px 10px 0;}
img.right{margin:10px 0 10px 10px;}
.clear{clear:both;}
strong, b{font-weight: bold;}
em, i{font-style: italic;}

/* =Typography
-----------------------------------------------------------------------------------------*/
p{
	font:normal 1.2em/2em Arial, Helvetica, sans-serif;
	margin:10px 0;
}

ul{
	font:normal 1.2em/1.2em Arial, Helvetica, sans-serif;
	list-style: disc;
	margin:10px 10px 10px 15px;
}

ol{
	font:normal 1.2em/1.2em Arial, Helvetica, sans-serif;
	list-style: decimal;	
	margin:10px 10px 10px 15px;
}


/* =Headings
-----------------------------------------------------------------------------------------*/
h1{
	color: #007b69;
	font:normal 2.0em/1.2em "Trajan Pro","Times New Roman", Times, serif;
	margin:10px 0;
	text-transform: capitalize;
}

h2{
	color: #007b69;
	font:normal 1.8em/1.2em "Trajan Pro","Times New Roman", Times, serif;
	margin:10px 0;
	text-transform: capitalize;
}

h3{
	color: #007b69;
	font:normal 1.6em/1.2em "Trajan Pro","Times New Roman", Times, serif;
	margin:10px 0;
	text-transform: capitalize;
}

h4{
	color: #007b69;
	font:normal 1.6em/1.2em "Trajan Pro","Times New Roman", Times, serif;
	margin:10px 0;
	text-transform: capitalize;
}	

h5{
	color: #007b69;
	font:normal 1.6em/1.2em "Trajan Pro","Times New Roman", Times, serif;
	margin:10px 0;
	text-transform: capitalize;
}	

h6{
	color: #007b69;
	font:normal 2.0em/1.2em "Trajan Pro","Times New Roman", Times, serif;
	margin:10px 0;
	text-transform: capitalize;
}				

#sideBar h2{
	background: transparent url(/images/BG-SB-h2.png) no-repeat;
	color: #fff;
	display: block;
	font:normal 18px/34px "Trajan Pro","Times New Roman", Times, serif;
	height: 34px;
	margin: 0;
	overflow: hidden; 
	padding: 0 0 0 20px;
	text-transform: capitalize;
	width: 254px;
}

#sideBar #address h3{
	color: #007b69;
	font:normal 18px/22px "Trajan Pro","Times New Roman", Times, serif;
	margin: 10px 0;
	text-transform: capitalize;
}

/* =Links
-----------------------------------------------------------------------------------------*/
a:link, a:visited{}

a:hover, a:active{}		

/* =MainNav
-----------------------------------------------------------------------------------------*/
#nav{
	background-color: #e5a132;
	border-bottom: 1px solid #fff;
	height: 35px;
	margin: 0;
	padding: 0;
	width: 675px;
}

#nav li{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li a:link, #nav li a:visited{
	color: #fff;
	display: block;
	float: left;
	height: 35px;
	font:bold 12px/35px Arial, Helvetica, sans-serif;
	padding:0 4px;
	text-decoration: none;
}

#nav li a.first{padding: 0 6px 0 8px;}
#nav li a.last{padding: 0 8px 0 6px;}
#nav li a:hover, #nav li a:active{background-color: #007b69;}


/* =SubNav
-----------------------------------------------------------------------------------------*/
#subNav{
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

#subNav li{
	margin: 0;
	padding: 0;
}

#subNav li a:link, #subNav li a:visited{
	color: #323232;
	display: block;
	font:bold 12px/30px Arial, Helvetica, sans-serif;
	padding: 1px 0;	
	text-decoration: none;
	text-indent: 30px;
	width: 273px;
}

#subNav li a:hover, #subNav li a:active{
	background-color: #F0C36C;
	border: 1px solid #fff;
	border-left: 0;
	border-right: 0;
	padding:0;	
}

/* =Components These need to be set for back-ground
-----------------------------------------------------------------------------------------*/
#fckPages, #fckArticles, #fckNews, #fckQuestion, #fckTestimonials{
	background-color: #fff;
	background-image: none;
}

/* =Layout
-----------------------------------------------------------------------------------------*/
#content{
	background: #fff url(/images/DS-BT.png) no-repeat;
	float: left;
	padding: 20px;
	width: 635px;
}

#contentContainer{
	background: #fff url(/images/BG-CC.png) repeat-y;
	border-bottom: 1px solid #fff; 
}

#content img{border: 1px solid #e5a132;}

#divider{
	background-color: #007b69;
	border: 1px solid #fff;
	border-left: 0;
	border-right: 0;
	float: left;
	height: 32px;
	width: 676px;
}

#dividerFooter{
	background-color: #e5a132;
	clear: both;
	height: 10px;
	width: 951px;
}

#divider img{float: right;}

#footer{
	margin: 0 auto 20px auto;
	width: 951px;
}

#footer p{
	color: #fff;
	font:bold 1.2em/1.8em Arial, Helvetica, sans-serif;
	margin: 5px;
}

#footer p a{
	color: #fff;
	text-decoration: none;
}

#headerImg{
	height: 354px;
	width: 951px;
	z-index: 0;
}

* html #headerImg{margin-bottom: -3px;}

#sideBar{
	background:transparent url(/images/BG-SubNav.png) no-repeat;
	border-left: 1px solid #fff;
	display: inline;
	float: right;
	min-height: 485px;
	width: 274px;
	z-index: 100;
}

#sideBar #address{
	margin: 30px 0;
	padding: 0;
	list-style: none;
}

#sideBar #address li{ 
	margin: 0 0 0 20px;
	padding: 0;
}

#sideBar #reservations{
	background: transparent url(/images/BG-HeaderSide.png) ;
	border-left: 1px solid #fff;
	height: 390px;
	position: absolute;
	top: 0;
	right:0;
}

* html #sideBar #reservations{
	top: 0;
	right:-2px;
}

* html #sideBar{height: 485px;}
#sideBar #reservations .logo{margin: 17px 0 0 42px;}

#sideBar a.social img{
	display: block;
	margin: 5px 0 5px 30px;
	width: 150px;
}

#line{
	background-color: #000;
	display: block;
	font-size: 0px;
	height: 1px;
	line-height: 1px;
}

#mainContainer{
	background-color: #fff;
	border: 1px solid #fff;
	margin: 0 auto;
	position: relative;
	width: 951px;
}

#bottomShadow{
	background: transparent url(/images/DS-BT.png) no-repeat;
	clear: both;
	height: 3px;
	margin:0 auto;
	width: 960px;
}

#topShadow{
	background: transparent url(/images/DS-TP.png) no-repeat;
	clear: both;
	display: block;
	font-size: 0px;
	height: 3px;
	line-height: 1px;
	margin:10px auto 0 auto;
	width: 960px;
}

#wrapper{
	background: transparent url(/images/DS-BG.png) repeat-y;
	clear: both;
	margin:0 auto;
	width: 960px;
}
		
/* =Forms
-----------------------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 0px solid transparent;}

/* =reservations form
-----------------------------------------------------------------------------------------*/
ul#reservationsF{padding: 2px 0 0 0;}

#reservationsF li{
	clear: left;
	line-height: 24px;
	list-style: none;
	margin: 1px 0;
}

#reservationsF .bookNow{
	float: right;
	margin: -40px 0 0 0;
	padding: 0 40px 0 0;
}

#reservationsF .bookNow button{	
	background: transparent;
	border: 0px;
	cursor: pointer;
	height: 34px;
	margin: 0px;
	padding: 0px;
	width: 89px;
}

#reservationsF label{
	display: block;
	float: left;
	padding-right: 5px;
	text-align: right;
	width: 50px;
}

#reservationsF select{font:normal 1em/1em Arial, Helvetica, sans-serif;}

/* =Filters
-----------------------------------------------------------------------------------------*/
/*[BEGIN] Clear Fix for Fire Fox*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*[END] Clear Fix for Fire Fox*/

/* =Home Page Content
-----------------------------------------------------------------------------------------*/