/*general layout*/
html, body {background-color: #ffffff; margin: 2px 0 0 0; padding: 0; font-weight: normal; font-size:14px; line-height:14px; font-family: 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; color: #222222;}

/*tables & containers*/
table {margin: auto;}
.wide {width:100%}
.maxwide1280 {max-width:1280px}
.maincontent {padding: 20px 15px 20px 15px}
#content_reservations {padding:0; margin:0}

/*background colors */
.bg_blue {background-color:#3E3473}
.bg_turquoise {background-color:#2D7282}
.bg_purple {background-color:#400F44}
.bg_white {background-color:#ffffff}
.bg_lavender {background-color:#CAB6D1}
.bg_ltpurple {background-color:#652B76}
.bg_ltgray {background-color:#DCDADB}
.bg_orange {background-color:#EFCEBB}

/*header top*/
#restxt, .restxt {font-family: 'Lato'; text-align:center; font-weight: 400; font-size:11px; line-height:18px; color: #6A676F; text-decoration: none; padding:33px 0 0 0}
#languages {text-align:center; padding:35px 0 0 0; white-space:nowrap;}
#languages a:link, #languages a:visited, #languages a.activelink:visited, #languages a.activelink:link {text-decoration:none}
#languages a:hover {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; -moz-opacity:0.6; -khtml-opacity: 0.6; opacity:0.6;filter:alpha(opacity=60)}
#logo {padding:0 0 0 0; text-align:center; white-space: nowrap;}
.line {background-image:url('../images/bg_line.gif'); background-repeat:repeat-x; height:7px;}

/*slideshows*/
#slides {z-index:10; background-color:#400F44; width:100%;padding:10px 0 6px 0}
.slides_container {display:none; overflow:hidden}
.slides_div {background-color:#400F44; margin:0 0 0 0; position:absolute; z-index:1;}
.slide_bar {background-color:#400F44;}

/*slideshow overlay*/
.transp {position:absolute; z-index:2; width:100%; height:13%;  -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; -moz-opacity:0.4; -khtml-opacity: 0.4; opacity:0.4; filter:alpha(opacity=40); margin:0}

/*reservations overlay*/
#booknow {position:absolute; z-index:100000; margin:17px 0 0 0; text-align:center; width:100%;}

#checkindate, #checkoutdate {border:none; background-color:#3E3473; height:26px; background-image:url('../images/ico_calendar.gif'); background-position:right; background-repeat:no-repeat}
.btnresform, #rooms, #adults, #children, #PromoCode {border:none; background-color:#3E3473; height:26px; color:#ffffff; font: normal 10px/10px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; text-align:center; color:#ffffff}
#resform, #resform select, #resform input {font: normal 10px/10px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; text-align:center; color:#ffffff}
#PromoCode {}
.btnresform:hover {background-color:#400F44; cursor: hand}


/* navigation bars */
#nav_top {}
#nav_bottom {height:31px; max-width:1280px; white-space: nowrap;}

#nav_bottom .nav {padding: 0 10px 0 10px; text-align:center}
#nav_top .nav_top {padding: 0 7px 0 7px; text-align:center}

#nav_top a:link, #nav_top a:visited {font: 400 11px/11px 'Lato','arial'; color: #6A676F; text-decoration: none;}
#nav_bottom a:link, #nav_top a:visited {font: 400 14px/14px 'Lato','arial'; color: #6A676F; text-decoration: none;}
#nav_top a:hover, #nav_bottom a:hover {color:#CC99CC; text-decoration: none}
.current {color:#C07BB4 !important; font-weight: 500 !important}


#restxt a:link, #restxt a:visited  {font: 400 11px/21px 'Lato','arial'; color: #FFFFFF; text-decoration: none; text-align:left; background-color:#3E3473}
#restxt a:hover, #restxt a:hover {color:#A8ADB1; text-decoration: none; background-color:#3E3473}


/* headings */
h1{font:400 22px/22px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; color:#222222; margin-top:5px; margin-bottom:10px;}

h2 {font:400 19px/22px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; margin-top:5px; margin-bottom:10px;}

h3 {font: 300 14px/17px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; margin-top:8px; margin-bottom:10px;display:inline;}

h3.list {font: 300 14px/17px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; margin-top:7px; margin-bottom:0px; display:block}

h4 {font: 400 13px/16px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; margin-top:0px; margin-bottom:0px; display:inline;}

h2.specials {font: 700 15px/18px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; margin-top:0px; margin-bottom:0px;}
h3.specials {font: 700 14px/17px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; margin-top:0px; margin-bottom:0px;}

/* content and fonts */
p, .content, .medgray {font: 400 14px/20px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; margin-top:15px; margin-bottom:15px; color:#222222}



/* font sizes */
.fourth {font-weight:400; font-size:10px; line-height:13px}
.fifth {font-weight:400; font-size:11px; line-height:14px}
.sixth {font-weight:400; font-size:12px; line-height:16px}
.seventh {font-weight:400; font-size:13px; line-height:17px}
.eight {font-weight:400; font-size:14px; line-height:18px}
.ninth {font-weight:400; font-size:15px; line-height:19px}
.one {font-weight:400; font-size:16px; line-height:20px}
.two {font-weight:400; font-size:17px; line-height:21px}
.half {font-weight:400; font-size:18px; line-height:22px}


.small {font: 400 11px/14px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif';}

#footer, .footertext{ text-align:center; margin-top:8px; margin-bottom:10px; padding-top:8px; padding-bottom:8px;}

ul, ol{font: 400 14px/20px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; list-style-position: outside; margin:20px 0 20px 0; }

li {font: 400 14px/20px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; margin-bottom:8px; }

ul.sidecol {margin-left:-20px}

.italic {font-variation:italic}

blockquote { 
quotes:"\201C""\201D""\2018""\2019";
margin:15px;
font-family:'Open Sans','Helvetica Neue', 'Arial', 'sans-serif';
}
blockquote:before {
font-family:'Georgia','serif';
content:open-quote;
content:"\201C";
font-size:46px;
line-height:.1em;
vertical-align:-.3em;
}

.bold {font-weight: bold}

.required {color:red}

/* forms */
.form {font: normal 14px/20px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; color:#333333}
form, input, select {font: normal 14px/20px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif';color:#333333}
input.submit{padding:3px 15px 3px 15px; background-color:#FF6666; color:#000033}

/*links*/
a:link, a:visited {text-decoration: none;}		
a:hover, a:focus {text-decoration: none; }

a:visited{font: normal 14px/20px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; color:#6A676F; text-decoration:underline}
a:link{font: normal 14px/20px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; color:#0099FF; text-decoration:underline}
a:hover, a:active{font: normal 14px/20px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; color:#FD3B31; text-decoration:underline}

a.fade:hover{opacity:0.6;filter:alpha(opacity=60); -moz-opacity:0.6;}

/*MAP*/
.listOfPlaces { width: 99%;}
.locLine {background: #cacaca;}
.locLetter {padding:5px }
.section_name {text-align: center; padding: 5px; }
.bubble {font: normal 11px/14px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; color: #333333;}
#map { width: 610px; height: 300px; border:solid 1px black; font: bold 16px 'Open Sans';display:block; margin-bottom:25px}
.map_info {font: normal 11px/14px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; margin-bottom:20px}


a.map_list:visited{font: 14px/18px 'Lato','arial'; color: #652B76; text-decoration:none}
a.map_list:link {font: 14px/18px 'Lato','arial'; color: #652B76; text-decoration:none}
a.map_list:hover, a.map_list:active{font: 14px/18px 'Lato','arial'; color: #CC99CC; text-decoration:none}


/*MAP submenu*/
#submenu ul {margin-left:0px}
#submenu { text-align: right; padding-right: 10px; padding-top: 10px; }
#submenu li { list-style: none; margin-left: 20px; padding: 0; }
#submenu a {font: 400 14px/14px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif'; color:#652B76 }
#submenu a:hover {  color: #CC99CC;}
#submenu .selected a { font-weight: normal;  color: #CAB6D1;}

#content{padding: 5px 10px 5px 0; }
#content_reviews{padding: 5px 10px 5px 0; }
#content_reservations{padding: 5px 10px 5px 0; }
#content_home {padding: 5px 10px 5px 0; }
#content_map {padding: 5px 10px 5px 0; }
#content_weather {padding: 5px 10px 5px 0; }
#content_td {padding: 10px 5px 15px 15px}

/*images*/
.left { float: left; margin: 0px 15px 15px 0px}
.right {float:right; margin: 0 0 15px 15px}
.tile {margin: 0 0 15px 0}

/*special classes*/
.bold {font-weight:bold}
.ico {border: solid; border-width:1px; border-color:#BDC8CC; margin-top:4px}
.normal{padding:0px; border:none; vertical-align:top; margin-left: auto; margin-right: auto; width:inherit}
.center{margin-left: auto; margin-right: auto; vertical-align:top; width:inherit}
.pop {display:none}
.border {border:solid;border-width:1px; border-color:#C3C8C8}
.borderdotted{border-bottom:dotted; border-width:1; border-color:#333333}
.tblborder{ padding-top:2px; padding-bottom:2px; padding-right:20px; border-bottom:dotted; border-width:1; border-color:#C3C8C8}

.show { display: block; }
.hide { display: none; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* colors */
.ltred {color:#EF3B33}
.ltgrey {color:#E8E8E8}
.blue {color:#3E3473}
.white {color:#ffffff}
.black {color:#222222}

/*popup special*/
.popDynAd {position:absolute; z-index:10001; top:15px; width:350px; height:425px; right:1%; background-color:#ffffff; padding:3px; border:solid;border-width:1px;border-color:#dedede}

/* home specials column */
#specials {width:350px; text-align:center}
#specials img {margin:0px;}
.footer-text{
  font: 400 13px/16px 'Open Sans','Helvetica Neue', 'Arial', 'sans-serif';
  display: inline;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

@media (min-width:30em){
  html{
    font-size:85.25%;
    -ms-text-size-adjust:85.25%;
    -webkit-text-size-adjust:85.25%
  }
}
@media (min-width:37.5em){
  html{
    font-size:93.75%;
    -ms-text-size-adjust:93.75%;
    -webkit-text-size-adjust:93.75%
  }
}
@media (min-width:50em){
  html{
    font-size:110.5%;
    -ms-text-size-adjust:110.5%;
    -webkit-text-size-adjust:110.5%
  }
}
@media (min-width:62.4375em){
  html{
    font-size:115.75%;
    -ms-text-size-adjust:115.75%;
    -webkit-text-size-adjust:115.75%
  }
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  
.maxwide1280 {max-width:768px}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  .wide {width:100%}
.maxwide1280 {max-width:1024px}
.maincontent {padding: 15px 15px 15px 15px}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}