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;
font-size: 100%;
vertical-align: baseline;
background: transparent;
-webkit-font-smoothing: antialiased; /*important, prevents font weight changes in Webkit browsers*/
}
body {
background: #ffffff url(/images-index/light_background.png) repeat;
color: #666666;
text-align: left;
font: 1em/1.4em Arial, Helvetica, sans-serif;
}
html, body {height: 100%;}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -100px;
margin-top:0;
}
.footer, .push {
min-height: 100px;
clear: both;
}
/* Skeleton V1.2 Copyright 2011, Dave Gamache www.getskeleton.com */
/* #Base 960 Grid
================================================== */
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row { margin-bottom: 20px; }
.rowHalf { margin-bottom: 10px;}
/* Nested Column Classes */
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
/* Base Grid */
.container .one.column,
.container .one.columns { width: 40px; }
.container .two.columns { width: 100px; }
.container .three.columns { width: 160px; }
.container .four.columns { width: 220px; }
.container .five.columns { width: 280px; }
.container .six.columns { width: 340px; }
.container .seven.columns { width: 400px; }
.container .eight.columns { width: 460px; }
.container .nine.columns { width: 520px; }
.container .ten.columns { width: 580px; }
.container .eleven.columns { width: 640px; }
.container .twelve.columns { width: 700px; }
.container .thirteen.columns { width: 760px; }
.container .fourteen.columns { width: 820px; }
.container .fifteen.columns { width: 880px; }
.container .sixteen.columns { width: 940px; }
.container .one-third.column { width: 300px; }
.container .two-thirds.column { width: 620px; }
.container .two-hundred.column { width: 200px; }
.container .four-hundred.column { width: 400px; }
/* Offsets */
.container .offset-by-one { padding-left: 60px; }
.container .offset-by-two { padding-left: 120px; }
.container .offset-by-three { padding-left: 180px; }
.container .offset-by-four { padding-left: 240px; }
.container .offset-by-five { padding-left: 300px; }
.container .offset-by-six { padding-left: 360px; }
.container .offset-by-seven { padding-left: 420px; }
.container .offset-by-eight { padding-left: 480px; }
.container .offset-by-nine { padding-left: 540px; }
.container .offset-by-ten { padding-left: 600px; }
.container .offset-by-eleven { padding-left: 660px; }
.container .offset-by-twelve { padding-left: 720px; }
.container .offset-by-thirteen { padding-left: 780px; }
.container .offset-by-fourteen { padding-left: 840px; }
.container .offset-by-fifteen { padding-left: 900px; }
.photo-gallery {
position: relative;
width: 960px;
margin: 15px auto;
}
.photo-gallery h2 { margin-bottom: 15px; text-align: center; }
.gallery-image {
float: left;
width: 300px;
height: 260px;
margin: 0 10px;
}
.gallery-image p { text-align: center; }
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { width: 768px; }
.container .column,
.container .columns { margin-left: 10px; margin-right: 10px; }
.column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
.alpha.omega { margin-left: 0; margin-right: 0; }
.container .one.column,
.container .one.columns { width: 28px; }
.container .two.columns { width: 76px; }
.container .three.columns { width: 124px; }
.container .four.columns { width: 172px; }
.container .five.columns { width: 220px; }
.container .six.columns { width: 268px; }
.container .seven.columns { width: 316px; }
.container .eight.columns { width: 364px; }
.container .nine.columns { width: 412px; }
.container .ten.columns { width: 460px; }
.container .eleven.columns { width: 508px; }
.container .twelve.columns { width: 556px; }
.container .thirteen.columns { width: 604px; }
.container .fourteen.columns { width: 652px; }
.container .fifteen.columns { width: 700px; }
.container .sixteen.columns { width: 748px; }
.container .one-third.column { width: 236px; }
.container .two-thirds.column { width: 492px; }
.container .two-hundred.column { width: 157px; }
.container .four-hundred.column { width: 315px; }
/* Offsets */
.container .offset-by-one { padding-left: 48px; }
.container .offset-by-two { padding-left: 96px; }
.container .offset-by-three { padding-left: 144px; }
.container .offset-by-four { padding-left: 192px; }
.container .offset-by-five { padding-left: 240px; }
.container .offset-by-six { padding-left: 288px; }
.container .offset-by-seven { padding-left: 336px; }
.container .offset-by-eight { padding-left: 384px; }
.container .offset-by-nine { padding-left: 432px; }
.container .offset-by-ten { padding-left: 480px; }
.container .offset-by-eleven { padding-left: 528px; }
.container .offset-by-twelve { padding-left: 576px; }
.container .offset-by-thirteen { padding-left: 624px; }
.container .offset-by-fourteen { padding-left: 672px; }
.container .offset-by-fifteen { padding-left: 720px; }
.photo-gallery { width: 640px; }
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column,
.container .two-hundred.column,
.container .four-hundred.column { width: 300px; }
/* Offsets */
.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
.photo-gallery { width: 320px; }
.gallery-image { margin: 0; }
#cboxWrapper { padding-top: 15px; }
#cboxTitle, #cboxCurrent { font-size: .9em; }
#cboxCurrent { top: -38px !important; font-size: .9em; }
#cboxSlideshow { top: -35px !important; left: 0; }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column,
.container .two-hundred.column,
.container .four-hundred.column { width: 420px; }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; }
/* You can also use a
to clear columns */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* # Layout
======================================================================================================= */
.hotelList .seven img {border:1px #666 solid;}
.hotelList .row {margin:40px 0;}
.pageContent {margin-top:20px;}
.hotelRow {
margin:20px 0;
padding:10px 0 15px 0;
border-bottom:#999 1px solid;
}
/*Contact Page
---------------------------------------------------------- */
.inquiries {background:#fff; padding:20px 10px;
box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
margin:0;
z-index:100;
}
.shadow {
box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
}
/* Top Menu Bar
---------------------------------------------------------- */
#topMenu {
position:relative;
width: 100%;
background: #122843 url(/images-index/dark_background.png) repeat;
z-index: 999;
box-shadow: 0px 8px 6px 0px rgba(0, 0, 0, 0.6);
margin: 0 ;
}
.pageContent #topMenu {
box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.3);
}
#topMenu img {margin:15px 0;}
/*.menuSpacer {height:50px; width:100%; float:left;}
*/
ul#mainMenu {
position: relative;
float: left;
width: 100%;
font: normal 14px/normal 'Arimo', Arial, Helvetica, sans-serif;
letter-spacing: .02em;
padding: 0;
margin: 0 0 0 0;
list-style: none;
text-transform: uppercase;
z-index:999;
border-top:#2f5b89 1px solid;
}
/* ul#mainMenu li {
position: relative;
float:left;
margin:0;
padding:0;
} */
ul#mainMenu a {
display:block;
padding:10px 30px 0 30px;
height: 27px;
}
ul#mainMenu a:link, ul#mainMenu a:visited {
color:#ffffff;
text-decoration: none;
}
ul#mainMenu>li:hover, ul#mainMenu a:hover, ul#mainMenu a:active {
color:#e7d372;
text-decoration: none;
background:#254a74;
}
ul#mainMenu div {
display: none;
}
/* ul#mainMenu li div.subMenu {
width: 14em;
position: absolute;
top: 37px;
left: 0em;
background:#254a74;
padding:0 0 4px 0;
margin:0;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
z-index:999;
} */
ul#mainMenu li div.subMenu ul {
float: none;
padding:6px;
margin:0;
}
ul#mainMenu li div.subMenu ul li {
float: none;
list-style: none;
position: relative;
border:none;
padding:3px;
margin:0;
}
ul#mainMenu li div.subMenu ul li a {
border:none;
padding:0 0 0 10px;
margin:0;
height:auto;
}
ul#mainMenu li div.subMenu ul li a:link, ul#mainMenu li div.subMenu ul li a:visited {
color:#ffffff;
text-decoration: none;
}
ul#mainMenu li div.subMenu ul li a:hover, ul#mainMenu li div.subMenu ul li a:active {
color:#e7d372;
text-decoration: none;
background:none;
}
li.spacer {
border-bottom: #ffffff 1px solid;
height: 1px;
padding: 0;
display: block;
margin: 0px;
}
ul#mobileMenu {
width:90%;
margin:10px 5% 15px 5%;
text-align:left;
clear:both;
}
ul#mobileMenu li {
margin:0;
padding:0;
list-style:none;
}
ul#mobileMenu a {
display:block;
margin:0 0 1px 0;
padding:6px 5%;
width:100%; box-sizing: border-box;
}
ul#mobileMenu a.submenu {
padding-left:15%;
width:100%; box-sizing: border-box;
}
ul#mobileMenu a:link, ul#mobileMenu a:visited {
color:#ffffff;
text-decoration: none;
background:#21446d;
}
ul#mobileMenu a:hover, ul#mobileMenu a:active {
color:#e7d372;
text-decoration: none;
background:#254a74;
}
/* a#mobileMenuTrigger {
margin:10px 0;
width:100%;
float:right;
text-align:right;
clear:both;
}
a#mobileMenuTrigger:link, a#mobileMenuTrigger:visited {
color:#ffffff;
text-decoration: none;
}
a#mobileMenuTrigger:hover, a#mobileMenuTrigger:active {
color:#e7d372;
text-decoration: none;
} */
/* News Block
---------------------------------------------------------- */
aside article {margin-bottom:15px;
padding-bottom:5px;
border-bottom:#999 1px dotted;
float:left;
width:100%
}
aside article h4 {margin-top:0;}
/* Footer
---------------------------------------------------------- */
.footer {
background: #122843 url(/images-index/dark_background.png) repeat;
margin-top:20px;
padding:15px 0;
box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, .3);
color:#3a5779;
display:block;
}
.addressLine {
text-align:right;
color:#fff;
font-size:85%;
}
.footer ul {
font: normal 100%/normal 'Arimo', Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.footer ul li {margin-bottom:4px;}
.footer a:link, .footer a:visited {color: #ffffff; text-decoration: none;}
.footer a:hover, .footer a:focus, .footer a:active { color: #e7d372; text-decoration: none; }
.addressLine a:link, .addressLine a:visited {color: #fff; text-decoration: none;}
.addressLine a:hover, .addressLine a:focus, .addressLine a:active { color: #e7d372; text-decoration: none; }
/* Text
---------------------------------------------------------- */
p {margin: 0 0 .6em 0;}
h1, h2, h3, h4, h5, h6 {
font-family: 'Arimo', Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:normal;
color:#0e2e5a;
}
h1,.h1 {
font-size:250%;
text-align:left;
margin: 15px 5px 15px 0;
letter-spacing: -.02em;
}
.borderBottom {
padding-bottom:4px;
border-bottom:#0e2e5a 1px dotted;
}
h2,.h2 {margin: 12px 0 6px 0; font-size: 190%;
letter-spacing: -.024em;
}
h3,.h3 {margin: 18px 0 2px 0; font-size: 160%;
letter-spacing: -.01em;
}
h4,.h4 {margin: 14px 0 2px 0; font-size: 130%;
font-weight:normal;
}
h5,.h5, h6,.h6 { margin: 6px 0 2px 0;
font-weight:bold;
font-size: 100%;
}
.quote {
font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, Arial, Helvetica, sans-serif;
font-style: italic;
line-height: 1.4em;
text-align: center;
font-weight: normal;
margin: 10px 5%;
width: 90%;
}
.smallText {
font-size: 11px;
margin:2px 0 2px 0;
line-height:normal;
}
.smaller {font-size:85%;}
.boldText {
font-size: 110%;
font-weight:bold;
color:#0066b3;
}
.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.noMargin {margin:0;}
.noMarginTop {margin-top:0;}
sup {font-size:50%;vertical-align: super;}
/* Blockquotes */
blockquote { margin: 0 0 20px; padding: 4px 20px 0 19px; border-left: 1px solid #0e2e5a; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5 {margin-top:0;}
ul, ol {
margin-top: 0;
margin-bottom: 6px;
margin-left: 1.5em;
line-height:normal;
}
ul {list-style:square}
ul.plainList {list-style:none;margin-left:0;}
ul.plainList li {
list-style:none;
padding-left:0;
margin:5px 0 5px 0;
}
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
.col-2 {
column-count:2;
-moz-column-count:2;
-webkit-column-count:2;
column-gap:20px;
-moz-column-gap:20px;
-webkit-column-gap:20px;
}
/* Images
------------------------------------------------------- */
.photoRight {
float:right;
margin:6px 0 6px 15px;
}
.photoLeft {
float:left;
margin:6px 15px 6px 0;
}
.editor img, img.scale-with-grid {
max-width: 100%;
height: auto; }
img.logoStrip {
max-width: 100%;
height: auto;
margin:40px 0 20px 0;}
.flexLogos {
display: flex;
align-content: center;
width: 100%;
}
.flexLogos div {
flex-grow: 1;
align-self: center;
text-align: center;
}
/* Links
--------------------------------------------------------- */
a:link, a:visited, .sponsorInfo a:link, .sponsorInfo a:visited {color: #860505; text-decoration: none;}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {color: #122843; text-decoration: none;}
a:hover, a:focus, a:active { color: #d70202; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #d70202; text-decoration: none; }
a.logolink {
display:block;
margin:10px 0 5px 0;
transition:all .3s;
}
a.logolink:link, a.logolink:visited { opacity:1;}
a.logolink:hover, a.logolink:active { opacity:.75;}
/*
a.contactlink {
display:block;
float: right;
width: auto;
font: normal 100%/normal 'Arimo', Arial, Helvetica, sans-serif;
letter-spacing: .02em;
padding:10px 20px 0 20px;
height: 27px;
margin: 0 0 0 0;
list-style: none;
text-transform: uppercase;
transition:all .3s;
}
a.contactlink:link, a.contactlink:visited { color:#ffffff; text-decoration: none;}
a.contactlink:hover, a.contactlink:active { color:#e7d372; text-decoration: none; background:#254a74;}
*/
p a:hover {text-decoration:underline;}
a img {border: 0; }
.moreInfo {
display:block;
line-height:normal;
text-align:right;
margin:-.4em 0 1em 0;
width:100%;
}
.buttonlink {
display: block;
width: 88%;
text-align: center;
margin: 15px 0;
border-radius: 6px;
border-bottom: #333 1px solid;
padding: 12px 5% 8px 5%;
text-decoration: none;
text-shadow: 1px 1px 0px #333;
transition: background-color .5s;
/*-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);*/
background: url(/images-index/arrow-sml-tan.png) no-repeat center top;
font-size: 130%;
font-style: normal;
font-weight: normal;
font-variant: normal;
}
a.buttonlink:link, a.buttonlink:visited {
background-color:#757575;
color:#FFF;
text-decoration:none;
}
a.buttonlink:hover, a.buttonlink:active {
color:#ffffff;
background-color:#0e2e5a;
text-decoration:none;
}
.buttonlinkSmall {
display:block;
width:110px;
text-align: center;
margin: 5px 0 5px 0;
border-radius: 5px;
border-bottom: #333 1px solid;
padding: 3px 8px 1px 8px;
text-decoration: none;
text-shadow: 1px 1px 0px #333;
transition: background-color .5s;
/*-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);*/
background: url(/images-index/arrow-smler-tan.png) no-repeat center top;
font-size: 90%;
font-style: normal;
font-weight: normal;
font-variant: normal;
}
a.buttonlinkSmall:link, a.buttonlinkSmall:visited {
background-color:#757575;
color:#FFF;
text-decoration:none;
}
a.buttonlinkSmall:hover, a.buttonlinkSmall:active {
color:#ffffff;
background-color:#0e2e5a;
text-decoration:none;
}
/* Utility
------------------------------------------------------- */
.noDisplay {display:none;}
.floatLeft {float:left;}
.floatRight {float:right}
.margin10 {margin:10px 0;}
.margin20 {margin:20px 0;}
.marginTop50 {margin-top:50px;}
/* Contact Form
--------------------------------------------------------- */
/* -- !Required Fields -- */
fieldset {margin:10px 0 10px 0;
/* border:#ccc 1px solid; */
padding:15px 10px;
width:560px;
}
fieldset abbr {
color: #7b0101;
font-size: 20px;
font-weight: bold;
line-height: 1;
padding: 0 1px;
vertical-align: middle;
}
/* Right aligned asterisk */
fieldset label abbr {
display: block;
font-size: 23px;
right: 70px;
padding: 0;
position: absolute;
top: 10px;
width: 16px;
line-height:1.1;
}
fieldset div {
margin: 0 0 10px;
padding: 5px 0 5px 170px;
}
fieldset div label {
float: left;
display: block;
line-height: 1.1;
margin: 7px 0 0 -170px;
width: 160px;
text-align:right;
}
fieldset div label.forSelect {
margin-top:1px;
}
/* Input defaults */
fieldset div input,
fieldset div textarea,
fieldset div select {
border: 1px solid #999;
color: #333;
display: block;
font: 100%/1.4em Arial, Helvetica, sans-serif;
line-height: 1;
margin: 0;
}
/* Focus */
fieldset div input:focus,
fieldset div textarea:focus,
fieldset div select:focus {
border-color: #005496;
}
/* Text inputs */
fieldset div input {
padding: 6px 5px;
width: 288px;
}
/* Select menus */
fieldset div select {
padding: 0 0 0 3px;
width: 240px;
}
/* Select menus */
fieldset div select#state {
padding: 0 0 0 3px;
width: 120px;
}
/* Textareas */
fieldset div textarea {
height: 120px;
padding: 6px 5px;
width: 288px;
}
/* File Upload */
fieldset div input[type=file] {
background: none;
border: inherit;
padding: 0;
}
/* Radio buttons + checkboxes */
fieldset div ul {
margin: 5px 0 0 0;
}
fieldset div ul li {
margin: 0 0 5px;
padding: 0;
}
fieldset div ul li label {
display: inline;
float: none;
font-size: 1em;
font-weight: normal;
margin: 0;
padding: 0;
}
fieldset div ul li input {
background: none;
border: none;
display: inline;
margin: 0 5px 0 0;
padding: 0;
width: auto;
}
/* Submit */
fieldset div.controls input {
float: right;
width: auto;
margin:0 15% 0 0;
}
input.button {
background:#122843;
color:#ffffff;
border:none;
padding:10px 20px;
border-radius: 5px;
font: normal 120%/normal 'Arimo', Arial, Helvetica, sans-serif;
letter-spacing: .02em;
transition:all .3s;
}
input.button:hover {
color:#e7d372;
text-decoration: none;
background:#254a74;
}
input.button:focus {
color:#e7d372;
text-decoration: none;
background:#254a74;
}
label.error { float: none;
color: red;
vertical-align: top;
margin:4px 0 0 0;
padding:0;
width: 250px;
text-align:left;
}
/* Community Page
------------------------------------------------------- */
.logoBorder {border:1px solid #666666; background:#ffffff; padding:3px 5px 0 5px;}
.sponsorWrapper {width:100%; display:block; clear:both;}
.sponsorInfo {float:left; width:358px;}
/* jQuery FlexSlider v2.0
------------------------------------------------------- */
#downarrow {
position:fixed;
width:40px;
height:40px;
bottom:20px;
left:47%;
z-index:9999;
}
/* http://www.woothemes.com/flexslider/ Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0 0 30px 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block; height:auto;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {
zoom: 1;
box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.3);
/*border-bottom:1px solid #969387;*/
background:#969387;
border-bottom:#969387 1px solid;
margin-bottom:50px;
position:relative;
}
.flex-viewport {max-height: 900px; transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.loading {
min-height:300px;
background: #969387 url(/images-index/ajax-loader.gif) no-repeat center center;
}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
width: 30px;
height: 30px;
margin: -20px 0 0;
display: block;
background: url(/images-index/bg_direction_nav.png) no-repeat 0 0;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
/*text-indent: -9999px;*/
opacity: .5;
transition: all .3s ease;
}
a.flex-next:hover, a.flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 30px; }
.flex-direction-nav .flex-prev {left: 30px;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; right: 20px; text-align: right; z-index:999;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: 9999px; -webkit-border-radius: 20px; overflow:hidden; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(/images-index/colorbox-images/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/images-index/colorbox-images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/images-index/colorbox-images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/images-index/colorbox-images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
/* #Media Queries
================================================== */
.showTab {display:none;}
/* #mobileMenuTrigger, */
#mobileMenu {display:none;}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
.sponsorInfo {float:left; width:200px; margin-bottom:10px;}
.largCommunityOnly {display:none;}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.hideTab {display:none;}
.showTab {display:block;}
fieldset {width:472px;}
fieldset div {padding: 5px 0 5px 150px;}
fieldset div label {margin: 7px 0 0 -150px; width: 140px;}
ul#mainMenu a {
padding:10px 12px 0 12px;
height: 27px;
}
}
/* Tablet Portrait size and larger */
@media only screen and (min-width: 768px) {
.slide01 {background:url(/images-index/slider-2.jpg) center center no-repeat; background-size:cover;}
.slide02 {background:url(/images-index/slider-1.jpg) center center no-repeat; background-size:cover;}
.slide03 {background:url(/images-index/slider-4.jpg) center center no-repeat; background-size:cover;}
.slide04 {background:url(/images-index/slider-5.jpg) center center no-repeat; background-size:cover;}
.slide05 {background:url(/images-index/slider-6.jpg) center center no-repeat; background-size:cover;}
.slide06 {background:url(/images-index/slider-7.jpg) center center no-repeat; background-size:cover;}
.slide07 {background:url(/images-index/slider-8.jpg) center center no-repeat; background-size:cover;}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.hideMobile, a.contactlink {display:none;}
.addressLine {text-align:center;}
#topMenu {position:relative;}
.wrapper {margin-top:0;}
/* #mainMenu {display:none;} */
#mobileMenuTrigger {display:block;}
.pageContent {margin-top:30px;}
fieldset {width:400px;}
fieldset div {padding: 5px 0 5px 130px;}
fieldset div label {margin: 7px 0 0 -130px; width: 120px;}
fieldset div input {width:248px;}
fieldset div textarea {width:248px;}
.sponsorInfo {float:left; width:100%; margin-bottom:10px;}
a.logolink {margin:15px auto 5px auto; text-align:center;}
.col-2 {
column-count:1;
-moz-column-count:1;
-webkit-column-count:1;
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.gallery img {float:left; margin-bottom:20px;}
.gallery .caption {width:100px; float:right;}
.inquiries {width:280px; margin:20px auto 0 auto;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
fieldset {width:280px;}
fieldset div {margin: 0 0 5px; padding: 5px 0 5px 0;}
fieldset div label {display: inherit; margin: 0 0 7px 0;width: 260px; text-align:left;}
fieldset div input {width:280px;}
fieldset div textarea {width:280px;}
.hotelRow .photoLeft {float:none; margin:0 0 6px 0 }
.hotelRow h3 {clear:both; text-align:left; margin-top:2px;}
.gallery .caption {margin-bottom:20px;}
}