html {
height: 100%;
}
body {
margin: 0px auto;
padding: 0px;
height: 100%;
text-align:center;
background: #000 url(images/body_bg.gif) repeat-x top left;
font-size: .87em;
font-family: arial, helvetica, sans-serif;
behavior:url("csshover.htc");
}
/* TEXT STYLES */
a, a:visited, a:link { color:#A77A4E; }
a:hover, a:active { color: #422401;}
img, a, ul, li { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { color: #422401; margin: 0; padding: 0; font-weight: bold; font-style: normal; }
h1 { font-size: 1.85em; }
h2 { font-size: 1.36em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.00em; }
h5 { font-size: 0.85em; }
h6, small { font-size: 0.73em; }
/* GLOBAL FIXES */
.clear { clear:both; margin:0; padding:0; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
h2.title, h1.title, .hdr1 {
margin: 0;
padding: 0;
font-style: italic;
letter-spacing: .05em;
color: #422401;
font-family: 'times new roman', 'times roman', serif;
}
h1.title_link a, h1.title_link a:link, h1.title_link a:visited, .hdr1 a, .hdr a:link, .hdr1 a:visited {
font-size: 1.5em;
margin: 0;
padding: 0;
font-style: italic;
letter-spacing: .05em;
color: #003D7B;
font-family: 'times new roman', 'times roman', serif;
font-weight: 800;
text-decoration: none;
}
h1.title_link a:active, h1.title_link a:hover, .hdr1 a:active, .hdr1 a:hover {
text-decoration: underline;
}
.hdr1 {
margin: 0;
padding: 0;
font-style: italic;
letter-spacing: .05em;
color: #003366;
font-family: 'times new roman', 'times roman', serif;
font-weight: 800;
font-size: 1.25em;
}
.hdr1 a, .hdr a:link, .hdr1 a:visited {
margin: 0;
padding: 0;
font-style: italic;
letter-spacing: .05em;
color: #003D7B;
font-family: 'times new roman', 'times roman', serif;
font-weight: 800;
text-decoration: none;
}
.hdr1 a:active, .hdr1 a:hover {
text-decoration: underline;
}
.hdr2 {
font-size: 2em;
margin: 0;
padding: 0;
font-style: italic;
letter-spacing: .05em;
color: #422401;
font-family: 'times new roman', 'times roman', serif;
font-weight: 800;
}
.hdr2 a, .hdr a:link, .hdr2 a:visited {
margin: 0;
padding: 0;
font-style: italic;
letter-spacing: .05em;
color: #003D7B;
font-family: 'times new roman', 'times roman', serif;
font-weight: 800;
text-decoration: none;
}
.hdr2 a:active, .hdr2 a:hover {
text-decoration: underline;
}
.hdr3 {
font-size: 1em;
margin: 0;
padding: 0;
font-style: italic;
letter-spacing: .05em;
color: #996600;
font-family: 'times new roman', 'times roman', serif;
}
/* LAYOUT */
#main {
width: 1137px;
text-align:center;
margin: 0 auto;
padding: 20px 0 0 0;
}
#nav_wrap {
background: url(images/nav_bg.gif) no-repeat top left;
margin: 0;
border: 1px #000 soild;
border-width: 0 0 1px 0;
text-align: center;
width: 1137px;
padding: 0 0 0 23px
}
#add_pic_wrap {
width: 1137px;
margin: 0;
padding: 0;
border: 1px #000 solid;
border-width: 1px 0;
}
.logo_wrap {
float: left;
width: 379px;
height: 246px;
background: #fff;
text-align: left;
border-right: 1px #000 solid;
margin: 0;
padding: 0;
}
.logo_wrap .copy {
width: 360px;
margin: 0;
padding: 15px 0 0 20px;
color: #50462F;
font-family: Tahoma;
font-weight: 800;
}
.phone {
letter-spacing: .2em;
margin: 0;
padding: 0;
font-size: 2em;
font-weight: 800;
line-height: 28px;
color: #50462F;
}
.img_rotate {
float: left;
margin: 0;
padding: 0;
height: 246px;
width: 756px;
}
#room_img_wrap {
margin: 0;
padding: 0;
border: 1px #000 solid;
border-width: 1px 0;
}
#room_img_wrap img {
border: 0;
margin: 0;
padding: 0;
float: left;
}
.room_txt {
width: 1136px;
background: #DDE1E8 url('images/room_bg.gif') repeat-x top left;
height: 30px;
padding: 10px 0 0 0;
margin: 0;
border-bottom: 1px #000 solid;
font-family: 'times new roman', 'times roman', serif;
font-style: italic;
font-weight: 800;
font-size: 1.4em;
line-height: 1em;
text-align: center;
}
/* MAIN COPY CELLS */
.copy_wrap {
width: 1137px;
margin: 0;
padding: 0;
text-align: left;
background: #fff;
}
.copy_left {
float: left;
width: 530px;
margin: 0;
padding: 0;
text-align: right;
}
.copy_left .top {
padding: 20px;
text-align: left;
margin: 0;
border: 1px #000 solid;
border-width: 0 1px 1px 0;
background: #FCF1DD url('images/watermark.gif') no-repeat top right;
width: 530px;
}
.copy_right {
float: right;
width: 510px;
text-align: left;
color: #000;
padding: 20px;
margin: 0;
}
.massage_img {
border: 1px #50462F solid;
margin: 3px;
padding: 2px;
}
/* FOOTER */
#footer {
width: 1136px;
border-top: 1px #000 solid;
margin: 0;
padding: 0;
background: #949AA7 url('images/footer_bg.gif') repeat-x top left;
}
#footer .box {
margin: 20px 0 0 60px;
padding: 0;
font-size: .8em;
color: #000;
white-space: nowrap;
float: left;
text-align: left;
}
.box a, .box a:link, .box a:visited {
color: #000;
text-decoration: none;
line-height: 1.3em;
}
.box a:hover, .box a:active {
text-decoration: underline;
}
/* HOVER STATES OF BACKGROUNDS */
a.room_1 , a:link.room_1 , a:visited.room_1 {
height: 142px;
width: 190px;
background: url('images/room_01_off.jpg') no-repeat top left;
border: 0;
margin: 0;
padding: 0;
float: left;
display: block;
}
a:hover.room_1 , a:active.room_1 {
background: url('images/room_01_on.jpg') no-repeat top left;
}
a.room_2, a:link.room_2 , a:visited.room_2 {
height: 142px;
width: 190px;
background: url('images/room_02_off.jpg') no-repeat top left;
border: 0;
margin: 0;
padding: 0;
float: left;
display: block;
}
a:hover.room_2 , a:active.room_2 {
background: url('images/room_02_on.jpg') no-repeat top left;
}
a.room_3 , a:link.room_3 , a:visited.room_3 {
height: 142px;
width: 190px;
background: url('images/room_03_off.jpg') no-repeat top left;
border: 0;
margin: 0;
padding: 0;
float: left;
display: block;
}
a:hover.room_3 , a:active.room_3 {
background: url('images/room_03_on.jpg') no-repeat top left;
}
a.room_4 , a:link.room_4 , a:visited.room_4 {
height: 142px;
width: 190px;
background: url('images/room_04_off.jpg') no-repeat top left;
border: 0;
margin: 0;
padding: 0;
float: left;
display: block;
}
a:hover.room_4 , a:active.room_4 {
background: url('images/room_04_on.jpg') no-repeat top left;
}
a.room_5 , a:link.room_5 , a:visited.room_5 {
height: 142px;
width: 190px;
background: url('images/room_05_off.jpg') no-repeat top left;
border: 0;
margin: 0;
padding: 0;
float: left;
display: block;
}
a:hover.room_5 , a:active.room_5 {
background: url('images/room_05_on.jpg') no-repeat top left;
}
a.room_6 , a:link.room_6 , a:visited.room_6 {
height: 142px;
width: 190px;
background: url('images/room_06_off.jpg') no-repeat top left;
border: 0;
margin: 0;
padding: 0;
float: left;
display: block;
}
a:hover.room_6 , a:active.room_6 {
background: url('images/room_06_on.jpg') no-repeat top left;
}
/* FORM STYLES */
.form{
padding:2px 0 0 10px;
border:1px solid #eee;
margin:5px auto;
text-align:right;
background: #e6e6e6;
}
.form fieldset{
display:block;
padding:5px 5px 5px 10px;
margin-bottom:0.5em;
line-height:1.5em;
font-size:1em;
border:1px solid #AB170B;
}
.form fieldset:hover{
border:1px dotted #AB170B;
background-color: #EFE1B3;
}
.form fieldset .radios, .form fieldset .checkboxs{
border:none;
padding:0;
margin:0;
}
.form legend{
font-size:1.1em;
font-weight:bold;
padding:0px 12px 0px 10px;
background:none;
color:#AB170B;
}
* html .form legend{border:none;}
.form label{
clear:left;
float:left;
display:block;
width:150px;
text-align:right;
padding-right:10px;
color: #b80b38;
}
.form input{
border:1px solid #AB170B;
padding:0em 0.1em;
background:#EFE1B3;
}
.form .input-hover{
background:#EFE8D1;
border:1px solid #AB170B;
color:#000;
}
.form .input-focus{
background:#fff;
border:1px solid #AB170B;
color:#000;
}
.form select{
background:#EFE1B3;
}
.form option{
background:#fff;
color:#b80b38;
}
.form optgroup{
background:#fff;
color:#000;
font-style:normal;
}
.form optgroup option{
background:#fff;
color:#b80b38;
}
.form textarea{
border:1px solid #fff;
padding:0.1em;
overflow:auto;
background:#EFE1B3;
}
.form .textarea-hover{
background:#b80b38;
border:1px solid #fff;
color:#fff;
}
.form .textarea-focus{
background:#fff;
border:1px solid #b80b38;
color:#b80b38;
}
.form .button{
color:#fff;
padding:0.1em 0.5em;
cursor:pointer;
margin-right:1em;
background:#b80b38;
border:1px solid;
border-color:#f11f54 #5f051c #5f051c #f11f54;
text-align: center;
}
.form .button:hover{
color:#fff;
background:#414d59;
border:1px solid;
border-color:#4f718a #003 #003 #4f718a;
text-align: center;
}