/* BASIC RESET */



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;background: transparent;}

	

body {line-height: 1;}



ol, ul {list-style: none;}



blockquote, q {quotes: none;}



blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}



:focus {outline: 0;}



ins {text-decoration: none;}



del {text-decoration: line-through;}



table {border-collapse: collapse;border-spacing: 0;}



/* HTML ELEMENTS */

body { background-color:#eee; font:62.5% calibri,verdana,serif; letter-spacing:1; }



/* COMMON CLASSES */

.break { clear:both; }



/* COMMON LINKS */

a {text-decoration:none; color:#900;}

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






/* HEADER */

#header { height:600px; width:60%;}

.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; }



/* NAVIGATION */

#nav-outer { height:100px; padding-top:11px; position:relative; top:24px; background-image:url("../images/headerbg.png");}

#navigation { height:100px; width:1000px; margin:0 auto; background-image:url("../images/logo.png"); background-position:top left; background-repeat:no-repeat; }



/* SEARCH */

#search { background-color:#051733; float:right; width:230px; padding:10px; }

#searchtxt { padding:3px; width:150px; }

#searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; cursor:pointer;}

.searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; cursor:pointer;}

.searchbtn:hover{ border:1px solid #eee; background-color:#61b308 !important; color:#eee; padding:3px; margin-left:5px; cursor:pointer;}



/* MENU */

#menu { position:relative; top:24px; width:100%; padding:5px 0; float:left; background:url(../images/headerbg.png); border-bottom:solid 1px #fff; }

#menu ul { list-style:none; }

#menu ul li { display:inline; font-variant:small-caps; font-size:14px; }

#menu ul li a { color:#fff; text-decoration:none; font-weight:bold; padding:5px 10px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s;}

#menu ul li a:hover { text-decoration:none; color:#000;  transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; background-color:#fff;}

#menu ul li a.selected { text-decoration:none; color:#000;  transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; background-color:#fff;}



/* HEADER TEXT */

#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:274px; }

#firstline { background-image:url("../images/textbg.png"); color:#333; font-size:40px; padding:4px 13px 7px; float:left; display:block; }

#secondline { background-image:url("../images/textbg.png"); color:#CD2B3A; text-decoration:none; font-size:60px; padding:0 13px 10px; float:left; display:block; clear:both; }

#secondline:hover { text-decoration:underline; color:#7F000C; }



.pictured { /*background-color:#CC3333; color:#FFF;*/ font-size:0px;/* padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; */}

/*.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }

.pictured a:hover { text-decoration:underline; }*/



/* CONTROLS */

.btn { height:32px; width:32px; float:left; cursor:pointer; }

#back { background-image:url("../images/btn_back.png"); }

#next { background-image:url("../images/btn_next.png"); }

#control { background-image:url("../images/btn_pause.png"); }



/* HEADER HAVIGATION */

#headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; }

#headernav { padding-left:864px; }



/* CONTENT */

#content { color:#575757; background-color:#eee; width:1000px; margin:0 auto; padding:0;}



#contenttop {margin:10px; float:left; width:940px; padding:20px; background:url(../images/welcome-bg.jpg) no-repeat right top #fff; font:16px calibri,'Times New Roman',serif; line-height:22px; -moz-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000; border-top:2px solid #ef5c28;}

#contenttop h1{font-family: calibri,'Times New Roman',serif; font-size:32px; color:#c40000; margin-bottom:15px; text-align:center; text-shadow:1px 1px 0px #000;}

#contenttop p{padding:5px 0px;}

#contenttop p b{color:#006699; font-weight:bold;}

#contenttop div{width:940px; float:left;}

#contenttop div img {margin:0 10px;  -moz-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000; border:2px solid #ef5c28;}



#contentbottom {margin:0 0px 10px 10px; float:left; width:980px;}



.contbotinner {width:176px; margin:0 10px; float:left;}

.contbotinner h1{background:#ffb400 url(../images/paper-corner.jpg) no-repeat right top; padding:5px 10px; font-family:calibri,'Times New Roman',serif; font-size:16px; font-weight:bold; color:#000;}

.contbotinner h1 a{text-decoration:none; color:#000;}

.contbotinner h1 a:hover{text-decoration:none; color:#c40000;}

.contbotinner p{ border-top:2px solid #ef5c28; padding-bottom:10px; width:176px; float:left;}

.contbotinner img{ -moz-box-shadow:0px 8px 8px -5px #000; box-shadow:0px 8px 8px -5px #000;}

.contbotinner div{width:156px; float:left; background:url(../images/bg2.jpg) repeat-x left top; padding:10px; border-top:solid 2px #0060a3; font:14px calibri,'Times New Roman',serif; text-align:justify; line-height:22px; color:#000; min-height:200px;}

.contbotinner ul{width:176px; float:left;}

.contbotinner li{text-align:center; font:14px Arial, Helvetica, sans-serif;}

.contbotinner li a{background:url(../images/read-bg.jpg) repeat-x left top; text-decoration:none; color:#fff; display:block; padding:12px 0;}

.contbotinner li a:hover{background:url(../images/read-bg.jpg) repeat-x left bottom; text-decoration:none; color:#000;}



.contbotinner2 {width:176px; margin:0 10px; float:left; overflow:hidden;}

.contbotinner2 h1{background:#ffb400 url(../images/paper-corner.jpg) no-repeat right top; padding:5px 10px; font-family:calibri,'Times New Roman',serif; font-size:16px; font-weight:bold; color:#000; border-bottom:2px solid #ef5c28;}

.contbotinner2 h1 a:hover{text-decoration:none; color:#c40000;}

.contbotinner2 h1 a{text-decoration:none; color:#000;}

.contbotinner2 img{ -moz-box-shadow:0px 8px 8px -5px #000; box-shadow:0px 8px 8px -5px #000; width:176px; float:left;}

/*.contbotinner2 div{width:156px; float:left; background:url(../images/bg2.jpg) repeat-x left top; padding:10px; border-top:solid 2px #0060a3; font:14px calibri,'Times New Roman',serif; text-align:justify; line-height:22px; color:#000; min-height:200px;}*/

.contbotinner2 ul{width:176px; float:left;}

.contbotinner2 li{text-align:center; font:14px Arial, Helvetica, sans-serif;}

.contbotinner2 li a{background:url(../images/read-bg.jpg) repeat-x left top; text-decoration:none; color:#fff; display:block; padding:12px 0;}

.contbotinner2 li a:hover{background:url(../images/read-bg.jpg) repeat-x left bottom; text-decoration:none; color:#000;}



.button {text-align:left; float:left; background:url(../images/headerbg.png); color:#fff; padding:2px 5px; margin-top:10px; text-decoration:none

   }

.button:hover {

   background: #28597a;

   color: #ccc;

}



		p { margin: 0 0 15px 0; }

		.sidebar-box { 

			width:156px; float:left; background:url(../images/bg2.jpg) repeat-x left top; padding:10px; border-top:solid 2px #0060a3; font:14px calibri,'Times New Roman',serif; text-align:justify; line-height:22px; color:#000; min-height:200px; margin-top:28px;

		}

		.sidebar-box {

			max-height: 120px;

			position: relative;

			overflow: hidden;

		}

		.sidebar-box .read-more { 

			position: absolute; 

			bottom: -30px; left: 0;

			width: 100%; 

			text-align: center; 

			margin: 0; 

			padding: 30px 0 30px 0; 

			

			/* "transparent" only works here because == rgba(0,0,0,0) 

			background-image: -moz-linear-gradient(top, transparent, black);

				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, black)); */

		}

		.gray {

			background-color: #444;

			background-color: rgb(89,89,89);

		}



#contentfoot {margin:10px; float:left; width:960px; padding:10px; background-color:#cbcbcb; font:16px calibri,'Times New Roman',serif; line-height:22px; -moz-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000; border-top:2px solid #787878;}



#footerbox {margin:10px; float:left; width:960px; padding:10px; border-top:1px solid #ccc; font:12px Arial, Helvetica, sans-serif; text-align:center;}

#footerbox a{text-decoration:none; color:#666;}

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



.footerinbox {width:300px; height:290px; padding:5px; float:left; margin-right:10px; background-color:#fff; border:solid 1px #bababa; -moz-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000;}



.toplinks {float:right;}

.toplinks ul{float:right; width:110px;}

.toplinks li{margin:5px;}

.toplinks li a{color:#FFFFFF; text-decoration:none;}

.toplinks li a:hover{color:#ff6600; text-decoration:none;}

.toplinks li.home {background:url(../images/home-icon.png) no-repeat left center; padding:10px 0 10px 35px; font:15px calibri,'Times New Roman',serif; font-variant:small-caps; }

.toplinks li.map {background:url(../images/map-icon.png) no-repeat left center; padding:10px 0 10px 35px; font:15px calibri,'Times New Roman',serif; font-variant:small-caps;}



.hepkimg {

	filter: none;

    -webkit-filter: grayscale(0);

}

.hepkimg:hover {

    filter: url(../images/filters.svg#grayscale); /* Firefox 3.5+ */

    filter: gray; /* IE6-9 */

    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */

}



/*************zoom********************/



/* This is the moving lens square underneath the mouse pointer. */

.cloud-zoom-lens {

	border: 4px solid #888;

	margin:-4px;	/* Set this to minus the border thickness. */

	background-color:#fff;	

	cursor:move;		

}



/* This is for the title text. */

.cloud-zoom-title {

	font-family:Arial, Helvetica, sans-serif;

	position:absolute !important;

	background-color:#000;

	color:#fff;

	padding:3px;

	width:100%;

	text-align:center;	

	font-weight:bold;

	font-size:10px;

	top:0px;

}



/* This is the zoom window. */

.cloud-zoom-big {

	border:4px solid #ccc;

	overflow:hidden;

	 -moz-box-shadow:0px 10px 10px #6b6b6b; box-shadow:0px 10px 10px #6b6b6b;

}



/* This is the loading message. */

.cloud-zoom-loading {

	color:white;	

	background:#222;

	padding:3px;

	border:1px solid #000;

}





#resortbox {margin:10px; float:left; width:980px; background:url(../images/resort-bg.jpg) no-repeat right top #fff; font:16px calibri,'Times New Roman',serif; line-height:22px; -moz-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000; border-top:2px solid #ef5c28;}



#vmenubox {width:220px; float:left; background:#ffe65e; min-height:200px; margin:10px; -moz-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000; border:2px solid #e3c836;}

#vmenubox ul{width:200px; padding:10px; float:left;}

#vmenubox li{width:200px; float:left;}

#vmenubox li a{padding:5px 0 5px 30px; width:170px; float:left; border-bottom:dashed 1px #fff3b1; font-family:calibri, "Times New Roman", Times, serif; font-size:14px; background:url(../images/fav.png) no-repeat 5px 5px; color:#000; text-decoration:none;  transition: 1s; -webkit-transition: 1s; -moz-transition: 1s;}

#vmenubox li a:hover{color:#900; text-decoration:none; background:url(../images/fav.png) no-repeat 5px 5px #fff9d6; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; display:block}



.galleryimgst {width:210px; height:158px; margin:10px; -moz-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000; border:2px solid #ef5c28;}

.galleryimgst:hover {width:210px; height:158px; margin:10px; -moz-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000; border:2px solid #a7a7a7;}



#gallerybox {margin:10px; float:left; width:940px; padding:20px; background:url(../images/welcome-bg.jpg) no-repeat right top #fff; font:16px calibri,'Times New Roman',serif; line-height:22px; -moz-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000; border-top:2px solid #ef5c28;}

#gallerybox h1{font-family: calibri,'Times New Roman',serif; font-size:32px; color:#c40000; margin-bottom:15px; text-align:center; text-shadow:1px 1px 0px #000;}

#gallerybox div{width:940px; float:left;}



#contactbox {margin:10px; float:left; width:940px; padding:20px; background:url(../images/welcome-bg.jpg) no-repeat right top #fff; font:16px calibri,'Times New Roman',serif; line-height:22px; -moz-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000; border-top:2px solid #ef5c28;}

#contactbox h1{font-family: calibri,'Times New Roman',serif; font-size:32px;  color:#900; margin-bottom:15px; text-align:center; text-shadow:1px 1px 0px #000;}

#contactbox h3{font-family: calibri,'Times New Roman',serif;  color:#900; margin-bottom:15px;}


#contactboxtxt {width:440px; padding:15px;  float:left; margin-right:20px; margin-top:20px; background:url(../images/p-fold.jpg) no-repeat right bottom;}



#quickcont {float:left; margin:10px 0 0 30px; background:url(../images/quick-cont.jpg) no-repeat left center; padding:0 0 0 60px; min-height:198px; width:220px;}

#quickcont ul{display:block;}

#quickcont li{float:left; margin:3px 0; display:block;}

#quickcont li p{padding:0; margin:0;}



.txtfld {width:200px;}



.red {font-family:Tahoma, Arial, Verdana; font-size:12px; font-weight:bold; color:#f00; width:226px; position:absolute; left:610px; top:974px; padding:5px;}

.green {font-family:Tahoma, Arial, Verdana; font-size:12px; font-weight:bold; color:#00CC00; width:226px; position:absolute; left:610px; top:974px; padding:5px;}



.button2 {background-color:#74b71e;  -moz-border-radius: 7px; border-radius: 7px; border:none; cursor:pointer; font:14px Calibri, Arial, Helvetica, sans-serif; color:#fff; padding:3px 8px;}

.button2:hover {background-color:#ff7a00;  -moz-border-radius: 7px; border-radius: 7px; border:none; cursor:pointer; font:14px Calibri, Arial, Helvetica, sans-serif; color:#000; padding:3px 8px;}



#resortboxinner {width:690px; padding:20px; float:left;}

#resortboxinner h1{font-family: calibri,'Times New Roman',serif; font-size:28px; color:#c40000; margin-bottom:15px; text-align:left; text-shadow:1px 1px 0px #000;}

#resortboxinner p{text-align:justify;}

#resortboxinner div{width:690px; float:left; margin-top:10px;}

#resortboxinner div img {margin:0 10px;  -moz-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000; border:2px solid #ef5c28; width:206px; height:155px; float:left;}

#resortboxinner div ul{}

#resortboxinner div li{background:url(../images/bullet.png) no-repeat 0px 9px; padding:4px 0 4px 18px;}



table {width:100%;  -moz-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000;}

th {background-color:#ffae00; padding:5px; color:#fff; border:solid 1px #fff;}

td {background-color:#ffef99; padding:5px; color:#000; border:solid 1px #fff;}

tr:hover{background-color:#fff8d0;}