@charset "utf-8";
body
{
	margin: 0;
	padding: 0px;
	font-family:Verdana,Arial,Helvitica,san-serif;
	font-size: 100%;
	background: url(img/bg2.jpg) repeat-x;
	font-family: 'Palatino Linotype', Verdana, Arial;
}
a { border: none;}
a.totop
{
	color: #383838;
	font-size: 12px;
}
a.totop:hover
{
	color: #383838;
}
#wrapper
{
	width: 950px;
	margin: auto;
	text-align: center;
	position: relative;
}
#header
{
	height: 90px;
}
/*** Top navigation ****/
#header .tnav
{
	height: 45px;
	z-index: 1;
	position: absolute;
	right: 135px;
	top: -1px;
	color: #6a6969;
	text-transform: uppercase;
}
#header .tnav ul
{
	margin: 0;
	padding-right: 20px;
}
#header .tnav ul li
{
	display: inline;
	padding-right: 15px;
}
#header .tnav ul li.tvisited
{
	color: #fff;
	font-size: 70%;
	font-weight: bold;
}
#header .tnav ul li a
{
	font-family: 'Palatino Linotype', Verdana, Arial;
	font-size: 70%;
	text-decoration: none;
	color: #007015;
	font-weight: bold;
}
#header .tnav ul li a:hover
{
	color: #6a6969;
}
/*** End of tnav **/
#header .nav
{
	background: url(img/navbg2.jpg) no-repeat;
	width: 703px;
	height: 45px;
	z-index: 1;
	position: absolute;
	left: 140px;
	top: 16px;
	color: #6a6969;
	text-transform: uppercase;
}
#header .nav ul
{
	margin: 0;
	padding-top: 15px;
	
}
#header .nav ul li
{
	display: inline;
	margin-right: 15px;
}
#header .nav ul li.visited
{
	color: #007015;
	font-size: 80%;
	font-weight: bold;
}
#header .nav ul li a
{
	font-size: 80%;
	text-decoration: none;
	color: #6a6969;
	font-weight: bold;
}
#header .nav ul li a:hover
{
	color: #007116;
}
img.logo
{
	position: absolute;
	z-index: 2;
	left: 15px;
	top: -26px;
	width: 166px;
	height: 108px;
}
#hgallery
{
	margin-right: 86px;
	position: relative;
	height: 329px;
	width: 834px;
	border: 1px solid #007015;
	background: #fff;
	overflow: hidden;
	margin-top: -26px;
}
#actgallery
{
	margin-right: 86px;
	position: relative;
	height: 329px;
	width: 834px;
	border: 1px solid #007015;
	background: #000;
	overflow: hidden;
	margin-top: -26px;
}
#landgallery
{
	margin-right: 86px;
	position: relative;
	height: 329px;
	width: 900px;
}
img.land
{
	text-align: center;
	z-index: 2;
}
/* for map page */
#mapgallery
{
	margin-right: 86px;
	height: 329px;
	width: 834px;
	position: relative;	
}

img.mapimg
{
	margin-top: 30px;
	margin-left: 20px;
}

/* End of map page editing */

img.himg
{
	border: 1px solid #007015;
}
/** Content area begins **/
#carea
{
	width: 834px;
	line-height: 22px;
	margin-top: 20px;
	margin-right: 86px;
	padding: 0;
}

#carea .lsection
{
	background: url(img/lbgtop.jpg) top center no-repeat;
	width: 399px;
	float: left;
	color: #383838;
	margin: 0;
	padding: 0;
}
#carea .lsection h1
{
	font-size: 100%;
	padding: 0;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#carea .lsection h2
{
	font-size: 90%;
	padding: 0;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
span.gr
{
	color: #007015;
}
#carea .lsection p
{
	font-size: 80%;
	padding: 0 20px 10px 20px;
	text-align: justify;
}
#carea .lsection ul li
{
	font-size: 80%;
	text-align: left;
}
#carea .hrsection
{
	float: left;
	width: 360px;
}
#carea .rsection
{
	float: left;
	width: 399px;
	background: url(img/lbgtop.jpg) top center no-repeat;
	margin-left: 10px;
	margin-right: 20px;
}
#carea .rsection h1
{
	font-size: 100%;
	padding: 0;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
img.links
{
	margin-bottom: 10px;
}
img.links2
{
	margin: 20px 0 0 15px;
	float: left; 
}
img { border: none; margin: 0; padding: 0;}
#footer
{
	height: 25px;
	border-right: 1px solid #383838;
	border-left: 1px solid #383838;
	border-top: 1px solid #383838;
	width: 834px;
	color: #007015;
	font-size: 11px;
	padding-top: 5px;
	margin: 40px 86px 0 0;
	clear: both;
	
}
#footer a
{
	color: #007015;
}
#footer a:hover
{
	color: #383838;
}

DIV#flash-container
{
	height: 329px;
	overflow: visible;
	width: 834px;
	text-align: center;
	margin: 0 auto;
}
DIV#background
{
	position: absolute;
	top: 0;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	width: 834px;
	height: 329px;
	text-align: center;
	overflow: hidden;
}
#flash-background
{
	height: 329px;
}
/* Gallery images for facilities */
#imgcool
{
	float: left;
	width: 340px;
	position: relative;
	padding-top: 10px;
}
#imgcool UL LI
{
	float: left;
	padding: 2px 3px;
	list-style: none;
}
#imgcool UL LI A
{
	float: left;
	height: 85px;
	width: 126px;
}
#imgcool UL LI A:hover
{
	cursor: default;
}
#imgcool IMG.color, #imgcool IMG.big
{
	display: none;
}
#imgcool A:hover IMG.color
{
	display: inline;
}
#imgcool A:hover IMG.nocolor
{
	display: none;
}
#imgcool .pic1 A:hover IMG.big
{
	display: inline;

	left: 190px;
	position: absolute;
	top: 70px;
	z-index: 300;
}
#imgcool .pic2 A:hover IMG.big
{
	display: inline;
	left: 330px;
	position: absolute;
	top: 70px;
	z-index: 300;
}
#imgcool .pic3 A:hover IMG.big
{
	display: inline;
	left: 190px;
	position: absolute;
	top: 70px;
	z-index: 300;
}
#imgcool .pic4 A:hover IMG.big
{
	display: inline;
	left: 330px;
	position: absolute;
	top: 70px;
	z-index: 300;
}

#imgcool .pic5 A:hover IMG.big
{
	display: inline;
	left: 190px;
	position: absolute;
	top: 70px;
	z-index: 300;
}
#imgcool .pic6 A:hover IMG.big
{
	display: inline;
	left: 330px;
	position: absolute;
	top: 70px;
	z-index: 300;
}
#trcont
{
	float: left;
}
#trcont h1
{
	font-size: 16px;
	color: #383838;
	text-transform: uppercase;
}
#trcont ul 
{
	text-align: left;
}
#trcont ul li
{
	font-size: 14px;
	color: #383838;
	margin-bottom: 10px;
}
.gymtxt
{
	
	float: right;
}
.gymtxt img
{
	float: left;
}
.gymtxt p
{
	font-size: 12px;
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	
}
img.gymimg
{
	margin-right: 20px;
	margin-left: 20px;
	border: 4px solid #c6c8c5;
}

.style1 {font-size: 12px; font-family: Palatino Linotype, Verdana;}
input {
    border:1px solid #333;
	padding-bottom: 5px;
	color:#383838;
	height: 15px;
	margin-top: 3px;
}
.button
{
	height: 21px;
	border: 1px solid #383838;
	font-size: 12px;
	color: #383838;
	padding-bottom: 3px;
	font-size: 12px;
	font-family: Palatino Linotype, Verdana;
}
.ddstyle
{
	height: 25px;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #383838;
}

/** End of form style **/
/* Reservations joint sections */
#carea .rrsection
{
	float: left;
	width: 399px;
	background: url(img/lbgtop.jpg) top center no-repeat;
}
/** CSS for rooms **/

img.roomimg
{
	
	width: 387px;
	height: 248px;
	border-top: 1px solid #007015;
	border-right: 1px solid #007015;
	border-left: 1px solid #007015;
}

.pics
{

	position: absolute;
	left: 0px;
	top: 0;
	z-index: -1;
}


.menu {background-color:#007015; color:#272727; height:23px; width: 300px; position: absolute; left: 19px; top: 252px; font-size: 80%;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:23px; margin-right: 10px;}
.menu li a {color:#000000; text-decoration:none; padding:4px 5px 6px 5px;}
.menu li a.tabactive { color: #fff; position:relative; padding: 4px 5px 6px 5px;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {text-align:center;padding:6px 0px; font-size:12px; margin-bottom:5px; margin-right: 10px;  width: 800px; height: 248px;}


.ttext 
{
	text-align: left;
	float: right;
	width: 400px;
}
.ttext h2
{
	font-size: 18px;
	color: #fff;
	margin-top: 30px;
	margin-left: 30px;
}
.ttext p
{
	font-size: 12px;
	color: #fff;
	text-align: justify;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 21px;
}
#rgallery
{
	margin-right: 86px;
	height: 329px;
	width: 834px;
	position: relative;
	margin-top: -26px;
}

/* Restaurant & Bar CSS **/
DIV#flash-container2
{
	height: 329px;
	overflow: visible;
	width: 835px;
	text-align: center;
	margin: 0 auto;
	
}
DIV#background2
{
	position: absolute;
	top: 0;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	width: 835px;
	height: 329px;
	text-align: center;
	overflow: hidden;
	
}
#flash-background2
{
	height: 329px;
}

DIV#flash-container3
{
	height: 329px;
	overflow: visible;
	width: 835px;
	text-align: center;
	margin: 0 auto;
	
}
DIV#background3
{
	position: absolute;
	top: 0;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	width: 835px;
	height: 329px;
	text-align: center;
	overflow: hidden;
	
}
#flash-background3
{
	height: 329px;
}

#rbgallery
{
	margin-right: 128px;
	position: relative;
	height: 330px;
	width: 775px;
	border: 1px solid #007015;
	background: #fff;
}
#landli
{
	position: absolute;
	top: 20px;
	left: 0;
	z-index: -2;
}
#landlsk
{
	position: absolute;
	top: 20px;
	right: 0;
	z-index: -2;

}

/* Sliding navigation */ 
ul#sidetabs li a.show1
{
	background: url(img/deluxethumb.jpg) no-repeat;
	width: 120px;
	height: 80px;
	border: 1px solid #fff;
}
ul#sidetabs li a.show1:hover
{
	background: url(img/deluxethumbhov.jpg) no-repeat;
	width: 120px;
	height: 80px;
}

ul#sidetabs li a.show2
{
	background: url(img/doublethumb.jpg) no-repeat;
	width: 120px;
	height: 80px;
	border: 1px solid #fff;
}
ul#sidetabs li a.show2:hover
{
	background: url(img/doublethumbhov.jpg) no-repeat;
	width: 120px;
	height: 80px;
}
ul#sidetabs li a.show3
{
	background: url(img/twinthumb.jpg) no-repeat;
	width: 120px;
	height: 80px;
	border: 1px solid #fff;
}
ul#sidetabs li a.show3:hover
{
	background: url(img/twinthumbhov.jpg) no-repeat;
	width: 120px;
	height: 80px;
}

/* Sliding tabs for restaurant page */

ul#sidetabs li a.show4
{
	background: url(img/buffetthumb.jpg) no-repeat;
	width: 120px;
	height: 80px;
	border: 1px solid #fff;
}
ul#sidetabs li a.show4:hover
{
	background: url(img/buffetthumbhov.jpg) no-repeat;
	width: 120px;
	height: 80px;
}

ul#sidetabs li a.show5
{
	background: url(img/cattlethumb.jpg) no-repeat;
	width: 120px;
	height: 80px;
	border: 1px solid #fff;
}
ul#sidetabs li a.show5:hover
{
	background: url(img/cattlethumbhov.jpg) no-repeat;
	width: 120px;
	height: 80px;
}
ul#sidetabs li a.show6
{
	background: url(img/twinthumb.jpg) no-repeat;
	width: 120px;
	height: 80px;
	border: 1px solid #fff;
}
ul#sidetabs li a.show6:hover
{
	background: url(img/twinthumbhov.jpg) no-repeat;
	width: 120px;
	height: 80px;
}

div.currentwrapper {
	float:left;
	width:834px;
	height: 329px;
}
div.wide {
	width:2522px;
}
div#crop {
	width:834px;
	height:329px;
	overflow: hidden;
}
div.currentimage {
	width:430px;
	height:329px;
	margin:0px;
	padding:0px;
	float:left;
	background:url("../images/seperator.gif"/*tpa=http://www.jwhanif.net/assets/images/seperator.gif*/) top right repeat-y;
}
div.currentcontent {
	width:834px;
	height:329px;
	margin:0px;
	float:right;
}
div.currentcontentleft {
	width:427px;
	height:329px;
	margin:0px;
	padding:0 3px 0 20px;
	float:left;
}
div.currentcontent h2, div.currentcontentleft h2, div.currentimage h2, div.contactinfo h2, div.contactform h2 {
	font-size:30px;
	letter-spacing:-2px;
	color:#3a3a38;
	padding:0px;
	margin:0px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
div.currentcontent h6, div.currentcontentleft h6, div.currentimage h6, div.contactinfo h6, div.contactform h6 {
	font-size:10px;
	font-weight:normal;
	color:#3a3a38;
	padding:0px;
	margin:0px;
	line-height:18px;
}
div.currentcontent p, div.currentcontentleft p, div.currentimage p, div.contactinfo p, div.contactform p {
	text-align:justify;
	line-height:18px;
	
	
}
div.currentcontent p a, div.currentcontentleft p a, div.contactinfo p a, div.contactform p a {
	text-decoration:none;
	background:#4b4946;
	color:#fff;
	padding:0px 7px 1px 7px;
	margin:0 3px 0 3px;
}
div.currentcontent h6 a, div.currentcontentleft h6 a, div.contactinfo h6 a, div.contactform h6 a {
	text-decoration:none;
	background:#4b4946;
	color:#fff;
	padding:0px 7px 1px 7px;
	margin:0 3px 0 3px;
}
div.currentcontent h6 a:hover, div.currentcontentleft h6 a:hover, div.contactinfo h6 a:hover, div.contactform h6 a:hover {
	color: white;
	text-decoration:none;
	background:#333130;
}
div.currentcontent a:hover, div.currentcontentleft a:hover, div.contactinfo a:hover, div.contactform a:hover {
	color: white;
	text-decoration:none;
	background:#333130;
}

div.currentcontent h3, div.currentcontentleft h3, div.currentimage h3, div.contactinfo h3, div.contactform h3 {
	font-size:15px;
	color:#3a3a38;
	padding:0px;
	margin:0px;
}
div.currentcontent ul, div.currentimage ul, div.contactinfo ul, div.contactform ul {
	
	margin:0;
	list-style:none;
}
div.currentcontent ul li, div.currentimage ul li, div.contactinfo ul li, div.contactform ul li{
	display:block;
	font-size:13px;
	line-height:28px;
	padding-left:25px;
	background:url("../images/bullet.gif"/*tpa=http://www.jwhanif.net/assets/images/bullet.gif*/) center left no-repeat;
	border-bottom:1px solid #8a8986;
}

ul#sidetabs {
	display:none;
	position:absolute;
	list-style:none;
	padding:0;
	margin:0;
	top:30px;
	left: 1px;
	z-index: 1;
}
ul#sidetabs li a {
	
	display: block;
	width: 120px;
	height: 80px;
	color:#fff;
	font-size:11px;
	text-align:center;
	padding-left:0px;
	text-decoration:none;
	margin-bottom: 10px;
}
ul#sidetabs li a:hover {
	background-position: 0 0px;
}
ul#sidetabs li a.activetab {
	background-position: 0 0px;
}
small {
	font-size:9px;
}

#double
{
	background: url(img/double.jpg) no-repeat;
	border: 1px solid #007015;
	overflow: hidden;
	width: 834px;
	height: 329px;
	margin-left: 44px;
}
#deluxe
{
	background: url(img/deluxe.jpg) no-repeat;
	border: 1px solid #007015;
	overflow: hidden;
	width: 834px;
	height: 329px;
}
#brasserie
{
	background: url(img/brasserie.jpg) no-repeat;
	border: 1px solid #007015;
	overflow: hidden;
	width: 834px;
	height: 329px;
}
#cattle
{
	background: url(img/cattle.jpg) no-repeat;
	border: 1px solid #007015;
	overflow: hidden;
	width: 834px;
	height: 329px;
	margin-left: 44px;
}
#float
{
	background: url(img/bar.jpg) no-repeat;
	border: 1px solid #007015;
	overflow: hidden;
	width: 834px;
	height: 329px;
	margin-left: 83px;
}
#twin
{
	background: url(img/twin.jpg) no-repeat;
	border: 1px solid #007015;
	overflow: hidden;
	width: 834px;
	height: 329px;
	margin-left: 83px;
}
.rtxt
{
	position: absolute;
	width: 280px;
	height: 162px;
	text-align: justify;
	bottom: 0px;
	right: 80px;
	background: url(img/rmtxtbg.png) no-repeat;
	color: #383838;
}
.rtxt h1
{
	font-size: 16px;
	text-align: left;
	padding: 10px 0 0 10px;
}
.rtxt p
{
	font-size: 12px;
	padding: 0 10px 5px 10px;
	color: #383838;
}
/** Rests bars **/
.rtxt3
{
	
	width: 280px;
	height: 162px;
	text-align: justify;
	float: right;
	color: #383838;
	margin-right: 90px;
	margin-top: 140px;
}
.rtxt3 h1
{
	font-size: 16px;
	text-align: left;
	padding: 10px 0 0 10px;
}
.rtxt3 p
{
	font-size: 12px;
	padding: 0 10px 5px 10px;
	color: #383838;
}
/** Done **/
/* Alternative style fo rrooms page */
.rtxt2
{
	position: absolute;
	width: 450px;
	height: 112px;
	text-align: justify;
	bottom: 0px;
	left: 0px;
	background: url(img/rmtxtbg2.png) no-repeat;
	color: #383838;
}
.rtxt2 h1
{
	font-size: 16px;
	text-align: left;
	padding: 10px 0 0 10px;
	margin-bottom: -10px;
}
.rtxt2 p
{
	font-size: 12px;
	padding: 0 10px 5px 10px;
	color: #383838;
}

/* End of alternative style for rooms page */
/* Activities section of website */
.activity
{
	float: left;
	margin: 30px 0 0 30px;
	width: 300px;
}
.activity h2
{
	font-size: 16px;
	color: #fff;
	text-align: left;
}
.activity ul
{
	font-size: 12px;
	text-align: left;
	margin: 0;
	padding: 0;
}
.activity ul li
{
	margin-left: 20px;
	color: #fff;
}

.spacegallery {
	position: relative;
	overflow: hidden;
}
.spacegallery img {
	position: absolute;
	left: 160px;
}
.spacegallery a {
	position: absolute;
	z-index: 1000;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(img/blank.gif);
}

#myGallery {
	width: 420px;
	height: 329px;
	float: right;
}
#myGallery img {
	border: 1px solid #fff;
}

.myGallery {
	width: 420px;
	height: 362px;
	float: right;
}
.myGallery img {
	border: 1px solid #AE7B40;
}

#myGallery3 {
	width: 420px;
	height: 362px;
	float: right;
}
#myGallery3 img {
	border: 1px solid #AE7B40;
}
a.loading {
	background: #fff url(img/ajax_small.gif) no-repeat center;
}
/** End of space gallery **/

label {font-size: 11px;}
input.yn {border: none;}


/* Content slider */

#myController
{
	position: absolute;
	left: 0;
	top: 50px;
	text-align: left;
	font-size: 12px;

}
#myController span{
color:#007015;
margin: 0px 10px 0px 0; 
cursor:pointer;
padding: 10px 45px 15px 10px; 
background: url(img/rnavbg.png) no-repeat; 
border-left: 1px solid #007015;
height: 41px;
}

#jFlowSlide{
border:1px solid #007015;
}

#myController span.jFlowSelected {
background: url(img/rnavbghov.png) no-repeat; 
color: #fff;
padding: 10px 45px 10px 10px;
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}
/** End of  slider **/


/** Login form **/

.submit
{
	height: 25px;
}

/** Latest news section of website **/
h1.hnews
{
	background: #000;
	color: #fff;
	text-align: left;
	font-size: 16px;
	padding-top: 20px;
	padding-left: 7px;
	padding-bottom: 5px;
	margin: 0;
	border-bottom: 1px solid #009900;
}
#hgallery ul.articles
{
	float: left;
	font-size: 12px;
	color: #009900;
	width: 250px;
	text-align: left;
	height: 300px;
	overflow: auto;
	padding-top: 20px;
}
#hgallery ul.articles li
{
	margin: 0;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #000;
}
#hgallery ul.articles li a
{
	color: #090;
	text-decoration: none;
}
#hgallery ul.articles li a:hover
{
	color: #000;
}
#hgallery .news
{
	float: right;
	height: 282px;
	width: 530px;
	overflow: auto;
	text-align: left;
	border-left: 1px dotted #009900;
	
}
#hgallery .news h1
{
	font-size: 14px;
	padding-left: 20px;
	color: #024b10;
}
#hgallery .news p
{
	font-size: 12px;
	padding: 0 20px 0 20px;
}

/* CSS for slidepanel2 */
#panel2 { display:none; color: #000; width: 800px; margin: 0; padding: 0;}
#panel2 h1 {font-size: 14px; text-align: center; margin: 5px 5px 10px 5px; }
#panel2 p {font-size: 60%; padding: 15px; text-align: justify;}
#panel2 ul { height: 30px; margin-left: 30px;}
#panel2 ul li { color: #27247c; float: left; margin-left: 20px;}
.slide2 { margin:0; padding:0; border-top: solid 1px #fff; background: url(img/slidebtn.png) no-repeat center top; font-size: 12px;}
.slide2 a {color: #007116;}
.btn-slide2 {background: url(img/arrows.gif) no-repeat right -57px; text-align: center; width: 144px; height: 23px; padding: 2px 7px 0 0; margin: 0 auto; display: block; font: 500 90%/80% Palatino Linotype, Helvetica, sans-serif; color: #fff; text-decoration: none;}
.active2 {background-position: right 12px;}
/* End of css for slidepanel2 dropdown styleswitcher */

/* DDSTYLE */