#myFlashOverlay{/*position:absolute; left:516px; top:217px;*/ width:374px; height:309px; z-index:999999999;}
.clearspace{clear:both;}
/* toolkitCore */

html {width:100%; height:100%; margin:0; padding:0;}

body {width:100%; height:100%; margin:0; padding:0; text-align:center;background: url(../../../images/portfolio-bg.jpg) repeat 0 fixed;}

/*Do not put font-family here. Put it in your #content div.*/


/* keep these attibutes in here*/

.text-dark, .text-medium {}

.subheadline, .text-subheader, h2 {
	color:#666;



}



.disclaimer, .text-dark-sm, .text-disclaimer {



}



.white, text-light {



}



a {



	color: #900;



}



img {



	border: none;



}



.orangeTitle {



	color: #C90;



}



/* /toolkitCore  */



/* -------------------------------- */







 ul, li, a {



	color:#696969;



	font: 10px/18px verdana, arial, Helvetica, san-serif;



}



body.photo {



	padding:0px;



	margin:0px;



	background: #FFF url(photoBG.gif) repeat-x;



}



#photo {



	border-top:1px solid #FFF;



}



ul {



	margin-top:0px;



	list-style: url(bullet.gif) none;



}



table.menu p {



	text-align:center;



}



li {



	margin-left:-14px;



}



hr {



	height: 1px;



	color:#c7c7c7



}



#wrapper {



	width: 940px;



	margin-right: auto;



	margin-left: auto;
	



	background: #FEFEF4;



	margin-top: 0px;



}



#wrapperTwo {



	width: 940px;



	position:relative;
	background-color:#FAFCFF;



}



#wrapperThree {
	width: 374px;
	height:309px;
	position:absolute;
	left:221px;
	top:217px;
	z-index:100;
	border:0px none;
}
#wrapperFour {
	width: 374px;
	height:309px;
	position:absolute;
	left:221px;
	top:128px;
	z-index:100;
	border:0px none;
}



#masthead {



	height: 45px;



	background: #E6E6E6;



	width: 720px;
	
	
	
	height:20px;



	margin-top: 0px;



	margin-bottom: 0px;
	
	



	


}



#maincontent {position:relative; width:660px;  height:auto !important;  padding:10px 20px 15px; }
#maincontent1 {position:relative; width:660px; }


#header {



	text-align: left;



	width: 690px;



	margin-left: 20px;



	margin-top: 30px;



}



#footer {



	height: 54px;



	visibility: hidden;



	background: #E3F2F8 url(blue/footerBkgnd.jpg) no-repeat;



	width: 726px;



	padding-left: 214px;



	padding-top: 10px;



	margin-bottom: 0px;



}



#footer p {



	font: 10px/18px verdana, arial, helvetica, san-serif;



	color: #696969;



	margin-bottom: 0px;



}



#footer a {



	font: 10px/12px verdana, arial, helvetica, san-serif;



	color: #900;



	text-align: center;



}



#footer2 {



	width: 940px;



	margin-right: auto;



	margin-left: auto;



	background-color: #E3F2F8;



}



#footer2 a {



	font: 9px verdana, arial, helvetica, san-serif;



	color: #6a8566;



	text-decoration: none;



}



#footer2 a:hover {



	text-decoration: underline;



}



#content {



	margin: 0 0 0 220px;



	text-align: left;



}






#content a:link, #content a:visited, #content a:active {



	color: #900;



}



#content a:hover {



	text-decoration: none;



}



#bodycontent {



	height: 500px;



	width: 720px;



}



#left {



	width: 214px;



	float: left;



	padding-left: 6px;



	



}



/* /content  */



/* -------------------------------- */



#logo {



	position: absolute;



	top: 1px;



	left: 7px;



}



#languageSwap {



	width: 249px;



	height: 22px;



	position: relative;



	top: 24px;



	float: right;



	right: 7px;



}




.img10pxMarginR {



	margin-right: 10px;



}



#specialsrotator, #marquee, #emailOffers, #virtualtour {



	margin-bottom: 20px;



}



#mainNav {



	width: 165px;



	margin: 115px auto 20px;



}



#topNav {



	width: 700px;



	height: 39px;



	text-align: right;



	border-top: 1px solid #c7c7c7;



	border-bottom: 1px solid #c7c7c7;



	background: #FFF url(shadow_leftColumnTop.gif) no-repeat left;



}



#topNav img{



	margin-left: 10px;



}



#subNav {text-align:left; width:650px; background:#ededed; margin-left:20px;}

#Level_one {border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}

#Level_two {border-bottom:1px solid #c7c7c7;} 

#Level_three {border-bottom:1px solid #c7c7c7;}

#subRoomsNav {position:relative; width:650px; min-height:20px; height:auto !important; height:20px; /* margin-left:20px; margin-top:4px; margin-bottom:-10px; */ padding:0px;}

#subRoomsNavSpacer {position:relative; width:10px; height:20px; float:left;}



#infoBar {



	width: 717px;



	height: 39px;



	background: url(shadow_leftColumnTop.gif) no-repeat left;



	position: relative;



}



#timeZone {



	width: 435px;

	height: 18px;

	padding-left: 20px;

	padding-top: 21px;

	color: #939393;

	font: 10px/18px verdana,arial,Helvetica,san-serif;

	

	z-index:-1;



}



#phoneListing {



	height: 38px;



	width: 226px;



	position: absolute;



	top: 0px;



	left: 445px;



}



#headerPhoto /*#flashContent*/ {
	width: 700px;
	background: #FFF url(shadow_leftColumnTop.gif) repeat-y left;
	padding-top: 2px;
}

#pop_up_overlay {position:absolute; width:374px; height:309px;}

#ht {padding-bottom:10px; height:51px; width:900px; margin-right:auto; margin-left:auto; padding-right:40px; margin-top:0px; background-color: #E6E6E6; position:relative;}



#socialItem {position:relative; float:right; min-height:51px; height:auto !important; height:51px;}

#socialItemTwitter {
	position:absolute;
	right:20px;
	top:0px;
	width:41px;
	height:51px;
}

#socialItemFacebook {
	position:absolute;
	right:170px;
	top:0px;
	width:41px;
	height:51px;
}

#socialItemClick {position:absolute; right:276px; top:0px; width:195px; height:51px;}

#socialItemGoogle {position:absolute; right:22px; top:6px; width:52px; min-height:32px; height:auto !important; height:32px;}

#socialItemPinterest {
	position:absolute;
	right:120px;
	top:0px;
	width:41px;
	height:51px;
}

#socialItemYoutube {
	position:absolute;
	right:70px;
	top:0px;
	width:41px;
	height:51px;
}
#mobile_callout {position:absolute; left:14px; top:4px;}
#copyright {
	width: 940px;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
	background-color: #E3F2F8;
	padding-bottom:20px;
}
#copyright p {
	font: 10px/18px verdana, arial, helvetica, san-serif;
	color: #696969;
	text-align: center;
}



#cssSwitcher {



	text-align: center;



	width: 940px;



	padding-top: 20px;



	padding-bottom: 20px;



	margin-right: auto;



	margin-left: auto;



}



#cssSwitcher p {



	text-align: center;



	margin-bottom: 0px;



}



#cssSwitcher a {



	font: 10px/18px verdana, arial, helvetica, san-serif;



	color: #900;



}



/* ---------------- Booking Mask ----------------- */



#bookingMask select, #bookingMask input {

	text-align:left;

	font-family:Verdana, Geneva, sans-serif;

	font-size:9px;

	color: #696969;

	}

#bookingMask {
	height: 45px;
	width: 700px;
	text-align: left;
	background:
	position: relative;
	z-index:100;



}
table tr td a:hover{
background-color: #FC3;/*green*/
font-color:#F66;

}
.bookingMask{
background-color: #FC3;/*green*/
font-color:#F66;

}
table.bookingMask tr td:hover{
background-color: #FC3;/*green*/
font-color:#F66;

}
.footerLinks1{
	width:500px;
	float:left;
	text-align:center;
	margin-left:180px;
	
}

#booking_container {



	width:500px;



	height:53px;



	position: absolute;



	left: 220px;



	top: 0px;
	



}



#book_dateEntry {



	position:absolute;



	left:4px;



	top:16px;



	width:78px;



	height:20px;



	padding-top: 6px;



}




.dateEntry {width:65px; height:16px;}

#book_calendar {position:absolute; left:80px; top:21px; width:26px; height:22px;}

#book_checkin_label {position:absolute; left:4px; top:9px; width:44px; height:10px;}

#book_nights_label {
	position:absolute;
	left:9px;
	top:8px;
	width:48px;
	height:10px;
}

#book_nightsEntry {
	position:absolute;
	left:13px;
	top:27px;
	width:30px;
	height:23px;
}

.nightsEntry {width:45px; height:18px;}

#book_adults_label {
	position:absolute;
	left:74px;
	top:7px;
	width:29px;
	height:10px;
}

#book_adultsEntry {
	position:absolute;
	left:74px;
	top:26px;
	width:280px;
	height:22px;
}

.adultsEntry {width:70px; height:18px;}

#book_children_label {position:absolute; left:212px; top:9px; width:41px; height:10px;}

#book_childrenEntry {position:absolute; left:216px; top:23px; width:33px; height:22px;}

.childrenEntry {width:40px; height:18px;}

#book_submitButton {
	position:absolute;
	left:371px;
	top:12px;
	width:96px;
	height:36px;
}

#book_brgButton {position:absolute; left:352px; top:15px; width:126px; height:24px;}

/* ----------------------------------------------- */



/* --------------- Event Calendar ---------------- */

.events_container {width:650px;}

.events_category_title {}

.events_detail_link {color:#C60;}

.events_detail_link a {color:#C60;}

.events_entry_title {color:#C60; font:bold 14px verdana, arial, helvetica, san-serif;}

.events_entry_range {font:bold 12px verdana, arial, helvetica, san-serif;}



#eventsHolder {position:relative; width:650px; min-height:48px; height:auto !important; height:48px;}

.eventsCategoryTitle {position:relative; width:650px; color:#CC9900; font-size:16px; font-family:"Century Gothic"; border-bottom:1px solid #ebcf5e; padding:10px 0 4px 0; letter-spacing:.2em; cursor:pointer;}

.eventsCategoryHolder {position:relative; width:650px; min-height:18px; height:auto !important; height:48px; padding-bottom:18px;}

.eventsRowEven {position:relative; width:650px; min-height:14px; height:auto !important; height:14px; background-color:#FFFFFF;}

.eventsRowOdd {position:relative; width:650px; min-height:14px; height:auto !important; height:14px; background-color:#EDEDEd;}

.eventsEntryTitle {position:relative; float:left; width:446px; min-height:14px; padding-left:12px; padding-right:12px; padding-top:4px; padding-bottom:4px;}

.eventsEntryTitleOahu {position:relative; float:left; width:550px; min-height:14px; padding-left:12px; padding-right:12px; padding-top:4px; padding-bottom:4px;}

.eventsEntryDates {position:relative; float:right; width:96px; min-height:14px; padding-right:8px; padding-top:4px; padding-bottom:4px; text-align:left;}

.eventsEntryPrompt {position:relative; float:right; width:64px; min-height:14px; padding-right:12px; padding-top:4px; padding-bottom:4px; text-align:right;}

/* ----------------------------------------------- */



/* -------------- Content Layouts ---------------- */

.textOnly, p.textOnly, td.textOnly {}

.imgL {}

.imgR {}

.txtL {}

.txtR {}

.imageOnly {}

.codeOnly {}

.shadow_bottomRight {background:url("shadow_bottomRight.gif") no-repeat; width:15px; height:54px; background-position:top right;}

.darkText p {color:#2b2b2b; text-align:center;}

.topShadow {background:url("shadow_leftColumnTop.gif") repeat-y;}

.grayBoxNoLine {background-color:#F7F7F7;}

.hairlineX {background:url("hairline.gif") repeat-x;}

.hairlineY {background:url("hairline.gif") repeat-y;}

.cellDark {color:#FFF; background:#AFC4AD; font:10px Verdana, Arial, Helvetica, sans-serif;}

.cellLight {color:#696969; background-color:#FFF; font:10px Verdana, Arial, Helvetica, sans-serif;}

.cellMedium {color:#696969; background:#EDF2ED; font:10px Verdana, Arial, Helvetica, sans-serif;}

.grayBox {background:url("hairline.gif") repeat-x; background-color:#F7F7F7; padding:5px 10px;}

.weatherDay {color:#C90; font:11px Verdana, Arial, Helvetica, sans-serif;}

.weatherTemp {font:10px Verdana, Arial, Helvetica, sans-serif; color:#900;}

.currentWeather {font:11px Verdana, Arial, Helvetica, sans-serif; color:#900;}

.currentWeatherTemp {color:#900; font:13px Verdana, Arial, Helvetica, sans-serif;}

td.centerText {text-align:center;}

td.centerText p {text-align:center;}

td.centeredText p {text-align:center;}

td.homeContent {padding:0px 0 0 0px;}

td.subContent {padding:0px 0 0 0px;}

td.topnav img {margin-left:14px;}

.videoCallout_code {width:252px; min-height:32px; height:auto !important; height:32px; padding-left:10px;}

.videoCallout_text {width:353px; min-height:32px; height:auto !important; height:32px; padding-left:35px;}

/* --------- /Content Layouts ------------ */



/* ----- PhotoGallery Elements ----- */

.gallery-thumb {}

.gallery-thumb a {text-decoration:none;}

.gallery-thumb a span {text-decoration:underline;}

.gallery-thumb a span:hover {text-decoration:none;}

.gallery-thumb-pic {text-decoration:none;}



/*

.gallery-thumb-text {}

.gallery-thumb-text a {text-decoration:underline;}

.gallery-thumb-text a span {text-decoration:underline;}

.gallery-thumb-text a:hover {text-decoration:underline;}

*/



/* ----- GuestBook Form Elements ----- */

.form-button {}

/*This is for global form buttons, including the Toolkit login button.

	Create another similar button class for eRFP forms if you want specific

	positioning and update the class name in the app in the Toolkit.

	DO NOT edit the guestbook module in the modules folder*/

.form-button:hover {}

.form-checkbox, .form-notes, .form-radio, .form-select, .form-text, .form-textarea {font:10px/18px verdana, arial, helvetica, san-serif; color:#696969;}



/* IMPORTANT!!! Use the same font attributes as the <p> on the site's mainContent area for ALL of these classes. */

.text-required {color:#900;}



/* ----- mspecials module - special copy price ----- */

.copy_price {}



/* ---------- Hi-Res Media Gallery ---------- */

.Hires_GalleryTitle {}

.Hires_ImageName {}

.Hires_Links {}

.contact_email_subject_url {display:none;}



/* formElements */

.form-text {}

.form-select {font-size:10px;}

.form-textarea {}

.form-button {}

.form-button-wide {width:150px;}

.fieldset {}

.form-legend {}

.form-label {}

.scroll {}

.codePrime {width:650px; padding:0px; margin:0px;}



/* formElements */

#resPak {width:400px; margin-top:25px; text-align:left; padding-left:203px;}

#resPak iframe {border:#cccccc 1px solid;}



.imgL_txtR_img {width:160px; height:160px;}

.imgL_txtR_txt {width:470px; min-height:48px; height:auto !important; height:48px; padding-left:20px;}



/* ----- LightView Gallery ----- */



/*.photothumbholder {margin-bottom:24px;}

.photothumb {width:158px; height:158px; background-image:url("gallery_pic_shadow.png"); background-position:left top; background-repeat:no-repeat; padding-right:12px; padding-bottom:0px; padding-left:0px; padding-bottom:0px;}

.photothumb img {padding-left:4px; padding-top:4px;}

#photo_title {width:158px; min-height:24px; height:auto !important; height:24px; text-align:center; padding-top:2px;}

.phototitle {font-weight:bold; line-height:16px;}*/

/* ----------------------------- */



.blog_category {color:#CC9900; font-size:16px; font-family:"Century Gothic"; /* font-weight:bold; */}



#airhotelbooking{position:absolute; top:54px; right:29px;}

#airhotelbooking a{display:block;}


/* ---------- Photo Gallery ---------- */

.photocategory {font-size:16px; font-weight:bold; padding-bottom:8px;}

.thumbCaption{

	text-align:center;

	font-size:10px;

	font-weight:bold;

	padding-bottom:8px;

	}

.gallery-thumb {

	width:158px;

	height:158px;

	padding: 0 8px 2px 0;

	*padding: 0 8px 2px 0;

	padding: 0 8px 2px 0\0/IE8+9;

	/*padding-bottom:20px;*/

	/*display:inline-block;*/

}


.gallery-thumb img {

	background-image: url("gallery_pic_shadow.html");

    background-position: left top;

    background-repeat: no-repeat;

	padding: 4px 6px 6px 4px;

	width:150px;

}



.gallery-thumb a{ display:block;}



.gallery-thumb_trans {

	width:158px;

	height:158px;

	padding: 0 8px 2px 0;

	*padding: 0 8px 2px 0;

	padding: 0 8px 2px 0\0/IE8+9;

	/*padding-bottom:20px;*/

	/*display:inline-block;*/

	}



.hr_long2{

    

	}

	

#cboxTitle, .aling_txt {font-size:11px; text-align: center !important; font-family:verdana,arial,Helvetica,san-serif; color:#696969 !important;

}

#cboxCurrent{font-family:verdana,arial,Helvetica,san-serif; font-size:11px; color:#696969 !important;}



a, a img{ border:none; outline:none;}


.zerogrid{ width: 670px; position: relative; margin: 0 auto; padding: 0;}
.zerogrid .row{}

.zerogrid .col-1-3{float: left; display: inline; margin:10px;}
.zerogrid .col-1-3{width:30%;}

.zerogrid .col-right,.zerogrid .col-left{float: left; display: inline; margin:20px;}
.zerogrid .col-right{width:180px;}
.zerogrid .col-left{width:600px;}

.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}

.block01{ text-align:center; padding-bottom:20px;}
.block01 article{width:180px; margin:0 auto; background:#EEEEEE; border-bottom:2px solid #999;}
.block01 img{-webkit-filter: grayscale(100%);}
.block01 a img {-webkit-transition: all 0.5s;}
.block01 a img:hover {-webkit-filter: none;}
.block01 a img.brightness:hover {-webkit-filter: brightness(0);}
.block01 h2{ font-size:14px; padding:10px 0px;}
/* ---------- /Photo Gallery ---------- */