/*@charset "utf-8";*/
@import url("reset.css");

/*
Copyright (c) 2008, Cobweb Sdn. Bhd. All rights reserved.
v.1, version date: 11 September 2008.

Cobweb Sdn Bhd <http://www.cobweb.com.my/>
Designer : Bryan Ngiam <mailto:bryan_ck@hotmail.com>
Thanks for looking at my source codes!! 
*/


/*BODY*/
html, body { height: 100%; }
body { font: 75% Arial, Helvetica, sans-serif; color: #555; background: url(../images/body-bg.gif) repeat-x 0 0 #2A0100 ; }

#wrapper { width: 770px; margin: 0 auto; padding: 10px; background-color: #FFFFFF; }
#page, header { width: 770px; }

/*HEADER*/
#logo {
	width: 140px;
	height: 80px;
	float: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 30px;
	clear: both;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center -10px;
}
#head_right { float: right; padding: 0 81px 0 ; text-align: right; display: none;}
#head_right p, #head_right a { font-size: 1.5em; font-weight: bold; color: #c90404; text-decoration:none; }


/*GLOBAL SETTING*/
h1 { font-size: 1.25em; font-weight: bold; color: #c90404; }
h2 { font-size: 1.3em; color: #fff; }
p { padding: 5px 0; }
a { font-size: 1em; color: #c90404; text-decoration: none; }
a:hover { color: #003399; }

.tittle { font-weight: bold; text-align: center; padding: 2px; margin: 10px 0 2px; background-color: #fff7da; }
.tittle2 { font-weight: bold; padding: 5px; margin: 0 0 10px; background-color: #930000; }
.td { padding: 5px; }
.top { vertical-align: top; }
.tdright { padding: 5px; text-align:right; }
.textfield { width: 100px; }
.clear { clear: both; }
.smlfont { font-size: 0.92em; font-weight:normal; color:#c7b299; }

.inputstyles {margin: 1px; padding: 1px; border: 1px solid #ccc; font: 1em Arial, Helvetica, sans-serif; width: 350px; }

/*NAVIGATION*/
#navigation { width: 770px; height: 32px; background: url(../images/bg_mn.jpg) no-repeat 0 0; padding-bottom: 10px; }
#navigation ul { padding: 8px 0 0 15px; font-size: 1em; font-weight: bold; }
#navigation ul li { display: inline; padding-right: 20px; }
#navigation ul li a { font-size: 1em; color: #FFFFFF; text-decoration: none; }
#navigation ul li a:hover { color: #c90404; }

/*SIDE*/
#sideleft { float: left; width: 240px; padding: 10px; margin-right: 10px; background-color: #f0f0f0; color: #555; }
#sideleft ul { padding: 8px 0 0 15px; font-size: 1em; }
#sideleft ul li { list-style:circle; line-height: 24px; }
#sideleft ul li a { font-size: 1em; text-decoration: none; color:#c90404; font-weight:bold;}
#sideleft ul li a:hover { color:#003399 }
#sideleft ul li ul li a { font-weight:normal;}
#sideleft li a.mark{ font-weight:bold ; color: #FF3300 }

#sideright { float: right; width: 500px; }
#sideright ol { padding: 8px 0 0 25px; font-size: 1em; }
#sideright ol li { list-style: decimal; padding-bottom: 5px; }
#sideright ol li a { font-size: 1em; text-decoration: none; }

#rooms { margin: 8px 5px 20px; }


#footer { font-size: 0.92em; padding: 10px; background-color: #f0f0f0; text-align: center; }

em { font-style:italic;}