@charset "utf-8";
/* CSS Document */

.invisible { display: none;	}
img { border: 0; }

body {
background-color: #fff;
background-image: url("images/bg.gif");
background-position: 0 0;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

.container {
margin-left: auto;
margin-right: auto;
background-image: url("images/bgshadow-repeat.gif");
background-repeat: repeat-y;
background-position: center;
}

.bg {
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
background-position: top center;
height: 42px;
}
#top { background-image: url("images/bgshadow-top.gif"); }
#bottom { background-image: url("images/bgshadow-bottom.gif"); }

.content {
width: 972px;
margin-left: auto;
margin-right: auto;
background-image: url("images/content-bg.gif");
}

.toprt { float: right; position: relative; width:599px; height:383px; }
.resphone {
position: absolute;
bottom: 5px;
right: 55px;
z-index: 2;
color: #3e7ebb;
font-size: 19px;
font-family: arial narrow, arial, sans-serif;
font-weight: bold;
}
.resphone span { font-size: 28px; font-weight: normal; font-style: normal; }
.toprt img { position: relative; z-index: 1; }
.topmenu {
background-image: url("images/topmenu-bg.gif");	
background-position: center;
background-repeat: no-repeat;
height: 37px;
width: 900;
padding-left: 60px;
}
.topmenu a {
font-size: 14px;
font-weight: bold;
color: #009fd3;
text-decoration: none;
padding: 10px;
line-height: 36px;
}
.topmenu a:hover { color: #00598c; }
a.hklink { color: #007fba; margin-left: 10px; }
a.hklink:hover { background: none; color: #fff; }
.reservations { background: url("images/reservation-arrow.gif") no-repeat 43px 0; }

.bottommenu {
background-color: #d7f7ff;
font-size: 11px;
color: #0080a0;
text-align: center;
padding: 6px;
}
.bottommenu a {
color: #0080a0;
text-decoration: none;
padding: 6px;
}
.bottommenu a:hover { text-decoration: underline; }

.footer {
background-color: #fff;	
font-size: 12px;
color: #009fc7;
text-align: center;
padding: 15px;
line-height: 18px;
}
.footer a { color: #009fc7; }
.footer a:hover { color: #00576d; }

.topheader {
padding: 15px 50px 15px 70px;	
background-image: url("images/top-header-bg.jpg");
background-position: top center;
background-repeat: no-repeat;
}
.header {
color: #0090bf;
font-size: 24px;
display: block;
}
.subhead {
color: #01b0d6;
font-size: 14px;
font-weight: bold;
font-style: italic;
}
.subhead2 {
color: #0075ab;
font-size: 14px;
font-weight: bold;
}

.homeleft {
width: 514px;
padding-right: 26px;
float: left;
margin-left: 28px;
background-image: url("images/home-left-bg.gif");
background-position: left;
background-repeat: repeat-y;
}

a.button {
display: block;
background-color: #fff;
padding: 10px;
}

.copy {
font-size: 12px;
line-height: 17px;
color: #00478a;
}
a { color: #0063c0; }
a:hover { color: #003262; }
.copy li {
color: #0d78af;	
margin-bottom: 5px;
}
.copy ul {
margin-left: 0;
padding-left: 15px;	
}

.headerlight {
color: #19a2cf;
font-size: 24px;
display: block;
line-height: 35px;
}
.headerdark {
color: #00478a;
font-size: 24px;
display: block;
line-height: 35px;
}

.homephoto {
float: left;
margin: -3px 20px 0 37px;
width: 194px;
}


.homeright {
width: 375px;
float: right;
margin-right: 26px;
text-align: center;
}

.homeright div {
margin-left: auto;
margin-right: auto;
}

.special {
background-image: url("images/special-bg-tall-fall.jpg");
background-repeat: no-repeat;
background-position: top center;
width: 295px;
height: 200px;
padding: 15px 20px 10px 20px; 
background-color: #6be1fd; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-bottom: 20px;
}
.save {
color: #fff;
font-family: garamond, georgia, serif;
font-size: 44px;
font-style: italic;
line-height: 25px;
padding-left: 3px;
}
.save2 {
color: #fff995;
font-family: garamond, georgia, serif;
font-size: 22px;
line-height: 30px;
font-style: italic;
display: block;
margin-bottom: 5px;
margin-top: 20px;
}
.special .save2 {
	margin: 30px 10px 5px -10px; 
	color: #fbff98;
	font-weight: bold;
}
.mention {
	margin-top: -50px;
color: #0076ad;
font-style: italic;
font-size: 12px;
}

.halekalapaki {
width: 260px;
border: 3px solid #19adcd;
background-color: #54d6f2;
padding: 15px 20px 0 20px;
color: #055b71;
font-family: garamond, palatino, palatino linotype, serif;
font-size: 15px;
text-align: justify;
}



.plainleft {
float: left;
width: 480px;
margin: 0 5px 20px 70px;
border-right: 4px double #65cbfa;
padding-right: 30px;
}
.plainright {
width: 295px;
float: right;
margin-right: 65px;
padding-left: 10px;
}

.room td { padding: 5px 25px 5px 5px; vertical-align: top; }
.room img { padding: 5px 0 12px 0; }

.artistbg {
float: left;
margin-left: 27px;
background-image: url("images/artist-bg.jpg");
background-position: top left;
background-repeat: no-repeat;
}


input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 2px 4px 2px 4px;
border: 1px solid #37c0de;
}

.roomslideshow {
display: block;
width: 200px;
height: 65px;
overflow: hidden;
margin: 5px 0;
}
.roomslideshow img { margin-top: -135px; }

.newsletter { 
text-align: left; 
padding: 10px 0 0 15px; 
font-weight: bold; 
font-size: 15px; 
background-color: #6be1fb; 
width: 320px; 
margin-bottom: 20px; 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
color: #004f99;
}
.newsletter img { float: left; padding: 0 10px 15px 0; }
.newsletter a {  text-decoration: none; }

.emailsignup {
background-color: #c7f9ff; padding: 3px 5px; display: block; float: left; margin-top: 3px; font-size: 13px;
}

.kbg {
color: #002e79;
font-size: 12px;
font-weight: bold;
/*
text-align: center;
padding: 12px;
margin: 10px 0;
background-color: #fffeac;
border-top: 6px solid #fff;
border-bottom: 6px solid #fff;
*/
}
.kbg a { color: #006de8; font-size: 14px; }


#slider {
	background: url("images/slideshow/slideshow-bg.jpg") no-repeat;
}