@charset "utf-8";
/* CSS Document */
body{font-family: 'Open Sans', sans-serif; font-size:13px; margin:0px; background:url(../images/bg.jpg) repeat-x #fff;}
img{border:0px;}
a{text-decoration:none; color:#000;}
p, ul, li, h1, h2, h3, h4, h5, h6, input, select, textarea{padding:0px; margin:0px; list-style:none; font-weight:normal;}
div{display:block;}

/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */

.nav-collapse ul{margin:0; padding:0 0px 0px 0px; width:100%; display:block;}
.nav-collapse li{width:100%; display:block; }
.js .nav-collapse{max-height:0; position:absolute; display:block; overflow:hidden; zoom:1; background:#fff;}
.nav-collapse.opened{max-height:9999px;}
.disable-pointer-events{pointer-events:none!important;}
.nav-toggle{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;}

@media screen and (min-width:65em){
.js .nav-collapse{position:relative;}
.js .nav-collapse.closed{max-height:none;}
.nav-toggle{display:none;}
.nav-collapse ul{padding-right:120px;}
}

/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */
header{position:fixed; z-index:1000; width:100%; left:0; top:0; border-bottom:1px solid #c9c9c9; background:#fff; height:75px;}
.logo{padding:6px 20px; color:#fff; float:left; margin:0px;}

/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed{position:fixed; width:100%; left:0; top:0;}
.nav-collapse, .nav-collapse *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.nav-collapse, .nav-collapse ul{list-style:none; width:100%; float:left;}

@media screen and (min-width: 65em){
.nav-collapse{float:right; width:auto;}
}

.nav-collapse li{float:left; width:100%;}

@media screen and (min-width: 65em){
.nav-collapse li{width:auto;}
}

.nav-collapse a{-webkit-tap-highlight-color: rgba(0,0,0,0); text-decoration:none; padding:0.7em 7px; color:#fff; width: 100%; float:left; font-weight:bold; color:#000;}
.nav-collapse a:hover{background:#ED8E00; color:#fff;}

.nav-collapse a:active, .nav-collapse .active a {background:#ED8E00; color:#fff;}

@media screen and (min-width: 40em){
.nav-collapse a{border-left: 1px solid white; padding:28px 1em; text-align:center; border-top:0; float:left; margin:0;}
}

.nav-collapse ul ul a {background:#ca3716; padding-left:2em;}

@media screen and (min-width: 40em) {
.nav-collapse ul ul a {display: none;}
}

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */
@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle{-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-decoration:none; text-indent:-300px; position:relative; overflow:hidden; width: 60px; height:55px; float:right; top:0px;}

.nav-toggle:before{color: #000; /* Edit this to change the icon color */
font: normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
text-transform: none; text-align:center; position:absolute; content: "\2261"; /* Hamburger icon */
text-indent:0; speak:none; width:100%; left:0; top:0;}

.nav-toggle.active:before{font-size:24px; content: "\78"; /* Close icon */}

.booknow{background:#ED8E00; padding:2.16em 1.5em; position:absolute; right:0px; font-weight:bold;}
.booknow a{color:#fff;}

.flashdiv{width:100%; height:auto; margin:auto; overflow:hidden; position:relative; text-align:center;  padding-top:75px;}

.innerdiv{width:100%; height:auto; margin:auto; overflow:hidden; position:relative; text-align:center;  padding-top:75px;}


.wrapper{width:1240px; margin:auto; overflow:hidden;}
.wrappad{padding-top:30px;}

.webcontent h1{font-size:42px; font-family:Georgia, "Times New Roman", Times, serif;}
.webcontent p{font-size:14px; line-height:24px; color:#141414; margin-top:10px; font-family:Arial, Helvetica, sans-serif;}
.webcontent ul{margin-left:20px;}
.webcontent li{list-style:inside;}
.webcontent h2{font-weight:bold;}

.webcontent fieldset{margin-top:20px; border:1px solid #C7C7C7; padding:10px 15px;}
.webcontent fieldset img{float:right;}
.webcontent legend{font-size:22px; padding:10px; font-family:Georgia, "Times New Roman", Times, serif;}

.nav{height:75px; display:block; text-align:right; line-height:75px;}
.nav li{display:inline-block; padding:0px 20px; margin:0px 10px;}


.hading{font-size:24px; font-weight:bold; color:#c33525; border-bottom:1px solid #c6c6c6; padding-bottom:10px; margin-bottom:20px; font-weight:bold;}
.hading span{color:#0076e3;}


.attraction{width:261px; height:362px; float:left; background:#F8F8F8; padding:10px; margin:0px 14px;}
.attraction h2{text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;}
.attraction img{margin:10px 0px;}
.attraction p{line-height:24px;}
.attraction a{font-weight:bold; color:#ED8E00; text-decoration:underline;}

.footer{background:#212121; width:100%; margin-top:30px;}
.foot1{background:#212121; width:1220px; margin:auto; padding:25px 0px; overflow:hidden;}

.colm1{width:400px; float:left;}
.colm1 h2{font-size:15px; color:#fff; font-weight:bold; margin-bottom:15px;}
.colm1 li{width:200px; float:left; font-size:13px; color:#a9a9a9; line-height:25px;}
.colm1 li a{color:#a9a9a9;}
.colm1 li a:hover{color:#fff;}

.colmargin{margin:0px 50px;}

.colm2{width:320px; float:right; font-size:13px; color:#a9a9a9; line-height:25px; text-align:right;}
.colm2 a{color:#a9a9a9;}
.colm2 a:hover{color:#fff;}




.productin{width:200px; height:250px; background:#fff; margin-left:18px; margin-bottom:15px; padding:4px; float:left; border:1px solid #000000; position:relative; }
.productimgin{width:200px; height:200px; background:#fff; text-align:center; padding-top:15px; border:0px solid #eee;}
.productname{font-size:13px; font-weight:bold; margin:5px 0px; color:#000; text-align:center;}
.productin:hover img{ max-height:200px !important; max-width:200px !important;}


.makereservation{width:280px; height:43px; line-height:43px; font-size:16px; margin:20px auto  0px auto; background:#F94849; border-radius:5px; text-align:center;}
.makereservation a{color:#fff; display:block;}

.number1{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:center; border:0px solid;}

.pagin {
padding: 2px 0;
margin: 0;
font-size:12px;
}
.pagin * {
padding: 2px 6px;
margin: 0;
}
.pagin a {
	border: solid 1px #BB002B;
	color:#BB002B;
	text-decoration:none;
	padding:2px 8px;
	
}
.pagin a:visited {
	color:#BB002B;
	text-decoration:none;
	padding:2px 8px;
	
}
.pagin a:hover, .pagin a:active {
background:#BB002B;
color:#fff;
border: solid 1px #BB002B;
}
.pagin span {
cursor: default;
border: solid 1px #ddd;
background-color: #eee;
color: #aaa;
}
.pagin span.current {
background:#BB002B;
border: solid 1px #fff;
color:#fff;
padding:2px 8px;
height:15px;
line-height:15px;
}

/******** Photo Gallery *******/
.demo-gallery > ul{margin-bottom:0; padding:0px;}
.demo-gallery > ul > li {list-style:none; float: left; margin-bottom:15px; margin-right:16px; width:228px; padding:0px;}
.demo-gallery > ul > li a {border:4px solid #383838; border-radius:3px; display:block; overflow:hidden; position:relative; float:left; width:220px; height:147px;}
.demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
			
.videodiv{float:right; margin:0px 0px 20px 20px;}

.townimg{float:right;}

.virtualdiv{width:300px; height:250px; float:left; margin:20px 56px; text-align:center;}
.virtualdiv p{margin-top:10px; font-size:14px; font-weight:bold; text-transform:uppercase;}
.virtualdiv a:hover{text-decoration:underline;}



@media screen and (min-width:320px) {
.foot1{width:99%; overflow:hidden;}
.colm1{width:100%; float:none;  overflow:hidden;}
.colm1 li{width:100%; float:left;}
.colmargin{margin:20px 0px;}
.colm2{width:100%;text-align:center; margin-top:20px;}
.wrapper{width:98%;}
.attraction{width:261px; height:362px; float:none; padding:10px; margin:15px auto;}

.webcontent fieldset img{width:100%;}
.booknow{right:50px;}

.videodiv{float:none; margin:20px auto; width:280px;}
.unit img{width:100%;}

.webcontent h1{font-size:32px; font-family:Georgia, "Times New Roman", Times, serif;}
.virtualdiv{float:none; margin:20px auto;}

}

@media screen and (min-width:480px) {
.colm1{width:50%; float:left;  overflow:hidden;}
}

@media screen and (min-width:640px) {
.attraction{width:261px; height:362px; float:left; padding:10px; margin:15px 15px;}
.webcontent fieldset img{width:auto; margin:0px 0px 10px 10px;}

.unit img{width:auto;}
}


@media screen and (min-width:768px) {
.attraction{margin:15px 47px;}
.demo-gallery > ul > li {margin-right:11px;}
.videodiv{float:right; margin:0px 0px 20px 20px;}
}

@media screen and (min-width:1024px) {
.colm1{width:300px; float:left;}
.colm2{width:320px; float:right; text-align:right;}
.attraction{margin:15px 105px;}
.webcontent h1{font-size:42px; font-family:Georgia, "Times New Roman", Times, serif;}

.virtualdiv{float:left; margin:20px 17px;}
}

@media screen and (min-width:1280px) {
.wrapper{width:1240px;}
.foot1{width:1220px;}
.colm1{width:400px; float:left;}
.colm1 li{width:200px;}
.colmargin{margin:0px 50px;}
.attraction{margin:0px 14px;}
.demo-gallery > ul > li {margin-right:16px;}
.booknow{right:0px;}
.virtualdiv{margin:20px 56px;}
}