@charset "utf-8";
body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background: #ffffff url(../img/vfade3.png) top left repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}
#headcap {
  background: transparent;
  margin: 0 auto 3px auto;
  padding: 0 0 0 97px;
  width: 989px;
/*  border: 1px solid #333300;*/
}
#headcap {
  height: 247px;
}
body#home #headcap {
  height: 204px;
  padding: 0 0 3px 97px;
  margin: 0 auto -3px auto;
}
body#home #headcap {
  padding-left: 99px;
}
body#home #flowerdrop {
  left: -2px;
}
body.rooms #shadow {
 margin-left: 11px;
}
#outerwrap {
  width: 988px;
  background: transparent url(../img/shadowbar.png) top center repeat-y;
  margin: 0px auto 0 auto;
  padding: 0 47px 0 47px;
}
.twoColFixRtHdr #container { 
	width: 828px;
	background: #8D9B39;
	margin: 0 auto;
	text-align: left;
/*	border: 1px solid #003366;*/
} 
img#logo {
  position: relative;
  top: -40px;
}

/**/
/* menu content */
/**/

#menu {
  position: relative;
  width: 750px;
  margin: -62px 0 60px 160px;
  padding: 0 10px 0px 0px;  
}
body.rooms #menu {
  position: relative;
  width: 750px;
  padding: 0 10px 20px 0px;  
  margin: -110px 0 41px 160px;
}
#menu ul {
	position: absolute;
	left: 40px;
	text-align: right;
	color:#000000;
	top: -1px;
}
#menu ul#nav-bottom {
  position: absolute;
  top: 25px;
}
#menu ul > li{
  padding: 0 70px 0 30px;
  letter-spacing:.02em;
  line-height: 1.25em;
  display: inline;
  font-weight: normal;
  font-size: 1.25em;
  background: transparent url(../img/NavFlower_outline.gif) left no-repeat;
}
#submenu {
  position: relative;
  width: 850px;  
padding-top: 12px;
}
#submenu ul.nav {
  text-align: center; 
    margin: 0px 0 18px 20px;
}
#submenu ul > li {
  padding: 0px 30px 0 30px;
  letter-spacing:.02em;
  line-height: .8em;
  display: inline;
  font-weight: normal;
  font-size: 1.15em;
  background: transparent url(../img/NavFlower_outline.gif) left no-repeat;
  
}
#menu ul > li:hover, #submenu ul > li:hover {
  background: transparent url(../img/NavFlower_clr.gif) left no-repeat;
}
  ul#nav li > a, ul#nav-bottom li > a, #submenu li > a{
	text-decoration: none;
	color: #000;
	
}

/**/
/* main content */
/**/
body#rates #mainContent a {
  text-decoration: none;
}
.twoColFixRtHdr #sidebar1 {
	float: right;
	width: 323px; 
	background: #f1e5c8;
/*height: 100%;*/
}
#sidebar1 p {
  padding: 15px 10px 10px 15px;
  font-size: .8em;
  font-weight:bold;
  width:90%;
}
body.rooms #sidebar1 {
  background: #f1e5c8;
  width: 350px;
  
}
#room-set {
  background: #F1E6CA;
/*  border: 1px solid #336633;*/
}

body#rates #sidebar1 {
  width: 620px;	
  background: #8D9B39;
}
body#rates #sidebar1 > .roomtile {
  float: right;
  margin: 0px 5px 15px 10px;
  width: 280px;
}
.caption {
  text-align: center;
  display:block;
}
.roomtile {
  width: 250px;
  margin: 243px auto;
/*  border: 1px solid #fff;*/
}
.roomtile a.pali {
background-image: url(../img/pali-room-sprite.jpg);
background-repeat:no-repeat;
padding: 0 0 243px 0px;
display:block;
width: 250px;
background-position: 0px 0px;
color: #000;
}
.roomtile a:hover.pali {
background-position: -243px 0px;
color: #000;
}
.roomtile a.alii {
background-image: url(../img/alii-spriteg.jpg);
background-repeat:no-repeat;
padding: 0 0 243px 0px;
display:block;
width: 259px;
background-position: 0px 0px;
color: #000;
}
.roomtile a:hover.alii {
background-position: -285px 0px;
color: #000;
}

.roomtile a.lehua {
background-image: url(../img/lehua-spriteg.jpg);
background-repeat:no-repeat;
padding: 0 0 243px 0px;
display:block;
width: 259px;
background-position: 0px 0px;
color: #000;
}
.roomtile a:hover.lehua {
background-position: -285px 0px;
color: #000;
}

.roomtile a.pali {
background-image: url(../img/pali-spriteg.jpg);
background-repeat:no-repeat;
padding: 0 0 243px 0px;
display:block;
width: 259px;
background-position: 0px 0px;
color: #000;
}
.roomtile a:hover.pali {
background-position: -285px 0px;
color: #000;
}
.roomtile a.ohana {
background-image: url(../img/ohana-spriteg.jpg);
background-repeat:no-repeat;
padding: 0 0 243px 0px;
display:block;
width: 259px;
background-position: 0px 0px;
color: #000;
}
.roomtile a:hover.ohana {
background-position: -285px 0px;
color: #000;
}

body#home #container {
  background: #fff;
}

body#rates #container {
  background: #8D9B39;
}

#flowerdrop, #flowerdrop2 {
  position: relative;  
}
#flowerdrop2 img {
  position: absolute;
  left: 299px;
}
body#rates #flowerdrop2 img {
  position: absolute;
  left: 569px;
}
#flowerdrop img {
  position: absolute;
  left: 275px;
}

#plants {
  position: relative;  

}
#plants img {
  position: absolute;
  left: -128px;
  top: -50px;
}
#flower {
  position: relative;
}
#flower img {
  position: absolute;
  top: 10px;
  left: 10px;
}
body.rooms #plants > img {
  top: 40px;
}
#lanai {
  float: right;
  padding: 0px;
  margin: 0px;
}
.twoColFixRtHdr #mainContent { 
	margin: 0px 330px 0 0;
} 
body.rooms #mainContent { 
  position: relative;
  border-right: 10px solid #8D9B39;
  background: #D0D4D7;
  padding: 0;
}
body#pali #mainContent { 
  background: #D0D4D7 url(../img/KBBB_PALI_Room_RadialFill.jpg) top center no-repeat;
  padding: 231px 0 35px 0;
}

body#alii #mainContent { 
  background: #d0d4d7 url(../img/ALII_Room_RadialFill.jpg) top center no-repeat;
  padding: 231px 0 15px 0;
}
body#alii #sidebar1 > #room-set {
  padding-top: 10px;
}
body#alii #container, body#about #container {
  /*background: #F2E4C7;*/
/*  background: #F0E2C5;*/
    background: #efe3c6;
}
body#lehua #mainContent { 
  background: #D0D4D7 url(../img/LEHUA_Room_RadialFill.jpg) top center no-repeat;
  padding: 231px 0 78px 0;
}
body#ohana #mainContent { 
  background: #D0D4D7 url(../img/OHANA_RadialFill.jpg) top center no-repeat;
  padding: 231px 0 15px 0;
}
body#ohana #room-set {
  padding-top: 50%;
}
body#breakfast #mainContent { 
  background: #F0E2C5 url(../img/BREAKFAST_Fill.jpg) top center no-repeat;
  padding: 110px 0 10px 0;
  margin: 0 353px 0 0 ;
  width: 346px;
  height: 1090px;
}
body#breakfast #flowerdrop2 img {
  padding-left: 118px;
}
body#breakfast #sidebar1 {
width: 470px;
}
body#breakfast #room-set {
padding: 10px 0 0 0;
background: #fff;
}
body.rooms #mainContent {
  margin-right: 350px;
}
body.rooms #container > #mainContent {
  height: 786px;
}
body.rooms #container > #mainContent {
  height: 100%; /* ie7 fix */
}
body.rooms #mainContent > p, body.rooms #mainContent > ul, body.rooms #mainContent > h3 { 
  width: 90%;
  padding: 20px 20px;
  font-weight: bold;
}
body.rooms #mainContent > h3 { 
  text-align: left;
  font-style:italic;
  padding-bottom: 3px;
  font-size: 1.12em;
}
body.rooms #mainContent > h2, body.rooms #mainContent > h4 { 
  text-align: center;
  font-size: .85em;
  font-weight: normal;
  font-style:italic;
}
body.rooms #mainContent > ul {
  list-style: disc outside;
  padding: 0 0 0 35px;
  font-weight: normal;
  font-size: 1.1em;
}

body#rates #mainContent {
  margin: 0 620px 0 0;
  background: #f1e5c8;
  border: none;
}
body#rates #mainContent p {
  padding: 3px 15px 5px 8px;
  width: 190px;
  font-style:normal;
  font-size: .8em;
}
body#rates #mainContent h1 {
  padding: 0 0 0px 8px;
}
img#welcome {
  padding: 15px 0 0 70px;
}
body#faq #mainContent {
  background: #F2E4C7;
  margin: 0 0 0 0;
  border: 0px;
  
}

body#faq sidebar1 {
  background: #F2E4C7;
  width: 600px;
  margin: 0;
  padding: 0;
  border: 1px solid #000033;
}
/**/
/* footer content */
/**/

.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px;
	background:transparent; 
	font-size: .8em;
	font-weight: normal;
} 
.twoColFixRtHdr #footer p {
	margin: 0;
	padding: 0; 
}
#footer a {
  text-decoration: none;
}
#footcap {
  margin: 0px 2px 0 0;
  padding: 0 97px 0 97px;
  position:relative;
  
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	overflow:hidden;
}
/*
 *faq
 */
body#faq #mainContent > h3 {
  font-size: .95em;
  padding: 8px 0 3px 30px;
}
body#faq #mainContent > h3 a{
  text-decoration: none;
}
body#faq #mainContent > p {
  font-size: .98em;
  font-weight: normal;
  padding: 4px 0 8px 38px;
}

body#faq #tourinfo p {
  padding: 4px 10px 8px 60px;
  font-size: .9em;
  letter-spacing: .02em;
}
body#faq .atten {
  font-weight: bold;
}
body#faq .totop {
  font-weight: normal;
  font-size: .8em;
  text-decoration: underline;
}
#flowerdrop2 {
  z-index: 30;
}
body#map #mainContent ol {
    padding: 15px 0 0 30px;
	list-style-type: decimal;
}
body#map #mainContent, body#about #mainContent {
  background: #F2E4C7;
  width: 100%;
}
#directions {
  padding: 0px;
  margin: -13px 0 0 0px;
}
body#about #mainContent p, body#breakfast #mainContent p {
  font-weight: normal;
  font-size: 1.2em;  
}
.excerpt {
 font-weight: normal;
 font-style:italic/
}
body#lehua #container, body#pali #container, body#ohana #container {
  background-color: #F2E4C7;
}
body#breakfast #container {
  background-color: #fff;
}
#mail > a {
  position: relative;
  text-decoration: none;
  font-weight: normal;
}
body#breakfast #mainContent > ul {
  font-weight: normal;
}
body#breakfast #mainContent > ul .subl {
  font-weight: normal;
  padding-left: 30px;
}
body#breakfast #mainContent > ul .subl > li{
  list-style: circle;
  font-size:.88em;
}
body.rooms #mainContent > h4.cancel {
  font-weight: normal;
  font-size: 1em;
  padding: 20px 0 0 20px;
  text-align: left;
  margin: 0px;

}
body.rooms #mainContent p.cancel {
  font-weight: normal;
  font-size: .8em;
  padding: 5px 0 0 30px;
  margin: 0px;
}
#gallery{
  float:left;
  width: 800px;
  margin: 35px 0px 0px 42px;
}
.galitem {
  float: left;
  padding: 0px 45px 45px 0;
}
.galitem a {
  padding: 0;
  margin: 0;
}
.galitem img {
  border: 1px solid #000;  
}
.galitem img:hover {
  border: 1px solid #ddd;
  padding: 0;
  margin: 0;
}