/*|-----------------------------------------|---------------------------------------|*/
/*|		WEB SAFE HAWAII TEMPLATE COLORS		|		HAWAII TEMPLATE COLORS			|*/
/*|-----------------------------------------|---------------------------------------|*/
/*|	(type)	YELLOW	GREEN	ORANGE	PURPLE	|(type)	YELLOW	GREEN	ORANGE	PURPLE	|*/
/*|	Light	 FFC	 CFC	 FFC	 FCF	|Light	FFFFBF	C7FFBF	FFEABF	EABFFF	|*/
/*|	MedLt	 FF9	 9F9	 FC9	 C9F	|MedLt	FFFF80	8FFF80	FFD480	D580FF	|*/
/*|	MedDrk	 FF0	 3F0	 F90	 609	|MedDrk	FFFF00	1DE800	FFA900	660099	|*/
/*|	Dark	 CC0	 090	 C60	 306	|Dark	B3B300	14A200	B37600	47006B	|*/
/*|-----------------------------------------|---------------------------------------|*/

/* Standard font style ordering:
font:	font-style font-variant	font-weight	font-size/line-height font-family
Example:
h1 {font: italic   small-caps	600			18px/24px	"Arial, Helvetica, sans-serif" */

/* !!! ID overrides class overrides element !!! */

/*===================================================================================*/
/* "element" or "selector" formatting ===============================================*/
/*===================================================================================*/
* {
	margin: 0;
	padding: 0;
	text-align:left; 
 	}
body {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	background-image: url("http://www.mauibeachfrontrentals.net/css/images/background_gradient.jpg");
	background-repeat: repeat-x;
/*	background-attachment: fixed; */
	background-color: #FFFFBF ;
	text-align: center;
	}
p { 
	}
h1,h2,h3,h4,h5,h6 { 
	font-size: 14px;
	line-height: 20px;
	}
img {
	border: 0px ;
	vertical-align: middle;
	}
div {
	}
a:link, a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #660098;
	}
a:hover { 
	text-decoration: underline; 
	}
input:focus {
	background-color: #ffffbf;
	}

/*===================================================================================*/
/* "id" formatting ==================================================================*/
/*===================================================================================*/
#mywrapper {
	width: 900px;	
	margin:0 auto;
/*	position: relative;	*/
/*	display: inline;	*/

	}
/*-----------------------------------------------------------------------------------*/
#myheader { 
	vertical-align: bottom;
	width: 900px; 
	position: relative;	
	float: left;
	border-bottom: 20px solid #660099;
	margin-bottom: 7px;
	}
/*-----------------------------------------------------------------------------------*/
#tabnav {
	position: absolute ;
	bottom: 0px;
	right: 0px;
	}
#tabnav ul {
	padding:10px 0px 0px 0px;
	list-style:none;
	}
#tabnav li {
	float:left;
	padding: 0px 0px 0px 9px;
	background:url("http://www.mauibeachfrontrentals.net/css/images/norm_left.png") no-repeat left top;
	}
#tabnav a {
	display:block;
	background:url("http://www.mauibeachfrontrentals.net/css/images/norm_right.png") no-repeat right top;
	padding:5px 15px 5px 6px;
	}
	
#tabnav a:link, #tabnav a:visited { 
	color: #14A200;
	}
#tabnav a:hover { 
	color: #660099;
	text-decoration: none; 
	}
	
#tabnav #current {
	color: #47006B;
	background-image:url("http://www.mauibeachfrontrentals.net/css/images/norm_left_on.png");
	border-width: 0px;
	}
#tabnav #current a {
	color: #47006B;
	background-image:url("http://www.mauibeachfrontrentals.net/css/images/norm_right_on.png");
	padding-bottom: 5px;
	}  
/*-----------------------------------------------------------------------------------*/
#addeverything {
	position: relative;	
	float: right;
	}	
#translation {
	position: relative;	
	float: right;
	}	
/*-----------------------------------------------------------------------------------*/
#myfooter { 
	width: 900px; 
	height: 160px;
	color: #000000;
	padding: 50px 7px 0px 7px;
	clear: both;
	background-image: url("http://www.mauibeachfrontrentals.net/css/images/beach_sand.png");
	background-repeat: no-repeat;
	background-position: bottom;
	}
#myfooter h2 { 
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
	}
#myfooter p { 
	font-size: 12px;
	text-align: center;
	line-height: 14px;
	}
#myfooter img { 
	text-align: center;
	margin-top: 12px;
	}	
/*-----------------------------------------------------------------------------------*/
#slideshow {
	width: 600px; 
	height: 200px; 
	float: left;
	margin-bottom: 7px;
	
	
	}
/*-----------------------------------------------------------------------------------*/
#welcome {
	width: 300px; 
	height: 200px; 
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
	float: right;
	font-weight: bold; 
	}
#welcome h1 {
	color: #47006B;
	text-align: center;
	}
#welcome p {
	color: #14A200;
	text-align: center;
	}
/*-----------------------------------------------------------------------------------*/
#sidemenu {
	width: 250px; 
	float: left;
	margin-bottom: 7px;
	border-bottom: 1px solid #aaaa40;
	}
#sidemenu h2 {
	color: #FFEABF;
	background-color: #660099;
	padding-left: 5px;
	margin-bottom: 7px;
	}
#sidemenu ul {
	list-style-type: none;
	}
#sidemenu li {
	border-bottom: 1px solid #FFFF80;
	}
#sidemenu li a:link, #sidemenu li a:visited {
	color: #000000;
	font-size: 13px;
	line-height: 22px;
	display: block;
	padding: 3px 0px 3px 5px;
	border-left: 12px solid #B37600;
	border-right: 1px solid #B37600;
	background-color: #FFD480;
	text-decoration: none;
	}
#sidemenu li a:hover {
	border-left: 12px solid #660099;
	background-color: #FFA900;
	}

#sidemenu li.focalpoint a:link, #sidemenu li.focalpoint a:visited {
	border-left: 12px solid #14A200;
	border-right: 1px solid #B3B300;
	background-color: #FFFF00;
	}
#sidemenu li.focalpoint a:hover {
	border-left: 12px solid #660099;
	background-color: #FFA900;
	}
	
/*-----------------------------------------------------------------------------------*/
#featured {
	width: 643px; 
	float: right;
	}
#featured h2 {
	color: #FFEABF;
	background-color: #660099;
	padding-left: 5px;
	margin-bottom: 7px;
	}
#featured h3 {
	vertical-align: top;
	}
#featured p {
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
	}	
#featured img {
	margin: 0px 5px 7px 0px;
	border: solid 1px #000000;
	}		
/*-----------------------------------------------------------------------------------*/
#yahoomap {
	width: 600px; 
	height: 415px; 
	float: left;
	} 
#yahoomap h2 {
	color: #FFEABF;
	background-color: #660099;
	padding-left: 5px;
	margin-bottom: 7px;
	}
#yahoomap p {
	text-align: right;
	}
#yahoomap a:visited {
	color: #D580FF;
	}
#mapContainer {
	border: solid 1px #B37600;
	width: 600px; 
	height: 400px; 
	} 
/*-----------------------------------------------------------------------------------*/
#propertylist {
	width: 300px; 
	float: right;
	}
#propertylist h2 {
	font-size: 13px;
	color: #FFEABF;
	background-color: #660099;
	padding-left: 5px;
	margin-bottom: 7px;
	}
#propertylist ul { 
	border: solid 1px #B37600;
	border-left: 0px;
	color: #000000;
	padding: 10px;
	font-size: 12px;
	line-height: 12px;
	list-style-type: none;
	height: 400px; 

	background-image: url("http://www.mauibeachfrontrentals.net/css/images/background_gradient_shorter.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFBF;
	}
/*-----------------------------------------------------------------------------------*/
#about {
	width: 580px;
	margin-top: 30px;
	margin-bottom: 30px;
	float: left;
	}
#about h2 {
	color: #B37600;
	font-size: 15px;
	line-height: 17px;
	text-decoration: underline;
	margin-bottom: 15px;
	}
#about p {
	color: #47006B;
	font-size: 13px;
	line-height: 16px;
	text-align: justify;
	}
/*-----------------------------------------------------------------------------------*/
#moreinfo {
	width: 300px; 
	margin-bottom: 30px;
	padding: 10px;
	float: right;

	background-image: url("http://www.mauibeachfrontrentals.net/css/images/background_gradient_shorter.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFBF;
	}
#moreinfo h2 {
	color: #B37600;
	font-size: 15px;
	line-height: 17px;
	text-decoration: underline;
	padding: 5px;
	margin: 0px;
	}
#moreinfo p {
	color: #47006B;
	font-size: 13px;
	line-height: 16px;
	padding: 5px;
	}
#moreinfo ul {
	list-style:none;
	padding: 5px 0px 5px 25px;
	}
/*-----------------------------------------------------------------------------------*/
/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#map3d_container {
	width: 898px;
	height: 400px;
	border: solid 1px #B37600;
	margin-bottom: 15px;
	}
#map3d {
	height: 100%;
	}
/*-----------------------------------------------------------------------------------*/
#vacationrentals-left  {
	float: left;
	position: relative;
	width: 440px; 
	}
#vacationrentals-left img {
	margin: 0px 5px 7px 0px;
	border: solid 1px #000000;
	}	
#vacationrentals-left li {
	float: left;
		list-style-type: none;
	}
#vacationrentals-left p {
	margin-bottom: 7px;
	}	
#vacationrentals-left h1.intro {
	color: #B37600;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 7px;
	}
#vacationrentals-left p.intro {
	color: #47006B;
	text-align: justify;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	margin-bottom: 25px;
	}	
/*-----------------------------------------------------------------------------------*/
#vacationrentals-right  {
	float: right;
	position: relative;
	width: 440px; 
	}
#vacationrentals-right img {
	margin: 0px 5px 7px 0px;
	border: solid 1px #000000;
	}	
#vacationrentals-right li {
	float: left;
		list-style-type: none;
	}
#vacationrentals-right p {
	margin-bottom: 7px;
	}	
/*-----------------------------------------------------------------------------------*/
#moreinfop2 {
	width: 440px; 
	margin-bottom: 30px;
	padding: 10px;
	float: right;

	background-image: url("http://www.mauibeachfrontrentals.net/css/images/background_gradient_shortest.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFBF;
	}
#moreinfop2 h2 {
	color: #B37600;
	font-size: 15px;
	line-height: 17px;
	text-decoration: underline;
	padding: 5px;
	margin: 0px;
	}
#moreinfop2 p {
	color: #47006B;
	font-size: 13px;
	line-height: 16px;
	padding: 5px;
	}
#moreinfop2 ul {
	list-style:none;
	padding: 5px 0px 5px 25px;
	}
/*-----------------------------------------------------------------------------------*/
/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/
/*-----------------------------------------------------------------------------------*/
#attractions {
	width: 778px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-bottom: 30px;
	}
#attractions h1 {
	color: #B37600;
	font-size: 15px;
	line-height: 17px;
	text-decoration: underline;
	margin: 10px 0px 10px 30px;
	}
#attractions p {
	color: #47006B;
	font-size: 12px;
	line-height: 14px;
	text-align: justify;
	margin: 0px 0px 20px 30px;
	}
#attractions iframe {
	border: solid 1px #B37600;
	margin: 7px 7px 7px 8px;
	height: 910px;
	width: 230px;
	background-color: #ffff80;
	}
/*-----------------------------------------------------------------------------------*/
/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/
/*-----------------------------------------------------------------------------------*/
#tools {
	width: 535px;
	float: left;
	padding: 20px 6px 0px 30px;
	margin-bottom: 20px;
	}
#tools h1 {
	color: #B37600;
	font-size: 15px;
	line-height: 17px;
	text-decoration: underline;
	margin: 0px 0px 15px 0px;
	}
#tools p {
	color: #47006B;
	font-size: 12px;
	line-height: 14px;
	text-align: justify;
	margin: 0px 10px 10px 0px;
	}
#tools ul {
	margin: 0px 0px 10px 0px;
	}
#tools li {
	margin: 0px 0px 3px 25px;
	}
/*-----------------------------------------------------------------------------------*/
#traveltips {
	float: left;
	padding: 15px 20px 15px 15px;
	background-color: #C7FFBF;
	margin-bottom: 20px;
	margin-top: 20px;
	}
#traveltips h1 {
	color: #B37600;
	font-size: 15px;
	line-height: 17px;
	text-decoration: underline;
	margin: 0px 0px 10px 0px;
	}
#traveltips p {
	color: #47006B;
	font-size: 12px;
	line-height: 14px;
	text-align: justify;
	margin: 0px 0px 5px 0px;
	}
#traveltips ul {
	margin: 0px 0px 10px 0px;
	}
#traveltips li {
	margin: 0px 0px 7px 25px;
	}
/*-----------------------------------------------------------------------------------*/
/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/
/*-----------------------------------------------------------------------------------*/
#hotels {
	width: 535px;
	margin-bottom: 30px;
	float: left;
	padding: 30px 16px 0px 30px;
	margin-bottom: 20px;
	}
#hotels h1 {
	color: #B37600;
	font-size: 15px;
	line-height: 17px;
	text-decoration: underline;
	margin: 0px 0px 20px 0px;
	}
#hotels p {
	color: #47006B;
	font-size: 12px;
	line-height: 14px;
	text-align: justify;
	margin: 0px 0px 30px 0px;
	}
#hotels ul {
	list-style:none;
	text-align: center;
	margin: 0px 0px 40px 0px;
	}
#hotels li {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	}
#hotels form {
	width: 250px;
	border: solid 1px #B37600;
	margin: 0px 0px 0px 125px;
	padding: 5px 5px 5px 5px;
	}	
#hotels iframe {
	border: solid 1px #B37600;
	margin: 7px 7px 7px 8px;
	height: 910px;
	width: 230px;
	background-color: #ffff80;
	}
/*-----------------------------------------------------------------------------------*/
/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/
/*-----------------------------------------------------------------------------------*/
#resources  {
	width: 548px;
	margin-bottom: 30px;
	float: left;
	padding: 30px 30px 0px 30px;
	margin-bottom: 20px;
	}
#resources h1 {
	color: #B37600;
	font-size: 15px;
	line-height: 17px;
	text-decoration: underline;
	margin: 0px 0px 10px 0px;
	}
#resources h2 {
	color: #979900;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	}
#resources p {
	color: #47006B;
	font-size: 11px;
	line-height: 12px;
	text-align: justify;
	margin: 0px 0px 6px 0px;
	}
#resources iframe {
	border: solid 1px #B37600;
	margin: 7px 7px 7px 8px;
	height: 910px;
	width: 230px;
	background-color: #ffff80;
	}
/*-----------------------------------------------------------------------------------*/
/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/
/*-----------------------------------------------------------------------------------*/
#contact {
	width: 535px;
	margin-bottom: 30px;
	float: left;
	padding: 30px 16px 0px 30px;
	margin-bottom: 20px;
	}
#contact h1 {
	color: #B37600;
	font-size: 15px;
	line-height: 17px;
	text-decoration: underline;
	margin: 0px 0px 10px 0px;
	}
#contact p {
	color: #47006B;
	font-size: 12px;
	line-height: 14px;
	text-align: justify;
	margin: 0px 0px 0px 0px;
	}
#contact iframe {
	border: solid 1px #B37600;
	margin: 7px 7px 7px 8px;
	height: 910px;
	width: 230px;
	background-color: #ffff80;
	}


/*-----------------------------------------------------------------------------------*/
/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/
/*-----------------------------------------------------------------------------------*/
#translate {
	margin: 30px;
	text-align: center;
	}

/*===================================================================================*/
/* "Google Ads" formatting ==========================================================*/
/*===================================================================================*/
#googleadleft {
	width: 120px;
	float: left;
	margin-bottom: 20px;
	}
#googleadtop {
	float: right;
	}
#googleadright {
	float: right;
	margin-top: 15px;
	margin-bottom: 20px;
	}

	
	
/*===================================================================================*/
/* "Viator Ads" formatting ==========================================================*/
/*===================================================================================*/
#viatorright iframe {
	border: solid 1px #B37600;
	float: right;
	margin: 20px 0px 0px 0px;
	height: 910px;
	width: 230px;
	}
#viatorrighthotel iframe {
	border: solid 1px #B37600;
	float: right;
	margin: 20px 0px 0px 0px;
	height: 580px;
	width: 230px;
	}
	
/*===================================================================================*/
/* "class" formatting ===============================================================*/
/*===================================================================================*/
	
.clearleft {
	clear: left;
	}
.clearright {
	clear: right;
	}
.floatleft {
	float: left;
	}
.floatright {
	float: right;
	}
.scrollonoverflow {
	overflow: scroll;
	/*scrollbar-arrow-color: #47006B;Arrow color*/
	/*scrollbar-base-color: #FFFF80;base color of scrollbar*/
	/*scrollbar-face-color: #B37600;face color of scrollbar*/
	/*scrollbar-highlight-color: #FFD480;top and left edges of scrollbar*/
	/*scrollbar-shadow-color: #B37600;bottom and right edges of scrollbar*/
	/*scrollbar-dark-shadow-color: #937600;bottom and right shadow of scrollbar*/
	}
.thinborder{
	border: solid 1px #B37600;
	}
.leftmargin30 {
	margin-left: 30px
	}
.s10txt a {
	font-size: 90%;
}

/*===================================================================================*/

/*|-----------------------------------------|---------------------------------------|*/
/*|		WEB SAFE HAWAII TEMPLATE COLORS		|		HAWAII TEMPLATE COLORS			|*/
/*|-----------------------------------------|---------------------------------------|*/
/*|	(type)	YELLOW	GREEN	ORANGE	PURPLE	|(type)	YELLOW	GREEN	ORANGE	PURPLE	|*/
/*|	Light	 FFC	 CFC	 FFC	 FCF	|Light	FFFFBF	C7FFBF	FFEABF	EABFFF	|*/
/*|	MedLt	 FF9	 9F9	 FC9	 C9F	|MedLt	FFFF80	8FFF80	FFD480	D580FF	|*/
/*|	MedDrk	 FF0	 3F0	 F90	 609	|MedDrk	FFFF00	1DE800	FFA900	660099	|*/
/*|	Dark	 CC0	 090	 C60	 306	|Dark	B3B300	14A200	B37600	47006B	|*/
/*|-----------------------------------------|---------------------------------------|*/