/* CSS Document */

body {
	background-image:url("../images/background.jpg");
	background-repeat:repeat-x;
	background-position:top;
	background-color:#214C79;
	font-family:Arial, Verdana;
	font-size:12px;
}
.outside_main {
	margin:40px auto 40px auto;
	background-image: url("../images/main_page_images/rep_main1.jpg");
	background-repeat:repeat-y;
	width:778px;
	}
.main {
	margin-left:16px;
	background-image: url("../images/main_page_images/main.jpg");
	background-repeat:no-repeat;
	background-color:#DBE2EA;
	width:750px;
	}
.main1 {
	margin-left:16px;
	background-image: url("../images/main_page_images/main.jpg");
	background-repeat:no-repeat;
	background-color:#C6D3DC;
	width:750px;
	}
	
.top_nav {	
	
	}
.top_main_pic{
   margin:0px auto 0px auto;
	width:778px;
	position:relative;
	top:40px;

}
.top_nav_hor_line{
	position:relative;
	
}
.bottom_nav {	
	margin-left: 16px;
	padding-left:10px;
	width:750px;
	}
.bottom_main_pic{
   margin:0px auto 0px auto;
	width:778px;
	position:relative;
	top:40px;

}
.bottom_nav_hor_line{
	position:relative;
	
}
a#first_top_nav_button{
	display:block;
	width:127px;
	height:27px;
	background-image: url("../images/main_page_images/top_button_first_off.jpg");
	float:left;
	
}
a#first_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_first_on.jpg");
	float:left;
	
}
			
a#second_top_nav_button{
	display:block;
	width:180px;
	height:27px;
	background-image: url("../images/main_page_images/top_button_second_off.jpg");
	float:left;
	
}
a#second_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_second_on.jpg");
	float:left;
	
}
a#third_top_nav_button{
	display:block;
	width:135px;
	height:27px;
	background-image: url("../images/main_page_images/top_button_third_off.jpg");
	float:left;
	
}
a#third_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_third_on.jpg");
	float:left;
	
}
a#fourth_top_nav_button{
	display:block;
	width:179px;
	height:27px;
	background-image: url("../images/main_page_images/top_button_fourth_off2.jpg");
	float:left;
}
a#fourth_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_fourth_on2.jpg");
	float:left;
	
}
a#fifth_top_nav_button{
	display:block;
	width:129px;
	height:27px;
	background-image: url("../images/main_page_images/top_button_fifth_off.jpg");
	float:left;
}
a#fifth_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_fifth_on.jpg");
	float:left;
}
a#fourth_top_nav_button{
	width:100px;
	background-image: url("../images/main_page_images/top_button_fourth_off2.jpg");
}
a#fourth_top_nav_button:hover{
	background-image: url("../images/main_page_images/top_button_fourth_on2.jpg");
}
a#sixth_top_nav_button{
	display:block;
	width:79px;
	height:27px;
	background-image: url("../images/main_page_images/top_button_sixth_off.jpg");
	float:left;
}
a#sixth_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_sixth_on.jpg");
	float:left;
}

/*
a#ks_top_nav_button{
	display:block;
	width:127px;
	height:27px;
	background-image: url("../images/main_page_images/top_button_ks_off.jpg");
	float:left;
	
}
a#ks_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_ks_on.jpg");
	float:left;
	
}


a#maillist_top_nav_button{
	display:block;
	width:79px;
	height:27px;
	background-image: url("../images/main_page_images/top_button_maillist_off.jpg");
	float:left;
}
a#maillist_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_maillist_on.jpg");
	float:left;
}

a#aboutus_top_nav_button{
	display:block;
	width:79px;
	height:27px;
	background-image: url("../images/main_page_images/top_button_aboutus_off.jpg");
	float:left;
}
a#aboutus_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_aboutus_on.jpg");
	float:left;
}
*/

/*******************************************************************/
/* button size 9 / Arial Narrow/ Bold */

a#ks_top_nav_button{
	/*display:block;	width:115px;	height:27px;*/
	display:block;	width:229px;	height:27px;
	background-image: url("../images/main_page_images/top_button_ks_off.jpg");
	float:left;	
}
a#ks_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_ks_on.jpg");
	float:left;	
}
			
a#emerald_top_nav_button{
	display:block;	width:155px;	height:27px;
	background-image: url("../images/main_page_images/top_button_emerald_off.jpg");
	float:left;	
}
a#emerald_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_emerald_on.jpg");
	float:left;	
}
a#marbeya_top_nav_button{
	display:block;	width:116px;	height:27px;
	background-image: url("../images/main_page_images/top_button_marbeya_off.jpg");
	float:left;	
}

a#marbeya_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_marbeya_on.jpg");
	float:left;	
}

a#contactus_top_nav_button{
	display:block;	width:87px;	height:27px;
	background-image: url("../images/main_page_images/top_button_contactus_off.jpg");
	float:left;
}
a#contactus_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_contactus_on.jpg");
	float:left;
	
}

a#policy_top_nav_button{
	display:block;	width:72px;	height:27px;
	background-image: url("../images/main_page_images/top_button_policy_off.jpg");
	float:left;
}
a#policy_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_policy_on.jpg");
	float:left;
}

a#maillist_top_nav_button{
	display:block;	width:121px;	height:27px;
	background-image: url("../images/main_page_images/top_button_maillist_off.jpg");
	float:left;
}
a#maillist_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_maillist_on.jpg");
	float:left;
}

a#aboutus_top_nav_button{
	display:block;	width:84px;	height:27px;
	background-image: url("../images/main_page_images/top_button_aboutus_off.jpg");
	float:left;
}
a#aboutus_top_nav_button:hover{
	display:block;
	background-image: url("../images/main_page_images/top_button_aboutus_on.jpg");
	float:left;
}
/**************************************************/
div#footer{
	text-align: right;
	height: 20px;
	position:relative;
	top:-10px;
	left:-20px;
	margin-top:30px;
	clear:both;
	
}
div#content{
	padding: 16px;
	margin-bottom:40px;
}
div#content_jc{
	padding: 16px;
	margin-left:10px;
	margin-bottom:40px;
}
.start_from_leftside_pic_jc{
	margin-left:14px;
	float:left;
}


div.box{
	width: 708px;
/* jc 20110829 : change height from 184px to 210px */
/*	height: 184px;                             */
        height: 210px;
/* jc 20110829 : end of comment                    */

	background: right no-repeat;
	border: 2px solid #645941;
	margin: 20px auto 15px;
	
}

div.tail{
	margin-bottom: 0;
}

div.box div.details{
	width: 237px;
/* jc 20110829 : change height from 184px to 210px */
/*	height: 184px;                             */
        height: 210px;
/* jc 20110829 : end of comment                    */

	border-right: 1px solid #645941;
	float: left;
	position: relative;
	font-size: 90%;
}
div.box div.alignRight{
	float: right;
}
div.box div.emerald{
	background-image: url("../images/main_page_images/emerald-gradient.jpg" );
}

div.box div.marbeya{
	background-image:  url("../images/main_page_images/marbeya-gradient.jpg");
}

div.box div.kihei{
	background-image: url( "../images/main_page_images/kihei-gradient.jpg");
}

div.box div.details h1{
	font-family: cursive;
	font-style: italic;
	font-size: 20px;
	color: #8C100A;
	text-align: center;
	border-bottom: 1px solid #665B44;
	padding-bottom: 8px;
	margin: 15px 8px;
}
.emerald_main{

	text-align: center;
	border-bottom: 1px solid #665B44;
	padding-bottom: 8px;
	margin-bottom:15px;
	
}
.Kihei_main{

	text-align: center;
	border-bottom: 1px solid #665B44;
	padding-bottom: 8px;
	margin-bottom:15px;
	margin-top:8px;
	
}

/* jc 20110829 -- suppress u1 format   */
div.box div.details ul{
	list-style: none;
	margin-left: -10px;
	line-height: 15px;
	position:relative;
	top:-15px;
	left:-10px;
}    

div.box div.details a img{
	border:none;
}  

/*  jc 20110829 -- change type */
div.box div.details ul li{
  position: relative;
  list-style-type:SQUARE;
  font-size: 10px;
  font-family:Georgia, "Times New Roman", Times, serif;
}
/*
div.box div.details ul li{
	position: relative;
	background:  url("../images/main_page_images/bullet.gif") left no-repeat;
	padding-left: 15px;
	font-size: 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

    end of jc 20110829 comment*/

a#details{
	position: absolute;
	padding-left: 40px;
  padding-top:20px;
	bottom: -10px;
	right: 5px;
	background:  url("../images/main_page_images/flower.gif") left no-repeat;
	font-weight: bold;
	font-size: 12px;
	height:39px;
	vertical-align:middle;
}
a#details:hover{
	position: absolute;
	padding-left: 4opx;
  padding-top:20px;
	bottom: -10px;
	right: 5px;
	background:  url("../images/main_page_images/flower-fade.gif") left no-repeat;
	font-weight: bold;
	font-size: 12px;
	height:39px;
	vertical-align:middle;
}
div.box img.splash{
	float: right;
}
a img{
	border:none;
	}
a img:hover{
	border:none;
	}
a:hover span{
	text-decoration: underline;
	cursor: pointer;
}
.subcontent{
	background-image: url("../images/sub_page_images/sec-background.jpg");
	background-repeat:no-repeat;
	background-position:right top;
	width:750px;
	}
.subcontent_rep{
	background-image:url("../images/sub_page_images/sec-background.jpg");
	background-repeat:repeat-y;
	width:750px;
}
a#side_menu_bulet {
	background-image: url("../images/sub_page_images/sub_bullet-off.gif");
	background-repeat:no-repeat;
	height:24px;
	display:block;
	margin-left:24px;
	padding-left:26PX;
	float:left;
	margin-right:5px;
	font-family:Arial, Verdana;
	font-size:14px;
	color:#4C6E89;
	text-decoration:none;
	font-weight:bold;

} 
a#side_menu_bulet:hover {
	background-image: url("../images/sub_page_images/sub_bullet-on.gif");
	display:block;
	text-decoration:none;
} 
.side_dot{
	float:left;
	position:relative;
	top:8px;
	left:-2px;
	
	}
	
/***** jc **************/
div#content_jc{
	padding: 16px;
	margin-left:10px;
	margin-bottom:40px;
}
.start_from_leftside_pic_jc{
	margin-left:7px;
	float:left;
	padding:10px;
}

.side_menu_jc{
	margin-top:15px;	
    /*height:900px;*/
    width:200px;
	margin-left:20px;
    float:left;
	}
.menu_item_content_jc{
	/*width:500px;
	margin-left:200px;*/
	margin-top:15px;
	width:500px;
    float:left;
    /*padding:10px;*/	
}
/**************/


.side_menu{
	width:200px;
	margin-top:15px;
	float:left;
	height:	
	}
.side_item {
	width:200px;
	padding-top:30px;
	}	
	
.menu_item_content {
	width:500px;
	margin-left:200px;
	}

.top_pic{
	margin-left:200px;
	margin-top:5px;
	margin-bottom:10px;
	float:left;
	}
	
.ver_line{
	position:relative;
	top:10px;
}
.sub_Title{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:relative;
	top:1px;
	}
	
.pos_left{
	position:relative;
	left:70px;
	margin:10px auto 10px auto;
	}

.brown_text {
	 font-family:Arial, Verdana;
	 font-size:14px;
	 font-weight:bold;
	 color:#790000;
	}
.normat_text{
	font-family:Arial, Verdana;
	font-size:12px;
	}
.ver_line1{
	position:relative;
	top:20px;
	}
.bottom_main_pic{
	margin:0px auto 0px auto;
	width:778px;
	position:relative;
	top:-40px;
	}

a img{
	border:none;
	}
div.cleaner{
	clear: both;
	height: 0px;
	font-size: 1px;
	border: none;
	margin:0;
	padding:0;
	background: transparent;
}
.thumbnail
 {
	float: left;
	width: 100px;
	height:110px;
	margin: 0 15px ;
	text-align:center;
	font-family:Arial, Verdana;
	font-size:10px;
	color:#790000;
}


.c101_thumbnail
 {
	float: left;
	width: 100px;
	height:160px;
	margin: 0 15px ;
	text-align:center;
	font-family:Arial, Verdana;
	font-size:10px;
	color:#790000;
}

.clear_thum {
	clear:both;
}
.align_right {
	width:500px;
	text-align:right;
	font-family:Arial, Verdana;
	font-size:16px;
	font-weight:bold;
	color:#4C6E89;
	text-decoration:none;
	}
.align_center {
	width:500px;
	text-align:center;
	font-family:Arial, Verdana;
	font-size:12px;
	}
#capital strong{
	font-size: 24px;
	color:#8C100A;
}

#capital p{
	line-height: 16px;
}
#capital p br{
	line-height: 3px;
}
.fright{

	float: right;

	padding-left:10px;

}
#mailform .txtfield{
	border: 1px solid #CDC4A8;
	background-color: #fff;
	font-size: 10px;
	width: 175px;	
}

#mailform .textarea{
	width: 190px;
	height: 75px;
}

#mailform .reservetxtfield{
	width: 190px;
}
#mailform hr{
	color: #CDC4A8;
	}
.contact_us{
	font-family:Arial, Verdana;
	font-size:14px;
	padding:30px;
	margin-left:50px;
	}
p {
	font-family:Arial, Verdana;
	font-size:12px;
	}
.mailing_list{
	font-family:Arial, Verdana;
	font-size:14px;
	padding:30px;
	margin:50px;
	}
.pic_margin {
	margin:20px;
	}
	
	
TABLE.weather-table {
	position:relative;
	margin-bottom:20px;	
	padding-left:10px;
	left:5px;
	width:160px;
	height:150px;
	background-image:url('/assets/images/weather_background.gif');
	background-repeat:no-repeat;
	background-position:center;
}

TABLE.weather-table TH.header {
	text-align:left;
	padding:0px;
	margin-top:20px;
	margin-bottom:20px;
	height:40px;
	white-space:nowrap;
}

TABLE.weather-table TD.temperature {
	font-weight:bold;	
	text-align:right;
	padding-right:15px;
	font-size:10pt;
	height:1%;
	white-space:nowrap;
}

DIV.clouds {
	text-align:center;
	font-size:10pt;
	font-weight:100;
	height:1%;
	padding-bottom:15px;
	padding-top:5px;
	float:right;
}

TABLE.weather-table TD.humidity {
	text-align:left;
	padding-right:15px;
	font-size:8pt;
	height:1%;
	padding-left:20px;
}

TABLE.weather-table TD.wind {
	text-align:left;
	padding-right:15px;
	font-size:8pt;
	padding-left:20px;
}

TABLE.weather-table TD.conditions {
	padding-top:5px;
	padding-left:10px;
	font-size:8pt;
}

DIV.weather-icon {
	float:left;
	width:45px;
	height:42px;
	background:transparent;
	margin-left:10px;
	background-image:url('/assets/images/wicons/b.gif');
}

DIV.temp {
	display:inline;
}

DIV#Clear {
	background-image:url('/assets/images/wicons/a.gif');
}
DIV#Sunny {
	background-image:url('/assets/images/wicons/a.gif');
}
DIV#Cloudyperiods {
	background-image:url('/assets/images/wicons/b.gif');
}

DIV#Mainlysunny {
	background-image:url('/assets/images/wicons/b.gif');
}
DIV#Mainlyclear {
	background-image:url('/assets/images/wicons/bn.gif');
}
DIV#Mainlycloudy {
	background-image:url('/assets/images/wicons/k.gif');
}

DIV#Partlycloudy {
	background-image:url('/assets/images/wicons/e.gif');
}
DIV#Variablecloudiness {
	background-image:url('/assets/images/wicons/e.gif');
}
DIV#Overcast {
	background-image:url('/assets/images/wicons/k.gif');
}
DIV#Afewclouds {
	background-image:url('/assets/images/wicons/b.gif');
}
DIV#FreezingFog {
	background-image:url('/assets/images/wicons/v.gif');
}
DIV#Fogpatches {
	background-image:url('/assets/images/wicons/v.gif');
}
DIV#Scatteredshowers {
	background-image:url('/assets/images/wicons/d.gif');
}
DIV#Lightrain {
	background-image:url('/assets/images/wicons/m.gif');
}
DIV#Lightsnow {
	background-image:url('/assets/images/wicons/r.gif');
}
DIV#Snow {
	background-image:url('/assets/images/wicons/r.gif');
}
DIV#Rain {
	background-image:url('/assets/images/wicons/m.gif');
}
DIV#Wetflurries {
	background-image:url('/assets/images/wicons/h.gif');
}
DIV#Flurries {
	background-image:url('/assets/images/wicons/u.gif');
}
DIV#Afewflurries {
	background-image:url('/assets/images/wicons/j.gif');
}
DIV#Rain-snowmix {
	background-image:url('/assets/images/wicons/p.gif');
}
DIV#Cloudywithsunnybreaks {
	background-image:url('/assets/images/wicons/f.gif');
}
DIV#Cloudywithclearbreaks {
	background-image:url('/assets/images/wicons/fn.gif');
}

DIV.top-pic{
	position:relative;
	margin-left:200px;
	margin-top:5px;
	margin-bottom:10px;
	float:left;
	width:306px;
	height:31px;
}	

#kihei_surfside_top {
	background-image: url("../assets/images/Kihei_Surfside/Kihei_Surfside.jpg");
	width:306px;
	height:31px;
	float:left;
}

DIV.property-title {
	position:relative;
	text-align:right;
	width:220px;
	float:right;
	margin-left:10px;
	padding-right:10px;
	top:-20px;
}

DIV#top_property_description {

}

/* slideshow */
/* General styles ------------------------- */

.showcase {
	position: relative;
}

.showcase a.controls {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #2097FA;
	text-decoration: none;
	color: #FFF;
	font-size: 15px;
	line-height:20px;
	font-weight: bold;
	text-align: center;	
	border: 2px solid #FFF;	
}

.showcase a.previous {
	padding-bottom: 2px;
}

.showcase ul li {
	width: 150px;
	height: 115px;
	float: left;	
	list-style-type: none;	
}

.showcase ul li a {
	display: block;	
}

.showcase li a img {
	width: 100%;
	height: 100%;
	border: 0;	
}

/* Horizontal showcase ------------------------- */

.showcase#horizontal {	
	margin: 20px auto 0 auto;
	width: 450px;
	height: 115px;
}	

.showcase#horizontal a.controls {
	top: 50%;
	margin-top: -18px;
}

.showcase#horizontal a.next {
	right: 0;
	padding-top: 0px;
}

.showcase#horizontal a.controls:hover {
	border-color: #2097FA;
}

.showcase#horizontal ul {
	position: relative;	
	width: 340px;
	height: 115px;	
	margin: 0 auto;
}

/* Horizontal2 showcase ------------------------- */

.showcase#horizontal2 {	
	margin: 20px auto 0 auto;
	width: 450px;
	height: 115px;
}	

.showcase#horizontal2 a.controls {
	top: 50%;
	margin-top:-18px;
}

.showcase#horizontal2 a.next {
	right: 0;
	padding-top: 0px;
}

.showcase#horizontal2 a.controls:hover {
	border-color: #2097FA;
}

.showcase#horizontal2 ul {
	position: relative;	
	width: 340px;
	height: 115px;	
	margin: 0 auto;
}

/* Horizontal3 showcase ------------------------- */

.showcase#horizontal3 {	
	margin: 20px auto 0 auto;
	width: 450px;
	height: 115px;
}	

.showcase#horizontal3 a.controls {
	top: 50%;
	margin-top:-18px;
}

.showcase#horizontal3 a.next {
	right: 0;
	padding-top: 0px;
}

.showcase#horizontal3 a.controls:hover {
	border-color: #2097FA;
}

.showcase#horizontal3 ul {
	position: relative;	
	width: 340px;
	height: 115px;	
	margin: 0 auto;
}

/* popupdisplay */
#popwrapper {
	visibility: hidden;
	position:absolute;
    top:300px;
    left: 50%;
    margin-left: -390px;
	width:780px;
	height:100%;
	text-align:center;
	z-index: 1000;
}
#popwrapper #popcontents {
	border:1px solid #CCC;
	background:#eeeeee;
	color:#000000;
	padding:5px;
	text-align:left;
	margin:10px auto;
	width:auto;
	height:auto;
}
#horizontal-menu2 ul {
  list-style-type:none;
  padding-top:5px;
}
#horizontal-menu2 a, #horizontal-menu2 a:visited {
	background-image: url("../images/sub_page_images/sub_bullet-off.gif");
	background-repeat:no-repeat;
	height:24px;
	display:block;
	margin-left:24px;
	padding-left:26PX;
	padding-left:26PX;
	float:left;
	margin-right:0px;
	font-family:Arial, Verdana;
	font-size:12px;
	color:#4C6E89;
	text-decoration:none;
	font-weight:bold;

} 
#horizontal-menu2 a:hover {
	background-image: url("../images/sub_page_images/sub_bullet-on.gif");
	display:block;
	text-decoration:none;
} 

.round_corner{
  border-radius:8px;
  border:1px solid #cde2f5;
  background:#fff;
}
.round_corner tbody tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}

.round_corner tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}

.round_corner thead th:first-child {
  border-radius: 10px 0 0 0;
}

.round_corner thead th:last-child {
  border-radius: 0 10px 0 0;
}