/*-----------------------------------------------------------------------------
Coast Hotel Screen Stylesheet

version:   2.0
date:      07/21/08
-----------------------------------------------------------------------------*/

/* Reset CSS
-----------------------------------------------------------------------------*/
body{padding:0;margin:0;font:13px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}
h1, h2, h3, h4, h5, h6, ul, li, em, pre, code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0px none;}
p{margin: 0;}

/* Homepage
-----------------------------------------------------------------------------*/
html, body, .wrapper_extra { width: 100%; height: 100%; min-height: 100%; font: 11px verdana;  }
html { background: url('../images/bg.gif');   }
html a:hover { visibility: visible }
html>body .wrapper_extra { height: auto; }
.wrapper_extra { position:relative }
.wrapper_extra {
	width: 1000px;
	min-height: 100%;
	margin: auto
}


/* End Mac IE5 filter */
.wrapper_extra
	{
	position: relative;
	}
* html .wrapper
	{
	/* bizarrely necessary for IE6 ! */
	position/**/: relative;
	}
.wrapper
	{
	width: 1000px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	display: inline-block; /* Fixes nasty Opera7 scrolling bug */
	}

a { text-decoration: none; }

h1 {color:#d8df2b; font-size:14px;padding-bottom:5px;}
h2 {color:#64210f; font-size:13px;padding-bottom:5px;padding-top:5px;}
h3 {color:#d8df2b; font-size:18px;}
h4 {color:#111; font:13px;padding-bottom:5px;}
h5 {color:#6CF; font-size:15px; font-weight:bold;padding-bottom:6px;}


p {line-height:1.55em;padding-bottom:5px;}
p a{color:#fbb03c}
.dj_list{color:#d8df2b;
}

/* Navigation
-----------------------------------------------------------------------------*/
.nav { width: 100%; background: url('../images/nav-back.png') repeat-x;}
.nav ul { list-style-type: none; }
.nav li { float: left; }
.nav a { display: block; }
.nav a:hover img { visibility: hidden; }

.menu1 { background: url('../images/nav_overview_mo.gif'); }
.menu2 { background: url('../images/nav_what_mo.gif'); }
.menu3 { background: url('../images/nav_dining_mo.gif'); }
.menu4 { background: url('../images/nav_contact_mo.gif'); }
.menu5 { background: url('../images/nav_sign_mo.gif'); }
.menu6 { background: url('../images/nav_gallery_mo.gif'); }
.menu7 { background: url('../images/nav_hv_mo.gif'); }
/* Footer
-----------------------------------------------------------------------------*/
div.footer{background:url('../images/footer_bg.gif') repeat-x;color: #FFF;font-size:9px;margin-top:10px;overflow:hidden; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px}
div.footer p{color:#FFF;padding: 0;line-height:1.3em;}
div.footer a{display:inline;color: #fff}
.footer_l {float:left;clear:both}
.footer_r {float:right;text-align:right;}
* html .footer{height: 5%;}



/* Template
-----------------------------------------------------------------------------*/
.dining{background:#8D9437;overflow:hidden;}
.what{overflow:hidden;}
.aha{background:#595d4d;overflow:hidden;}


.article01{
overflow:hidden;padding:5px;background-color:#81815e;
}

.article02{
overflow:hidden;padding:5px;background-color:#6a6f4d;
}


.article03{
overflow:hidden;padding:5px;background-color:#5b7e99;
}

.article04{
overflow:hidden;padding:5px;background-color:#425c70;
}



.left_column
	{
	float: left;
	width: 540px;
	}
* html .left_column
	{
	display: inline; 
	}

.right_column
	{
	float: left;
	width: 450px;
	margin-left:10px;
	}
.box
	{
	padding:15px;margin-top:9px
	}
	
.box_con
	{
	padding:15px;margin-top:0px
	}
	
	
	.box_sp
	{
	padding:15px 0px 15px 0px;margin-top:9px
	}
	

.left_column .box
	{
	 background:#777656;
	}
	
	.whole_column 
	{
width:1000px; clear:both;	 background:#4f6f88; margin-top:10px;
	}
	
/* '* html' to filter only IE Win */
/* Start Mac IE5 filter \*/
.left_column .last,  .right_column .last
	{
	padding-bottom: 10000em !important;
	margin-bottom: -9998em !important; 
	}
* body .left_column, * body .right_column
	{
	padding-bottom: 30000px !important;
	margin-bottom: -30000px !important; 
	}

.box01{background:#826c65;overflow:hidden;}
.box02{background:#4d1d17;overflow:hidden;}
.box03{background:#465c60;overflow:hidden;}
.box04{background:#425023;overflow:hidden;}
.box04_sp{background:#777656;overflow:hidden;}
.box05{background:#993311;overflow:hidden;}
.box06{background:#5a87b3;overflow:hidden;}


* html .dining, * html .what, * html .aha, * html .article01, * html .article02, * html .article03, * html .article04, * html .box01, * html .box02, * html .box03, * html .box04, * html .box04_sp, * html .box05, * html .box06{height: 1%;}

/* DATE */
.dateblock {
float:left;clear:both;
text-align: center;
width: 50px;
font-family: Arial;
background-color:#d8df2b;
color:#666;
padding:6px;
}

.day {
font-size: 26px;
position: relative;
}
.month {
font-size: 11px;
}
.week {
font-size:14px;margin-top:-2px;
}

.date_content{	
width:420px;padding-left:10px;float:right;
}


.date_content_b{	
width:870px;padding-left:10px;float:right;
}

.detail_time{
padding-left: 16px;
height: 20px;
background-color: transparent;
background-image:url('../images/icon_clock.gif');
background-repeat: no-repeat;
background-attachment: scroll
}


.detail_fee{
padding-left: 16px;
height: 22px;
background-color: transparent;
background-image:url('../images/icon_fee.gif');
background-repeat: no-repeat;
background-attachment: scroll
}

/* END - DATE */

.info{	
width:300px;float:right;
}

.box00 .info{	
width:380px;float:right;margin-top:10px;
}

.box00 {background-color:#426366!important}
.info01{	
width:390px;float:right;
}
.info_s{	
width:180px;float:left;
}

.detail {
margin-top:5px;
margin-bottom:20px;s
}



.items {
padding-left:18px;padding-top:55px;
}

.items01 {
padding-left:18px;padding-top:35px;_padding-top:25px;
}
.items03 {
padding-left:12px;padding-top:35px;_padding-top:25px;
}


*+html .items03  {
padding-top:25px;
}
*+html.items01{
padding-top:15px;
}
.items em {
color:#bf1e2b;
}



/* IMAGES */
.photo{
border: 5px solid #FFFFFF;
margin: 10px 0 20px 0 ;
}
.thumb {
float:left;clear:both;
border: 3px solid #FFFFFF;
}



.thumb_s {
float:right;clear:both;
}

.flashphotos {padding: 10px 0 20px 0 ;}



/* Forms
-----------------------------------------------------------------------------*/ 

/* Tables 
-----------------------------------------------------------------------------*/ 
td {padding: 5px;}



/* etc
-----------------------------------------------------------------------------*/ 
.line {
border-bottom: 2px dotted #636546 ;
margin-bottom:20px;
}
.line_b {
border-bottom: 2px dotted #719cbe ;
margin-bottom:20px;
}

.clr{clear:both;}

.note01 {
color:#CC6600
}
.note02 {
color:#003399
}


.function_list li {	padding-left:12px;padding-top:-2px;
margin-top:10px;
background:url('../images/dot01.gif') no-repeat top left;
	}
	
	.sp_box {margin:20px 0px}
	
	.left_column .box ul{margin:10px;margin-bottom:20px; list-style:circle}
	
	.left_column .box ul li{margin:10px;}