#innerbox {
box-sizing: border-box;
padding: 9em 0 5% 2%;
}
#hdr-tab {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 274px;
margin: 0 auto;
}
#hdr {padding: 0 8px 0 0}
#hdr-tab img {
display:block;
margin: 0 auto;
}
.hdr-txtbox {
display: block;
margin: -20px auto 2em;
background: #CFC9C0;
text-align: center;
border: 1px solid #FFF;
border-width: 0 1px 1px 0;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-box-shadow: 5px 5px 4px 0 rgba(50, 50, 50, 0.2);
-moz-box-shadow: 5px 5px 4px 0 rgba(50, 50, 50, 0.2);
box-shadow: 5px 5px 4px 0 rgba(50, 50, 50, 0.2);
} 
.hdr-txtbox p {
padding: 3% 2% 0;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}
 
.content p {
line-height: 1.6em;
margin-bottom: 9px;
}
.content p span {
text-align: center;
font-weight: bold;
}
.content-imjz, #other, #other-ss {
box-sizing: border-box;
display: block;
width: 100%;
padding: 9%;
}
.content-imjz img {
display: block;
margin: 0 auto 1em;
max-width: 600px;
width: 100%;
}
.view {
margin: 4em 0 3em 40px;
font-color: #7E3448
}

#modals {
width: 100%;
max-width: 300px;
margin-top: 3em;
}
#modals a {
margin: 0;
text-decoration: none;
color: #999;
}
#modals a:hover {color:#963}
#modals p {margin-left: 40px}

p.book {
margin: 2em 0 0;
text-align: center;
background: #701231;
padding: 5px;
color: #FFF;
}
p.book a {color: #FFF; text-decoration: none; outline:none}
p.book a:hover {color: pink; text-decoration: underline}

p.sub {font-style:italic;font-weight:bold}
p.spec {margin: .7em 0 1em;font-weight:bold}

#other, #other-hh {
font-size: 85%;
background:url(../grfx/otherBG.jpg) 0 1em repeat;
padding: 1em 1em 2em 2em;
margin: 4em 0 1em;
height: 100%;
border: 1px solid #CCC;
border-width: 1px 0 0;
}
#other a, #other-hh a {color: #111}
#other a:hover, #other-hh a:hover {
text-decoration: none;
color: #FFF;
}
#other .col_50 {
width:36%;
margin:0 4% 5% 0;
padding-right: 1em;
}
#other .col_100 {
display: block;
width: 100px;
margin: 80% 0 0 50px;
}
#other .caveat {
text-align:center;
clear: both;
font-size: 85%;
display: block;
}
#other-hh .caveat {
text-align:left;
font-size: 80%;
}
#other .col_100 img, #other-hh .col_33 img {float: left}
#other .col_100 p.spec span, #other-hh .col_33 p.spec span {
font-weight:normal;
margin: 0 0 0 9px;
}
#other ul, #other-hh ul {
display: block;
list-style-type: none;
padding: 0;
margin: 0;
}

#other-hh {display:none}

#amenities {
margin-left: 58px;
font-size: 90%;
line-height: 2em;
width: 80%;
text-align: center;
}

@media only screen and ( max-width: 960px ) { 
#other {display:none}
.col_66 #other-hh {
max-width: 460px;
float: none;
display: block;
margin: 1em auto 0;
padding: 1em 0 0 5%;
}
p.spec.cf {text-align: left}
#amenities {margin-left: 48px}
#other-hh ul li {text-align: left}
}
@media only screen and ( max-width: 800px ) { #innerbox {padding: 2em 3% 5%} }
@media only screen and (max-width:768px) {
.col_66 #other-hh {
display:block;
padding: 1em 1em 4em 2em;
margin: 4em 0 2em;
}
#amenities {margin-left: 34px}
#other-hh .col_33, #other-hh .col_100 {
float: left;
width:29%;
margin:0;
padding-left: 4%;
}
#other .col_100 img, #other-hh .col_33 img {float: left}
#other .col_100 p.spec span, #other-hh .col_33 p.spec span {
font-weight:normal;
margin: 0 0 0 9px;
}
#other ul, #other-hh ul {
display: block;
list-style-type: none;
padding: 0;
margin: 0;
}   
}
@media only screen and (max-width:540px) {
#other-hh ul li {margin: 0 0 9px}   
}