html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body, td, p {
font-family: "Garamond", "Times New Roman", Times, serif;
font-style: italic;
font-size: 16px;
}
.rule {
background-image: url(../images/bg-dots-2x.jpg);
background-repeat: repeat-x;
background-size: 5px 3px;
width: 100%;
height: 3px;
}
#rule-top {
margin-bottom: 33px;
}
#rule-bottom {
margin-top: 23px;
margin-bottom: 25px;
}
#container-main-outer {
width: 100%;
height: 100%;
display: table;
}
#container-main-inner {
display: table-cell;
text-align: center;
vertical-align: middle;
}
#container-slides {
width: 960px;
height: 535px;
margin-left: auto;
margin-right: auto;
}
#slides img {
width: 100%;
height: 100%;
}
header {
width: 960px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
margin-top: 30px;
}
footer {
width: 960px;
margin-left: auto;
margin-right: auto;
}
footer #phone {
float: left;
font-style: normal;
font-family: 'Source Sans Pro', sans-serif;
color: #c4b080;
display: none;
}
#logo {
width: 250px;
height: 42px;
float: left;
}
nav ul {
margin: 7px 0px;
padding: 0;
float: right;
}
nav ul li {
text-transform: lowercase;
display: inline;
border-right: 2px solid #e2d6bb;
}
nav ul li.last {
border-right: 0px;
}
nav ul li.last a {
margin: 0px 0px 0px 2px;
}
nav ul li a {
display: inline-block;
padding: 0;
margin: 0px 8px 0px 3px;
}
nav ul li a, nav ul li a:link, nav ul li:visited, nav ul li a:active {
color: #231f20;
text-decoration: none;
}
footer ul {
margin: 0;
padding: 0;
float: right;
}
footer ul li {
display: table-cell;
padding-right:12px;
}
footer ul li {
vertical-align: middle;
}
footer ul li a {
color: #c4b080;
font-size: 16px;
text-decoration: none;
}
footer ul li.last {
margin-right: 0px;
}
footer ul li a img {
width: 22px;
height: 22px;
}
footer ul li.reserver a img {
width: 67px;
height: 22px;
}
footer ul li.reserver,
footer ul li.reserver span,
footer ul li.reserver span span {
width:108px !important;
height:28px !important;
}
/* Slideshow */
#slides {
float:left;
margin: 0px;
width: 960px;
height: 534px;
overflow:hidden;
}
#slides-phone-portrait {
float:left;
margin: 0px;
width: 320px;
height: 354px;
overflow:hidden;
}
ul.slide-images {
position:relative;
top: 0px;
left: 0px;
height: 535px;
margin: 0;
padding: 0;
list-style: none;
}
#slides-phone-portrait ul.slide-images {
height: 354px;
}
ul.slide-images li {
float: left;
position: relative;
top: 0px;
left: 0px;
width: 960px;
}
#slides-phone-portrait ul.slide-images li {
width: 320px;
}
#slides-phone-portrait ul.slide-images li img {
width: 100%;
height: auto;
}
ul.triggers {
position: absolute;
top: 310px;
left: 80px;
display: none;
}
ul.triggers li {
float: left;
margin: 0 5px;
font: bold 16px arial;
cursor: pointer;
background-color: #ccc;
color: #000;
padding: 10px;
}
ul.triggers li.selected {
background-color: red;
color: #000;
}
.control {
position: absolute;
top: 380px;
color: #fff;
cursor: pointer;
}
.prev { left:120px; }
.next { left:180px; }
#info-slide {
position: absolute;
z-index: 100;
width: 960px;
cursor: pointer;
}
#info-slide-phone-portrait {
position: absolute;
z-index: 100;
width: 320px;
cursor: pointer;
}
#info-slide-phone-portrait img {
width: 100%;
height: auto;
}
/* End Slideshow */
/* iPhone CSS */
/* iPhone Portrait */
@media only screen
and (max-device-width: 480px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
header {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 7px;
margin-top: 15px;
border: 0px solid #0f0;
}
#logo {
width: 180px; /* Baseline: 250px */
height: 30px; /* Baseline: 42px */
float: left;
margin-left: 10px;
border: 0px solid #0f0;
}
nav {
border: 0px solid #F00;
float: right;
}
nav ul {
font-size: 14px; /* Baseline: 16px */
margin-top: 11px; /* Baseline: 7px */
margin-right: 10px;
border: 0px solid #f00;
}
#container-slides-phone-portrait, #slides-phone-portrait {
width: 320px;
height: 352px;
}
#rule-bottom {
margin-top: 0px; /* Baseline: 23px */
margin-bottom: 8px;
}
footer {
width: 100%;
margin-bottom: 50px;
}
footer #phone {
display: block;
margin-left: 10px;
margin-top: 12px;
}
footer #phone a {
color: #c4b080;
text-decoration: none;
}
footer ul li {
margin-right: 5px; /* Baseline: 3px */
}
footer ul li.last {
margin-right: 10px; /* Baseline: 0px */
}
footer ul li.reserver a img {
width: 91px; /* Baseline: 67px */
height: 30px; /* Baseline: 22px */
}
footer ul li a img {
width: 30px; /* Baseline: 22px */
height: 30px; /* Baseline: 22px */
}
}
@media only screen
and (max-device-width : 480px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
#container-main-inner, header, section, section div, section div ul, section div ul li, footer { width: 100%; }
header {
margin-bottom: 15px;
}
#logo {
width: 350px; /* Baseline: 250px */
height: 59px; /* Baseline: 42px */
float: left;
margin-left: 20px;
border: 0px solid #0f0;
}
nav ul {
font-size: 25px; /* Baseline: 16px */
margin-top: 20px; /* Baseline: 7px */
margin-right: 20px;
border: 0px solid #f00;
}
#rule-bottom {
margin-top: -1px; /* Baseline: 23px */
margin-bottom: 15px;
}
footer {
margin-bottom: 85px;
}
footer #phone {
display: block;
margin-left: 20px;
margin-top: 15px;
font-size: 30px;
}
footer #phone a {
color: #c4b080;
text-decoration: none;
}
footer ul li {
margin-right: 15px; /* Baseline: 3px */
}
footer ul li.last {
margin-right: 40px; /* Baseline: 0px */
}
footer ul li.reserver a img {
width: 152px; /* Baseline: 67px */
height: 50px; /* Baseline: 22px */
}
footer ul li a img {
width: 50px; /* Baseline: 22px */
height: 50px; /* Baseline: 22px */
}
}
.button-info a.selected {
text-decoration: none;
color: #c3c0bf;
}
.clearfix:after {
content: " "; /* Older browser do not support empty content */
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.reserver > span {
width: 108px !important;
height: 28px !important;
background-size: 108px 28px !important;
bottom: -3px !important;
background-color: transparent !important;
background-image: url("BookWithResy-744eb8146b.png") !important;
}
.reserver > span > iframe {
display: none !important;
width: 108px !important;
height: 28px !important;
}