/* CSS Document */

body{
	background-color: #000000;
	background-image: url(resource/bg/bg.jpg);
	background-repeat: repeat;
	background-position: top center;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	
	}

*html body {
	background-color: #000000;
	background-image: url(resource/bg/bg.jpg);
	background-repeat: repeat;
	background-position: top center;
	font-size: x-small; /*for IE5/Win*/
	f\ont-size: small; /*for other IE versions*/
	margin: 0px;
	padding: 0px 0px 0px 0px;
	
	}

	
/*PNG Transparebcy fix IE 6*/
 img, div, map { behavior: url(iepngfix.htc) }

/*Clear Hack / Pad*/
.clearit {
	 clear: both;
	 height: 0px;
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 0px 0px;
	 line-height: 0px;}
	 
.nopad {
	float:left;
	padding: 0px 1px 0px 0px;
	margin: 0px 0px 0px 0px;}





/*header Container Layout*/	

#contentshead {
	float: left;
	background-image: url(resource/bg/head.jpg);
	background-position: top center;
	background-repeat: repeat;
	width: 100%;}

 #centerallhead {
     margin-left: auto;
     margin-right: auto;
     width: 970px;
	 height: 80px; }
	 
 #logo {
 	float: left;
	 margin: 0px;
	 padding: 33px 0px 4px 0px;
     width: 750px;}
	 
	 
#signupbutton{
	float: right;
	height: 20px;
	background-image: url(resource/images/envolope.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0px 0px 0px 25px;
	margin: 0px;}

/* Nav Container Layout*/	

#contentsnav {
	float: left;
	background-image: url(resource/bg/navbg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;}

 #centerallnav {
     margin-left: auto;
     margin-right: auto;
     width: 970px;
	 height: 50px; }
	 
 #navouter {
 	float: left;
	 margin: 0px;
	 padding: 0px 0px 0px 0px;
     width: 725px;
	 height: 50px}
	 
#booknow {
 	float: right;
	 margin: 0px;
	 padding: 10px 0px 0px 0px;
     width: 234px;} 
	 
#bookbutton {
	 margin: 0px;
	 padding: 0px;
} 




	 
	 
	 
/* Main Content Container Layout*/	

.maincontent {
	float: left;
	padding: 11px 0px 11px 0px;
	background-image: url(resource/bg/grad.jpg);
	background-position: top center;
	background-repeat: repeat;
	width: 100%; /* mandatory to be centered */

}

 #centerallmain {
     margin-left: auto;
     margin-right: auto;
     width: 970px; /* mandatory to be centered */ }
	   
/* Homepage Layout*/	

.flashone{
	float: left;
	width: 234px;
	height: 580px;
	margin: 0px 11px 0px 0px;
	padding: 0px 0px 0px 0x;}


.flashfour{
	float: left;
	width: 234px;
	height: 580px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}




/* EXPAND DIV */

#slidermain {
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(resource/bg/formbg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%; /* mandatory to be centered */

}

 #centerallslider {
     margin-left: auto;
     margin-right: auto;
     width: 970px; /* mandatory to be centered */ }
	 
	 
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	float: right;
	height: 20px;
	background-image: url(resource/images/envolope.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 10px 0px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	float: left;
	border:0px;
	width:100%;
    visibility: hidden;
	display: none;
	height: 60px;
	overflow:hidden;
	
}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:0px;	
	position:relative;
}






/* Accomodation Layout*/	

#accomleftcol{
	float: left;
	width: 725px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#accomintro{
	float: left;
	width: 725px;
	height: 110px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#flashgallery{
	float: left;
	width: 725px;
	height: 450px;
	background-color:#333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#accomrightcol{
	float: left;
	width: 234px;
	margin: 20px 0px 0px 11px;
	padding: 0px 0px 0px 0x;}


/* offer Panels*/	


.offerpanel{
	float: left;
	width: 234px;
	height: 234px;
	margin: 20px 11px 0px 0px;
	padding: 0px 0px 0px 0x;
	background-image: url(resource/panels/offerpanel.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.offerpanel3{
	float: left;
	width: 234px;
	height: 234px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0x;
	background-image: url(resource/panels/offerpanel.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}

/* Specials form*/	
#specialformpanel{
	float: left;
	background-image: url(resource/bg/formbgspecials.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 725px;
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 10px 0px;}
	
	#specialformspace{
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
	width: 375px;
	margin: 0px 150px 0px 20px;
	padding: 0px 0px 0px 0x;}
	
	#specialformname{
	float: left;
	color: #FFFFFF;
	margin: 5px 0px 0px 0px;
	padding: 0px 7px 0px 0x;} 

#specialbutton{
	float: left;
	width: 100px;
	color: #FFFFFF;
	margin:  3px 0px 0px 5px;
	padding: 0px 0px 0px 0x;} 


/* Side Panels*/	

#flashrightcol{
	float: left;
	background-color: #333333;
	width: 234px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}
	
	#aboutpanel{
	float: left;
	background-image: url(resource/panels/aboutpanel.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 234px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#specialspanel{
	float: left;
	background-image: url(resource/panels/specialspanel.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 234px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#ratespanel{
	float: left;
	background-image: url(resource/panels/ratespanel.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 234px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#sleepapartpanel{
	float: left;
	background-image: url(resource/panels/sleepapartpanel.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 234px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#sleephotelpanel{
	float: left;
	background-image: url(resource/panels/sleephotelpanel.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 234px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#skipanel{
	float: left;
	background-image: url(resource/panels/skipanel.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 234px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#investpanel{
	float: left;
	background-image: url(resource/panels/investpanel.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 234px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#eatpanel{
	float: left;
	background-image: url(resource/panels/eatpanel.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 234px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#contactpanel{
	float: left;
	background-image: url(resource/panels/contactpanel.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 234px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}





/* Accomodation Nav*/	

#navrightcol{
float: left;
width: 234px;
height: 110px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0x;}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu1 {
	width: 234px;
	margin: 0px;
	border-style: none;
	border-size: 0px;
	border-width: 0px;
	}

#menu1 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #ffffff;
	display: block;
	background:  url(resource/images/menu1.gif);
	padding: 8px 0 0 20px;
	}
	
#menu1 li a:hover {
	color: #ff8500;
	background:  url(resource/images/menu1.gif) 0 -32px;
	padding: 8px 0 0 20px;
	}	



/* Template Layout */	

#templateintro{
	float: left;
	width: 725px;
	height: 258px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}
	
	#templateintrospecial{
	float: left;
	width: 725px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}


#footpic{
	float: left;
	width: 723px;
	background-color: #000000;
	height: 300px;
	border-style:solid;
	border-width: 1px;
	border-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#footpicpad{
	float: left;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0x;}

#twocolleft{
	float: left;
	width: 300px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0x;}

#twocolright{
	float: left;
	width: 340px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0x;}
	
	#rateouter{
	float: left;
	width: 100%;
	height: 85px;
	margin: 0;
	padding: 0;}
	
	#rateleft {
	float:left;
	width: 85px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;}

#rateright{
	float: left;
	width: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}



/* Form Layout*/	



#formouter{
	float: right;
	text-align: right;
	width: 380px;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0x;}

#formname{
	float: left;
	color: #FFFFFF;
	width: 300px;
	margin: 5px 0px 0px 0px;
	padding: 0px 7px 0px 0x;} 

#formemail{
	float: left;
	color: #FFFFFF;
	width: 250px;
	margin: 5px 0px 0px 0px;
	padding: 0px 7px 0px 0x;} 

#button{
	float: left;
	color: #FFFFFF;
	width: 68px;
	margin:  3px 0px 0px 5px;
	padding: 0px 0px 0px 0x;} 

 /*Foot Container Layout*/	

#contentsfoot {
	float: left;
	background-image: url(resource/bg/foot.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 100%; /* mandatory to be centered */
	height: 45px;

}

#centerallfoot {
     margin-left: auto;
     margin-right: auto;
     width: 970px; /* mandatory to be centered */
     }
	 
#footlinks{
	float: left;
	width: 970px;
	padding: 6px 0px 0px 0px;
	margin: 0px;
	color: #ffffff;
	font-size: 80%;
	text-align: right;}

#footcharles{
	float: left;
	width: 700px;
	padding: 12px 0px 6px 0px;
	margin: 0px;
	color: #cccccc;
	font-size: 70%;
	text-align: left;}

#footarc{
	float: left;
	width: 270px;
	padding: 12px 0px 6px 0px;
	margin: 0px;
	color: #cccccc;
	font-size: 80%;
	text-align: right;}




/*Headers*/	

div.maincontent h2
{
font-size: 1.8em;
color: #ffffff;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
		 
	 h1 {
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	 
	
	   h3 {
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	 
	
	  h4 {
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	

/* Text*/

.pagetitle {
	font-size: 140%;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;}
	
.introcopy {
	font-size: 90%;
	line-height:140%;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;}
	
	.bodycopy {
	font-size: 90%;
	line-height:140%;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 10px 15px 0px;
	margin: 0px 0px 0px 0px;}
	
	.smallprinttitle {
	clear: both;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	padding: 20px 10px 10px 0px;
	margin: 0px 0px 0px 0px;}
	
		.smallprint {
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 50px 5px 0px;
	margin: 0px 0px 0px 0px;}
	
	.bodycopybold {
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	}
	
	
		.calltoaction {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;}
	
		a.calltoaction {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}

	a.calltoaction {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}

	.pdftitle {
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 0px 8px 0px;
	margin: 10px 0px 0px 0px;}

	a.pdftitle {
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
	}
	
	.pdfcopy {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 0px;}
	
	a.pdfdownload {
	font-size: 80%;
	font-weight: normal;
	text-decoration: underline;
	color: #ff8500;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 0px;}

	.contactnames {
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;}
	
	.oishititle {
	font-size: 140%;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;}
	
	.oishisub {
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;}
	
	.oishisub a {
	color: #ffffff;
	display: inline;
	background:  url(resource/images/menu1.gif) no-repeat;
	padding: 5px 0 0 20px;
	text-decoration:none;
	}
	
	.oishisub a:hover {
	color: #ff8500;
	text-decoration:none;
	}
	
	.contactcopy {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 0px;}
	
	a.contactcopy {
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
	color: #ff8500;
	}

.signuptext {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
	
a:hover.signuptext {
	font-weight: normal;
	text-decoration: underline;
	color: #ffffff;
}

.footlinktext {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 0px;}
	
a.footlinktext {
	text-decoration: underline;
	color: #ffffff;
}

.panelstrap {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	padding: 80px 8px 10px 12px;
	margin: 0px 0px 0px 0px;}
	
	
	.panelpoint {
	font-size: 90%;
	font-weight: regular;
	text-decoration: none;
	color: #ffffff;
	background-image: url(resource/panels/panelarrow.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 8px 10px 20px;
	margin: 0px 0px 0px 10px;}
	
	.offerstrap {
	font-size: 150%;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	padding: 8px 20px 15px 20px;
	margin: 0px 0px 0px 0px;}
	
	.offercall {
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	padding: 5px 20px 5px 20px;
	margin: 0px 0px 0px 0px;}
	
	.offertext {
	font-size: 90%;
	font-weight: regular;
	text-decoration: none;
	color: #ffffff;
	background-image: url(resource/panels/panelarrow.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 0px 10px 20px;
	margin: 3px 20px 0px 20px;}