@charset "utf-8";

/* Basic */
/*========================================================== */
html
{	height:100%;
	/* min-height: 100%; margin-bottom: 1px;	forcing vertical scroll bar all the time in mozilla; check back with IE8 */
}
body	
{	font-family: "Trebuchet MS",Helvetica, sans-serif;
	font-size : 80%;
	height:100%;
	margin:0;
    padding:0;
	background-color:#383e3a;
	color:#000000;
}
a
{	color:#000000;	
}
a:hover
{	color:#ff6600;
}
table 
{	font-size : 1em;
}

h1
{	font-size:1.4em;
}

h2
{	font-size:1.25em;	
}

h3
{	font-size:1em;
}
.txt_highlight
{	font-weight:bold;
}
.txt_smaller
{
	font-size:0.8em;
}
.phone_num
{
	font-size:1.3em;
	font-weight:bold;
}
.hide
{	display:none;
}
.show
{	display:block;
}
a img
{	border:none;
}
.clear
{	clear:both;
}
.bubble
{	float:left; 
	position:relative;
	height:40px; 	/* exact size of bubble.gif" */
	width:115px; 
	text-align:center;
	margin-right:20px;
	background-repeat:no-repeat;
}
#banner 
{	position:relative;	
}
#banner img
{	height:110px;
	width:630px;
}
#banner #banner_txt
{	display:none;
	font-size:2em;
	font-weight:bold;
	text-align:center;	
}
.backtotop
{	text-align:right;
}

/* Layout */
/*========================================================== */
/* header, content, and footers */
#container
{	width:960px;		
	margin:0 auto 0 auto;	
	position:relative;
}
/* total with 960px; 630 left, 20 gap, 310 left */

#frame_left
{	position:relative;
	width:630px;
	top:0;
	left:0;	
}
#frame_right
{	position:absolute;
	width:310px;
	padding:115px 0 0 0;	
	top:0;
	left:650px;	 /* right:0  not working i IE 6 */	
}

/* Content */
/*========================================================== */
/* content layer home (front) page */
#content_homepage 
{	position:relative;	
	color:#ffffff;
}
/*  for all pages except the home (front) page */
#content
{	position:relative;
	background: url(../images/wood_bg_middle.jpg) repeat-y top;

}
#content #content_top
{	position:relative;
	background: url(../images/wood_bg_top.jpg) no-repeat top;	
}
#content #content_bottom
{	position:relative;
	padding:50px 70px 70px 70px;
	background: url(../images/wood_bg_bottom.jpg) no-repeat bottom;			
	min-height:680px;			/* firefox */			
	_height:680px;				/* ie */	
}

/* Navigation */
/*========================================================== */
#nav
{	padding:0 0 15px 5px;	
}
#nav ul
{	position:relative;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
#nav ul li
{	position:relative;
	text-align:left;		
	padding:4px 0 6px 25px;
	background: url(../images/nav_icon.png) no-repeat 0 3px;
}
#nav ul li a, #nav ul li.on ul li a	/* eg. Menu - Chinese,  Japenses should be off */
{	color:#25e841;
	text-decoration:none;
	border-bottom:none;
}
#nav ul li a:hover, #nav ul li.on a:hover	
{	color:#ff6600;
	text-decoration:none;
	border-bottom:2px dotted;
}
#nav ul li.on
{	background: url(../images/nav_icon_on.png) no-repeat 0 5px;			
}

#nav ul li.on a, #nav ul li.on ul li.on a
{	color:#ffffff;	
}

#nav ul li ul li, #nav ul li ul li.on
{	background: none;			
}

/* Coupon */
/*========================================================== */
#coupon
{	
	position:relative;
	overflow:hidden;
	zoom: 1;
	background-color:#4c524e;
	width:300px;	
	color:#ffffff;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px dashed #fff000;
	padding:8px;
	margin-bottom:10px;
}
#coupon h2
{	color:#fff000;
	margin:0 0 7px;
}
#coupon a
{	color:#ffffff;
}
#coupon a:hover
{	color:#ff6600;	
}
#coupon ul
{	margin:0 0 0.5em 35px;
	padding: 0;	
}
				
/* Post it  */
/*========================================================== */
.postit
{	position:relative;
	overflow:hidden;
	zoom: 1;
	background-color:#4c524e;
	width:300px;	
	color:#ffffff;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d7d8d8;
	padding:8px;
	margin-bottom:10px;
}
.postit h2
{	color:#ff6600;	
	margin:0 0 7px;
}
.postit a
{	color:#fff;	
}
.postit a:hover
{	color:#ff6600;	
}
.postit ul
{	margin:0 0 0.5em 35px;
	padding: 0;	
}
	
/* Footer  */
/*========================================================== */
div#footer
{	position:relative;
	clear:both;
	color:#858585;
	text-align:left;
}
div#footer a
{
	color:#858585;
}
#flower1	/* on home page */
{	position:absolute; 
	bottom:0;
	left:570px; 
	z-index:1;	
}
#flower1 img, #flower2 img  {
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
#flower2	/* on all other pages */
{	position:absolute; 
	bottom:15px;
	left:-55px;  
	z-index:1;
}		
@media print, handheld
{		
	body, #nav ul li, #nav ul li.on, .postit_top, .postit .postit_bottom
	{	background:none;	
	}	
	a, #coupon h2, #coupon a, .postit a
	{	color:#000000;	
	}	
	#container
	{	width:95%;		
		margin:0 auto 0 auto;	
		position:relative;		
	}	
	#frame_left, #frame_right, #content_homepage, #content_homepage div#inside, #content, #content #content_top, #content #content_bottom
	{	position:relative;
		color:#000;
		background:none;
		float:none;
		width:100%;
		padding:0;
		margin:0;
		left:0;
		top:0;
		min-height:100%;			/* firefox */			
		_height:100%;				/* ie */
	}
	#fan
	{	display:none;
	}
	#banner
	{	left:0;
	}
	#banner img 
	{	display:none;		
	}
	#banner #banner_txt
	{	display:block;
	}
	#nav ul li a, #nav ul li.on ul li a	/* eg. Menu - Chinese,  Japenses should be off */
	{	color:#000;
		font-weight:normal;
	}	
	#nav ul li.on a, #nav ul li.on ul li.on a
	{	color:#000;
		font-weight:bold;
		text-decoration:underline;		
	}		
	#coupon
	{	width:100%;	
		color:#000;	
		border:1px dashed #000;
	}
	.postit
	{	width:100%;
		color:#000;
		background: none;
		border:1px solid #000;		
	}
	div#footer
	{	margin-top:30px;
	}
	#flower1, #flower2
	{	display:none;
	}		
}