/*
 * Sari Bunga Hotel
 *
 * Author : Angga Negara <dispedia@gmail.com>
 * Date : March 16, 2009
 */

@import url('reset.css');

body
{
	font: 62.5%/1.3em Calibri, Arial, Tahoma, sans-serif;
	color: #201c13;
	background: transparent url('../images/bodybg.jpg') left top repeat;
}

.cleaner { clear: both; }

#header { width: 100%; height: 169px; background: transparent url('../images/headerbg.jpg') left top repeat-x; }
	
	#logo { width: 448px; height: 134px; background: transparent url('../images/logo.jpg') left top no-repeat; text-indent: -9999px; }
	#menu { margin-left: 30px; }
	#menu li { list-style: none; display: inline; }
	#menu li a
	{
		display: block;
		text-transform: uppercase;
		font-size: 13px;
		text-shadow: #000 1px 1px;
		color: white;
		float: left;
		padding: 11px 10px;
		opacity: 0.7;
		-moz-opacity: 0.7;
		filter:alpha(opacity=70);
	}
	#menu li a:hover { filter:alpha(opacity=100); -moz-opacity: 10; opacity: 10; border-top: 3px solid #9c8a58; padding-top: 8px; }
	
	#m-home     #menu li a#home,
	#m-about    #menu li a#about,
	#m-rooms    #menu li a#rooms,
	#m-gallery  #menu li a#gallery,
	#m-location #menu li a#location,
	#m-contact  #menu li a#contact
	{ filter:alpha(opacity=100); -moz-opacity: 10; opacity: 10; border-top: 3px solid #9c8a58; padding-top: 8px; }
	
#bodytop { height: 20px; background: transparent url('../images/bodytop.jpg') left top repeat-x; }
#bodybottom { height: 29px; background: transparent url('../images/bodybottom.jpg') left bottom repeat-x; }
#wrapper { width: 100%; background-color: #f0e9db; }
#innerwrapper { width: 990px; overflow: hidden; }

#footer { height: 170px; background: transparent url('../images/shadowbottom.png') left top repeat-x; }
	
	#footer p { color: white; font-family: Cambria, Georgia, serif; font-style: italic; font-size: 11px; text-shadow: #292415 1px 1px; padding: 10px 40px; }

#left { width: 440px; background-color: 000; margin: 10px 30px 10px 40px; float: left; }
#right { width: 480px; background-color: 777; margin: 10px 0; float: left; }

	#left h1
	{
		font-family: Cambria, Georgia, serif;
		color: #89270d;
		text-shadow: #fcfbf8 1px 1px;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 10px;
		padding-bottom: 15px;
		background: transparent url('../images/lineheading.png') left bottom repeat-x;
	}
	
	#left h2
	{
		font-family: Cambria, Georgia, serif;
		color: #89270d;
		text-shadow: #fcfbf8 1px 1px;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
		padding-bottom: 10px;
		background: transparent url('../images/lineheading.png') left bottom repeat-x;
	}
	
	#left p { font-size: 14px; text-shadow: #fcfbf8 1px 1px; margin-bottom: 15px; line-height: 140%; text-align: justify; }
	#left p.events { padding: 5px 10px; background-color: #E1D3B7; border: 1px dotted #D2BD93; font-size: 1.3em; font-family: Cambria, Georgia, serif; font-style: italic; }
	
	.amp { font-family: 'Goudy Old Style'; font-style: italic; }
	.imgborder { border: 1px solid white; }
	.facilitybox { padding: 5px 10px; background-color: #E1D3B7; border: 1px dotted #D2BD93; font-size: 1.3em; font-family: Cambria, Georgia, serif; font-style: italic; line-height: 150%; }

.form input.i { font-size: 12px; font-family: Calibri, Arial, Tahoma, sans-serif; padding: 4px; color: #CCC; }
.form input.s { font-size: 14px; font-family: Cambria; padding: 6px 15px; border: 3px solid #4F452C; color: white; text-transform: uppercase; font-style: italic; background-color: #342D1D; letter-spacing: 1px; }
.form textarea.t { font-size: 12px; font-family: Calibri, Arial, Tahoma, sans-serif; padding: 4px; color: #CCC; }
.form input.cr { font-size: 15px; font-family: 'Andale Mono', monospace; border: 0; padding: 0; margin: 10px 0; letter-spacing: 3px; background-color: transparent; }
.form input.ci { font-size: 15px; font-family: 'Andale Mono', monospace; border: 1px solid #CCC; padding: 3px; margin: 10px 0; letter-spacing: 3px; }
.form input.i:focus, .form textarea.t:focus { color: #444; }
.form input.s:hover { border: 3px solid #2C2618; }