@charset "utf-8";
body  {font: 0.9em  "Century Gothic", Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 0;text-align: center;color: #666;background-color: #fff;}
h1, h2, h3 {margin: 0 0 5px 0;font-size: 1.4em;color:#00ccff;font-weight: normal;text-decoration:none;}
h2, h3{font-size: 1.2em; margin-top:10px;}
p {margin-top:5px; font-size:1.1em;}
a img {border:none;}
a {text-decoration:none;color:#00ccff;}
a:hover {text-decoration:underline;}
li {list-style-position: inside;list-style-type: circle;}
ul {margin:0; padding:0;}

#container {position: relative; width: 100%;  max-width: 1600px;  margin: 0 auto;  padding: 0 20px;  box-sizing: border-box; text-align: justify; font-size: 0.9em;} 
#header {width:100%;}
#header .logo{width:20%; height:auto; float:left; position:absolute; top:49px; z-index:1000;}
#header .logo img{width:100%; height:auto; max-width:220px; -webkit-box-shadow: 5px 5px 5px #333; -moz-box-shadow: 5px 5px 5px #333; box-shadow: 5px 5px 5px #333; behavior: url(/PIE.htc);}

.videos iframe {padding: 10px;}


#banner {width:100%; margin-bottom:30px;}
#banner img {width:100%; height:auto;}
#content {border-top: 1px dotted #ccc;}
.div40{ width:100%; float:none;  margin:2rem 0;}
td.alignLeft {width:90%; padding:0 4%; display:block}
table#reservations{width:90% !important; margin:auto}
table#reservations td {width:100% !important; display:block;}
@media (min-width: 400px) {
  #container {width: 96%; padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 768px) {
  #container {width: 96%; }
  .column:first-child,  .columns:first-child { margin-left: 0; }

#leftSidebar {width: 65.3333333333%; float: left; box-sizing: border-box; }
#rightSidebar {width: 30.6666666667%; float: left;  margin-left:4%;  box-sizing: border-box; }
.div40{ width:40%; float:left; margin:0 5%}
td.alignLeft {width:30%; padding:0 1%; display: table-cell;}
table#reservations td{width:48% !important; margin:0 1% !important; display:table-cell;}

} 



#footer {width:90%; margin-top:10px; padding: 10px 0;text-align:right;border-top:2px #fff solid; font-size:0.9em;} 
#footer p a {color:#9BC5B1; font-size:11px; text-align:right;}
#footer p a:hover {text-decoration:none;color:#666;}
table tr td{text-align: center;}
table tr td.alignLeft,#reservations tr td.alignLeft{text-align:left;}
#reservations tr td{text-align:right;}

#eot{width:100%; margin:5px auto; padding:2px 0; background-color:#000000; opacity:0.4; color:#fff; font-size:12px; text-align:center;}

.clearBoth{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.alignLeft{text-align:left;}
.topLine {border-top: 1px dotted #ccc; margin:10px 0; width:100%;}
.padding10 {padding:10px;}
.bgGreen { background-color:#00ccff; color:#fff; padding:2px 0; margin:0; width:100%; text-align:center;}


#slideshow img { display: none }
#slideshow img.first { display: block }
.cycle-pager span.cycle-pager-active {color:#00ccff;}
.cycle-pager span{cursor:pointer; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:50px; height:16px; width:16px;}
.cycle-pager {text-align:center; margin-top:-15px;}


/*-------------languages------------*/
.languages {position:static; margin:1rem 1rem 0 0; text-align:right;}

/* -----------------------------Logo---------------------------------------  */
.logo{width:100%; text-align:center; margin-top:1rem;}
.logo img {width:50%; max-width:150px; }

/*-------------menu------------*/
.menu li { list-style:none;}

.menu {width:100%; background: #00ccff; color:#fff; z-index:999999; position:relative; margin-top:1rem; letter-spacing:1px;}
.menu nav {max-width:1600px !important; margin:auto; padding:0;}
.pgwMenu {height: 40px; position: relative; list-style: none;}
.pgwMenu ul {list-style: none; white-space: nowrap; margin: 0; padding: 0;}
.pgwMenu .pm-links.mobile,
.pgwMenu .pm-viewMore > ul {background: #00ccff; box-shadow: 2px 2px 4px #777; position: absolute; left: 0; top: 100%; z-index: 1000;}
.pgwMenu .pm-links.mobile li,
.pgwMenu .pm-viewMore > ul > li {display: block; clear: both; width: 175px;}
.pgwMenu li {float: left; font-size:1rem;}
.pgwMenu a{display: block; color: #fff; line-height: 40px; padding: 0 12px; text-decoration: none;}
.pgwMenu li.active a{background: #F7F7F7; color:#00ccff}
.pgwMenu li a:hover{background: #fff; text-decoration: none; color:#00ccff}
.pgwMenu .pm-dropDown,
.pgwMenu .pm-viewMore,
.pgwMenu .pm-viewMore > ul {display: none;}
.pgwMenu .pm-dropDown a {display: inline-block; background: #00ccff;}
.pgwMenu .pm-dropDown a.active,
.pgwMenu .pm-viewMore a.active {background: #00ccff;}
.pgwMenu.light .pm-dropDown a {background: #00ccff;}
.pgwMenu.light .pm-dropDown a.active {background: #00ccff;}
.pgwMenu .pm-dropDown span.icon,
.pgwMenu .pm-dropDown span.white {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABKSURBVEhL7ZOxDQAwCMN6O4/T0tmjsxHJDB4yROJ0dz3s1BRHEi2OTREBpQFKA5QGKA3m7IP8RKeIgNIApQFKA5QGc/ZBfkJTdF0oUafLBAFNbAAAAABJRU5ErkJggg==) no-repeat; display: block; height: 22px; width: 22px; margin: 9px 5px;}
.pgwMenu.light .pm-dropDown span.icon,
.pgwMenu .pm-dropDown span.black {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvgAADr4B6kKxwAAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABpSURBVEhL7ZPLCcAwDEM9jefI/ks1Hyj2QbiGSLcKHggl8sEktjTc/WGyZxo6YKAbrFzFoav3/hdhmsrlijBN5XJFmKZyuSJMU7lcsfV/kIN0FRJgyACGDGDIAIYMpK8CHt6iG6xZhY0JIJ+6AHGbUFsAAAAASUVORK5CYII=) no-repeat; display: block; height: 22px; width: 22px; margin: 9px 5px;}
.pgwMenu .pm-viewMore {display: none; position: relative;}
.pgwMenu .pm-viewMore > a {display: inline-block;}
.pgwMenu .pm-viewMore > ul {left: auto; right: 0;}
.pgwMenu .pm-viewMore li {float: none;}
.pgwMenu .pm-viewMore span.icon,
.pgwMenu .pm-viewMore span.white {border-color: #fff transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block;}
.pgwMenu.light  .pm-viewMore span.icon,
.pgwMenu .pm-viewMore span.black {border-color: #000 transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block;}



/*#menu{width:100%; height:22px; text-align:center; margin-bottom:10px; border-bottom:1px dotted #999;}
#menu li{ display:inline; padding:2px 25px; list-style:none;background-color: #00ccff; -webkit-box-shadow: 3px 3px 5px #ccc; -moz-box-shadow: 3px 3px 5px #ccc; box-shadow: 3px 3px 5px #ccc; behavior: url(/PIE.htc);}
#menu li a{color:#fff;}
#menu li a:hover, #menu li.active{color:#6f6f6f; text-decoration:none;}*/