/* -------------------------------- */
/* toolkitCore */
* { outline: none; -moz-outline-style: none;}
object { outline:none; } 

body {
	background-color: #ddd3c1;
	background-image: url(bg.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
}

form {
	margin:0px;
	padding:0px;
}

p, td, ol, ul, li  {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19pt;
	font-weight: normal;
	color: #5a4331;
	}



a {
	color: #547c45;
	text-decoration: underline;
}

a:hover {
	color: #3f2719;
	text-decoration: underline;
}

h1{
	font-size: 18px;
	letter-spacing: 2px;
}

h2{
	font-size: 14px;
	letter-spacing: 2px;
}

.text-dark,.text-medium,td,p,div,ul,li { }

.headline,.header,.text-header,h3 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #635044;
	}

.headline2 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #496d7e;
}

.subheadline, .subheader,.text-subheader,h4 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #496d7e;
}

.disclaimer,.text-dark-sm,.text-disclaimer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: normal;
	color: #4f3321;
}

.copy_price {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4f3321;
}

.white,text-light {}

.text-required { color:#990000; }

.special ul, .special li{
	margin-top:0px;
}

.footer-left {
color: #b1a391;
font-family: Arial;
font-size: 10px;
	float: left;
	text-align: left;
	width: 500px;

}
.footer-right {
color: #b1a391;
font-family: Arial;
font-size: 10px;
	float: right;
	width: 400px;
	text-align: right;
}


/* /toolkitCore  */


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

/* contentBlocks */

.callout_top {
	background-image: url(callout_top.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	
}
.clear {clear: both; float: none !important;}
div.facial {padding: 8px 0 8px 0;}
div.facialk {padding: 8px 0 0 0;}
div.facial div {float: right; width: 470px; margin: 0; }
div.facial h3 {color: #000;}
div.facial img {float: left; margin: 5px 10px 0px 0px; border: 5px solid #cbd9c0; }

.callout_middle {
	background-image: url(callout_middle.gif);
	background-repeat: repeat-y;
	padding-bottom: 5px;
	
}

.callout_middleR {
	background-image: url(callout_middleR.gif);
	background-repeat: repeat-y;
	width: 275px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 0px;

}

.callout_middleL {
	background-image: url(callout_middleL.gif);
	background-repeat: repeat-y;
	width: 275px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 0px;
	}
	
.callout_middleL ul, .callout_middleL ol, .callout_middleL li {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #427187;
	line-height: 19px;

	}
	
.callout_middleR ul, .callout_middleR ol, .callout_middleR li  {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #427187;
	line-height: 19px;

	}

.callout_bottom {
	background-image: url(callout_bottom.gif);
	background-repeat: no-repeat;
}

.callout_middle p {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #427187;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 23px;
}

.callout_middle ul, .callout_middle ol {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #427187;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 23px;
}

	/* callout w image */
	
	
	.callout_imgR_text {
		background-image: url(bg_imgR_calloutL.gif);
		background-repeat: no-repeat;
		padding-top: 15px;
		padding-right: 12px;
		padding-bottom: 22px;
		padding-left: 20px;
	}
	
	.callout_imgR_text p {
		font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #427187;
		line-height: 23px;
		margin-top: 0px;
		}
	
	
	
	.callout_imgR_img {
		background-image: url(bg_imgR_calloutR.gif);
		background-repeat: no-repeat;
		height: 98px;
		width: 160px;
		padding-top: 11px;
		padding-right: 15px;
		padding-bottom: 11px;
		padding-left: 16px;
	}



	/* callout w image */
	
	/* callout w image expandable*/

	.callout_imgR_text2 p {
		font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #427187;
		line-height: 23px;
		margin-top: 0px;
		margin-bottom: 0px;
	}	
	
	
	.callout_imgR_img2 {
		background-image: url(bg_imgR_calloutR2.gif);
		background-repeat: no-repeat;
		height: 98px;
		width: 160px;
		padding-top: 11px;
		padding-right: 15px;
		padding-bottom: 7px;
		padding-left: 16px;
	}


	.callout_imgR_text_bottom2 {
		background-image: url(callout_middle.gif);
		background-repeat: repeat;
		background-position: top;
		margin-top: 0px;
		padding-top:0px;
		padding-right: 200px;
}
	
	.callout_imgR_text_bottom2 p {
		font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #427187;
		line-height: 23px;
		margin-top: 0px;
		padding-left:18px;
		padding-right:14px;
		padding-bottom: 0px;
	}
	
	.callout_imgR_text_bottom_bg2 {
	background-image: url(callout_bottom.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 585px;
}

	.callout_imgR_text2 {
		background-image: url(bg_imgR_calloutL2.gif);
		background-repeat: no-repeat;
		padding-top: 17px;
		padding-right: 12px;
		padding-bottom: 0px;
		padding-left: 20px;
	}
	



	
	
	/* callout w image expandable*/

.separator {
	background-image: url(separator.gif);
	background-repeat: no-repeat;
}



/* contentBlocks */

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

/* galleryPop */

#gallery_pop {
	width: 596px;
	position: relative;
}

#gallery_pop a {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #718867;
}

#gallery_pop a:hover {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}


#g_top {
	background-image: url(gallerypop/top_bg.gif);
	background-repeat: no-repeat;
	height: 63px;
	width: 596px;
}

#g_middle {
	background-image: url(gallerypop/middle_bg.gif);
	height: 361px;
	width: 596px;
}


#g_caption {
	background-image: url(gallerypop/caption_bg.gif);
	background-repeat: repeat-y;
	width: 596px;
	padding-top: 0px;
}

#caption {
	width: 596px;
	background-image: url(gallerypop/caption_bg.gif);
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3f2719;
	text-align: center;
}


#g_bottom_links {
	width: 596px;
	height: 80px;
	background-image: url(gallerypop/bottom_bg.gif);
	padding-top: 10px;
	background-repeat: no-repeat;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#links_container {
	width: 476px;
}

.next {
	display: inline;
	float: right;
}
.previous {
	display: inline;
	float: left;
}

.g_dropdown {
	display: inline;
	text-align: center;
}

.g_ul {
	display: inline;
	color: #d1dcce;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.g_image {
	padding-top: 0px;
	padding-right: 58px;
	padding-left: 58px;
}

.bottomcontent {
	margin-bottom: 25px;
}

.specialsimage img {
	border: 3px solid #FFFFFF;

}

.menu_details {}
.menu_details p {font-family:Constantia, "Times New Roman", Times, serif; font-size:16px; font-style:italic;}

/* galleryPop */

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

/* shellIDs */

#container {
	width: 946px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#containersub {
	width: 946px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(container2_bg.gif);
	background-repeat: repeat-y;
	position: relative;
}

#toparea {
	background-image: url('/toolkit/presentation/shell/malibubeachinn/assets/toparea.gif');
	text-align: center;
	
	height: 126px;
	border: 0;
	margin: 0;
	padding: 0;
	width: 946px;
}
 
#topnav {
	height: 37px;
	width: 946px;
	background-image: url(topnav_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
}

ul#menu2 {padding: 0; margin: 0; height: 37px; background: url(../image/mbg.jpg) repeat-x; text-align: center;}
ul#menu2 li {font-family: Arial; font-size: 10px; height: 37px; display: inline; text-align: center;}
ul#menu2 li a { margin: 0px 12px 0 0px; color: #ede6da; text-decoration: none;
	text-transform: uppercase;
	font: bold 10px Arial;
}
ul#menu2 li a:hover, ul#menu2 li a.on {margin: 0px 12px 0px 0px; color: #accaa0;  text-decoration: none;
	font: bold 10px Arial;
}

ul#menu2 li.last a {margin: 0px 0px 0 0px; color: #ede6da; text-decoration: none;
	font: bold 10px Arial;
}
ul#menu2 li.last a:hover, ul#menu2 li.last a.on {margin: 0px 0px 0 0px; color: #accaa0;  text-decoration: none;
	font: bold 10px Arial;
}


ul#menu3 {position: absolute; margin-top: -10px; padding: 0; background: url(../image/mbg.jpg) repeat-x; text-align: right;}
ul#menu3 li {display: inline; text-align: right;}
ul#menu3 li a {margin: 0px 10px 0 0px; color: white; text-decoration: none;
	text-transform: uppercase;
	font: 9px Arial;
}
ul#menu3 li a:hover, ul#menu3 li a.on {margin: 0px 10px 0 0px; size: 9px; color: #c7d4d1;  text-decoration: none;
	font: 9px Arial;
	text-transform: uppercase;
}
ul#menu3 li.last a {margin: 0px 0px 0 0px; size: 9px; color: white; text-decoration: none;
	text-transform: uppercase;
	font: 9px Arial;
}
ul#menu3 li.last a:hover, ul#menu3 li.last a.on {margin: 0px 0px 0 0px; size: 9px; color: #c7d4d1;  text-decoration: none;
	font: 9px Arial;
	text-transform: uppercase;
}


ul#menu4 {padding: 0; position:absolute; background: url(../image/mbg.jpg) repeat-x; text-align: left;}
ul#menu4 li {display: inline; text-align: left;}
ul#menu4 li { color: white; text-decoration: none;
	text-transform: uppercase;
	font: 9px Arial;
	margin: 0 16px 0 0px;
}


a.float {
	color: #ddd3c1;
	font-size: 14px;
	text-decoration: none;
}

a.float:hover {
	color: #96b383;
	font-size: 14px;
		text-decoration: none;
}


a.floatk {
	font-size: 14px;
	color: #96b383;
		text-decoration: none;
}

a.floatk:hover {
	font-size: 14px;
	color: #96b383;
		text-decoration: none;
}


#flasharea {
	background-image: url(flash_temp.jpg);
	background-repeat: no-repeat;
	height: 365px;
	margin-left: 0.5px;
	width: 946px;
	outline: none;
}

	/* booking mask home */


select {
	font-size: 10px;
}

#bookingmask {
	height: 45px;
	width: 946px;
	background-image: url(bookingmask/checkavail_subpage_bg.gif);
	background-position-y: -5px;
	background-repeat: repeat-y;
}


		.line1 {
		height: 45px;
		width: 946px;
		position: relative;
		}
		
		.checkin {
		position: absolute;
		left: 283px;
		top: 17px;

			}
		
		.calendar {
		position: absolute;
		left: 350px;
		height: 20px;
		width: 32px;
		top: 19px;
			}
		
		.adults {
		position: absolute;
		left: 436px;
		top: 18px;
		}
		
		.nights {
		position: absolute;
		left: 387px;
		top: 18px;	
		}
		
		.children {
		position: absolute;
		left: 485px;
		top: 18px;
		
		}
		
		.check_button {
		position: absolute;
		left: 530px;
		height: 26px;
		width: 164px;
		top: 11px;
		}


	/* /booking mask subpages */
	
#flasharea2 {
	background-repeat: no-repeat;
	height: 365px;
	width: 946px;
}

#subpagemiddle{
	position: relative;
	height: 55px;
	width: 946px;
}


	/* booking mask subpages */

	#bookingmask2 {
		height: 55px;
		width: 677px;
		background-image: url(bookingmask/checkavail_subpage_bg.gif);
		background-repeat: no-repeat;
		left: 0px;
		top: 0px;
		position: absolute;
	}
	

		.line2 {
		height: 45px;
		width: 677px;
		position: relative;
		}
		
		.checkin2 {
		position: absolute;
		left: 248px;
		top: 23px;

			}
		
		.calendar2 {
		position: absolute;
		left: 315px;
		height: 20px;
		width: 32px;
		top: 25px;
			}
		
		.adults2 {
		position: absolute;
		left: 400px;
		top: 25px;
		}
		
		.nights2 {
		position: absolute;
		left: 350px;
		top: 25px;	
		}
		
		.children2 {
		position: absolute;
		left: 447px;
		top: 25px;
		
		}
		
		.check_button2 {
		position: absolute;
		left: 500px;
		height: 26px;
		width: 164px;
		top: 17px;
		}
	
	/* /booking mask subpages */
	
	#subnav {
	height: 55px;
	width: 249px;
	background-image: url(subnav_bg.gif);
	background-repeat: repeat-y;
	position: absolute;
	top: 0px;
	left: 677px;
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
	}

	#subpageside {
	width: 249px;
	position: absolute;
	top: 55px;
	left: 677px;
	}
	
		#dining {
		position: relative;

		left: 0;
		padding-bottom: 200px;
			}
			
			#dining div, #dining p, #dining td {
				font-family: Century Gothic, Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 19pt;
				font-weight: normal;
				color: #e7e8de;
				}
			
			.openheader, .openheader span, .openheader p, .openheader td {
				font-family: "Century Gothic", Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 12pt;
				color: #d4dfd2;
				text-transform: uppercase;
							}
			

#contentwrapper {
	background-image: url(container_bg.gif);
	background-repeat: repeat-y;
	min-height: 100px;
	padding-bottom:15px;
	padding-left: 15px;

	

}
#contentwrapper2 {
	background-image: url(container2_bg.gif);
	background-repeat: repeat-y;
	min-height:402px;
	height:auto !important;
	height:402px;
}
#contentareaSub {
	width: 906px;
	padding-top: 16px;
	padding-bottom:15px;
	padding-left: 40px;
	position: relative;
	text-align: left;
}

#contentarea {
	width: 906px;
	text-align: left;
}

#content-content {
	padding-top: 16px;
	padding-bottom:15px;
	padding-left: 15px;
	width: 610px;
	float: left;
	text-align: left;
}

#content-right {
	
	float: right;
	width: 249px;
	background-image: url('pattern.jpg');
	background-repeat: repeat-y;
}

#bottombar {

	width: 946px;
	background-image: url(bottombar.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 90px;
	
}

#music_holder { padding: 0; position: absolute; margin-top: -7px}

#footer {
	background-image: url(footer.gif);
	background-repeat: no-repeat;
	height: 85px;
	width: 946px;
	text-align: center;
}

#footer2 {
	background-image: url(footer2.gif);
	background-repeat: no-repeat;
	height: 85px;
	width: 946px;
	text-align: right;
}

/* /shellIDs */
/* -------------------------------- */


/* Menu Styles Begin */
.menu_heading {color:#000000; font-size:17px; font-weight:bold; font:Constantia, Times New Roman, Times, serif; font-family:Constantia, Times New Roman, Times, serif; font-style:italic; line-height:17px;}
.menu_subheading {color:#000000; font-size:14px; font-weight:bold; font:Constantia, Times New Roman, Times, serif; font-family:Constantia, Times New Roman, Times, serif; font-style:italic; line-height:22px;}
.menu_content {color:#000000; font-size:12px; font:Constantia, Times New Roman, Times, serif; font-family:Constantia, Times New Roman, Times, serif; font-style:italic; line-height:14px;}
/* Menu Styles End */
/* -------------------------------- */


/* GuestBook Form Elements */
.form-button {}
.form-checkbox {}
.form-notes {}
.form-radio {}
.form-select {
	font-size: 12px;
}
.form-text {}
.form-textarea {}
/* GuestBook Form Elements */
.subnav_links {font-size:14px; font-weight:bold;}
.subnav_links a {color:#003B5C;}
.subnav_links a:hover {color:#547C45; text-decoration:none;}


#sideAds{
	margin-top: 20px;
}



div#images {width: 645px; overflow: hidden;}
div#images img {border: 5px solid #cbd9c0;}
div#bs {width: 10000px;}
div#images div.scroll {width: 645px; float: left;}
div.left, div.right, div.center {float: left; width: 188px;}
div#images div.center {text-align: center;}
div#images div.right {text-align: right;}
div#list {margin: 5px 0 0 0}
div#list a {display: block; float: left; width: 30px; height: 24px; background: url(/image/b1.jpg) no-repeat; font: 12px/24px Helvetica, Arial; text-align: center; margin: 0 4px 0 0; color: #222 !important; text-decoration: none !important; cursor: pointer;}
div#list a.act {background: url(/image/b2.jpg) no-repeat !important;}


a.button {float: left;padding: 0 15px 0 0;height: 24px;border: 0;cursor: pointer;text-align: center;text-decoration: none !important;color: #444;background: transparent url('/image/bg_button_a.png') no-repeat right top;font: normal 12px arial, sans-serif;overflow: visible;}
a.button span {display: block;padding: 0 0 0 15px;height: 24px;line-height: 24px;white-space: nowrap;color: #444;text-decoration: none !important;background: transparent url('/image/bg_button_span.png') no-repeat left top;}
a.button:hover,
a.button:focus {text-decoration: none !important;background-position: right bottom;}
a.button:hover span,
a.button:focus span {text-decoration: none !important;background-position: left bottom;}
a.button:focus {margin-top: 1px;}
a.button::-moz-focus-inner 
/* fixing evil default firefox padding */ {padding: 0;border: none;}

a.button_check {float: left;padding: 0 15px 0 0;height: 24px;border: 0;cursor: pointer;text-align: center;text-decoration: none !important;color: #444;background: transparent url('/image/bg_button_a.png') no-repeat right top;font: normal 12px arial, sans-serif;overflow: visible;}
a.button_check span {display: block;padding: 0 0 0 15px;height: 24px;line-height: 24px;white-space: nowrap;color: #444;text-decoration: none !important;background: transparent url('/image/bg_button_span.png') no-repeat left top;}
a.button_check:hover,
a.button_check:focus {text-decoration: none !important;background-position: right bottom;}
a.button_check:hover span,
a.button_check:focus span {text-decoration: none !important;background-position: left bottom;}
a.button_check:focus {margin-top: 1px;}
a.button_check::-moz-focus-inner 
/* fixing evil default firefox padding */ {padding: 0;border: none;}