/***********************************************************/
/*** Document Name : style.css                           ***/
/*** Author by     : www.makassar.singgasanahotels.com   ***/
/***********************************************************/

/************* General Css *************/  
* {  
	margin: 0; /* Zero down margin and   */
	padding: 0;/* padding on all elements*/ 
}

body {
	font: 10px verdana;
	/*color: #939101;*/
	color: #787718;
	background: #f7f7c6 url(../images/bg-logo.jpg) 50% 50% no-repeat fixed;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;  
}

h3{
	font-size: 1.8em;
	color: #722220;
}

p{
	font-size: 1.4em;
}


hr {
	border: none;
	border-bottom: 1px solid #ffcc66;
	height: 0px; 
}
 
a{
	text-decoration:none;
	color: #940004;
}

a:hover{
	text-decoration:underline; 
	color: #940004;
}

#mainwrapper {
	width: 780px; 
	margin: 0 auto;
}

/*********** Navbar Top ***********/
#mainwrapper #navbartop{
	text-align:right;
	margin:30px 0px 10px 0px;
}

/************* Header *************/
#wrapperheader{
	height:214px;	
}

#wrapperheader #brand{
	height:214px;
	/*width:241px;*/
	float:left;
	padding: 0px;
}

#wrapperheader #header {
	text-align:left;
	height:214px;
	/*width:526px;*/
	padding: 0px;
	vertical-align:top;
}


/************* Left Column *************/
#leftcolumn{
	/*float:left;*/
	width:240px;
}

/************* Left Menus *************/
#leftcolumn #hotelnavigation{
	margin-bottom:12px;
	font-family:Garamond;
	color:3a8a747;
	font-size:14px;
}

#leftcolumn #hotelnavigation ul{
	list-style:none;
	margin-top:6px;
}

#leftcolumn #hotelnavigation ul li a{	
	list-style:none;
	margin-left:18px;
	padding-top:2px;
	padding-left:20px;
	font-weight:bold;
	background: url(../images/bullet.gif) no-repeat left 50%;
}

#leftcolumn #hotelnavigation ul li a:hover{
	list-style:none;
	margin-left:18px;
	padding-top:2px;
	padding-left:20px;
	color:#a8a747;
	background: url(../images/bullet-over.gif) no-repeat left 50%;
}


/********* Activities *********/
#leftcolumn #newsactivities{
	margin-bottom:12px;
}

#leftcolumn #newsactivities h1{
	font: 15px Garamond, "Times New Roman", Times, serif;
	color: #940004;
	padding:12px 0px 0px 16px;
	font-weight:bold;	
}

#leftcolumn #newsactivities p{
	font: 10px verdana;
	color: #939101;
	padding:12px 10px 0px 16px;
	text-align:left;
}

#leftcolumn #newsactivities .img{
	float:left;
	padding:0px 8px 4px 0px;
}


/********* More News Activities *********/
#content #maincontent h1.titlenewactivities{
	font: 15px Garamond, "Times New Roman", Times, serif;
	color: #940004;
	padding:12px 0px 0px 0px;
	font-weight:bold;
	text-align:left;
}

#content #maincontent p.contentnewactivities{
	font: 10px verdana;
	color: #939101;
	padding:12px 10px 0px 0px;
	text-align:left;
}

#content #maincontent img.imagesnewactivities{
	float:left;
	padding:0px 8px 4px 0px;
}

#content #maincontent #ketfoto{
	text-align:left;
	padding:16px 0px 0px 0px;
	color:#bdbc5c;
	font-size:9px;
}


/********* Address *********/
#leftcolumn #address{
	background-color:#810b0d;
	height:160px;	
	color:#FFFFFF;
	text-align: center;
}

#leftcolumn #address h1{
	font: 20px Garamond, "Times New Roman", Times, serif;
	color: #939101;	
	font-weight:bold;	
	padding:12px 0px 0px 0px;
}

#leftcolumn #address span{
	font-weight:bold;
	font-size:12px;	
}

#leftcolumn #address a{
	color:#CCCCCC;
	text-decoration:none;	
}

#leftcolumn #address a:hover{
	color:#fff;
	text-decoration:underline;	
}


/************* Contents *************/
#content{
	/*float:right;*/
	width:529px;
}

/************* Home *************/
#content #home{
	padding:10px 12px 12px 10px;
}

#content #home h1{
	font: 14px Garamond, "Times New Roman", Times, serif;
	/*color: #940004;*/	
	color: #787718;
	font-weight:bold;	
	padding:0px 0px 0px 0px;
}

#content #home p{
	font: 10px verdana;
	color: #939101;
	padding:0px 0px 0px 0px;
	text-align:left;
}

#content #home .img{
	float:left;
	padding:0px 8px 4px 0px;
}

#content #home ul li{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 16px;
}

/*
#content #home p:first-letter{
	font-size:250%;
	font-style:italic;
	font-weight:bold;
	float:left;
	font-family:Garamond;
	padding:4px 4px 4px 4px;
}

/********** Special Promo *********/
#content #spromo{
	padding:0px 12px 12px 12px;
	/*background-color:#fff;*/
}

#content #spromo h1{
	font: 19px Garamond, "Times New Roman", Times, serif;
	/*color: #940004;*/	
	color: #940004;
	font-weight:bold;	
	padding: 0px 0px 8px 10px;
}

#content #spromo table{
	margin: 0px 0px 16px 10px;
}

/************* Page Detail*************/
#maincontent{
	width:507px;
	padding: 10px 10px 10px 10px;
}

/************* Title *************/
#content .title{
	/*background-color:#a8a747;*/
	height:38px;
	line-height:12px;
	background: #a8a747 url(../images/left-style.jpg) top right no-repeat
}

#content .title h1{
	color:#FFFFFF;
	font-weight:bold;
	height:38px;
	padding:10px 0px 0px 10px;
	font: 19px Garamond, "Times New Roman", Times, serif;
}

#content #maincontent h1.bg{
	display:block;
	background-color:#940004;
	color:#FFFFFF;
	width:120px;
}

#content #maincontent h1.red{
	color:#940004;
}


/************* Contact Us *************/
#content #maincontent .btn{
	color:#FFFFFF;	
	height:24px;
	background-color:#940004;
	font: 11px verdana;
	padding:0px 0px 0px 0px;
}

#content #maincontent form{
	padding:0px 0px 0px 0px;
}

#content #maincontent p{
	font: 10px verdana;
	color: #939101;
	padding:0px 0px 0px 0px;
	text-align:left;
}

#content #maincontent table .td1{
	padding:0px 0px 6px 0px;
}

#content #maincontent table .td2{
	padding:0px 0px 6px 0px;
}


/******** Rooms &  Facilities ********/
#content #maincontent table.tbl{

}

#content #maincontent table th.th1{
	height:20px;
	color:#fff;
	background-color:#a8a747;
	
}

#content #maincontent table td.borderbottom{
	border-bottom:1px solid #d0cf76;
	height:16px;
}

/************* Special Offers*************/
#content #maincontent .c1{
	height:140px;
	/*border-top:1px dotted #DDADAC;*/
	margin-bottom:0px;
	margin-top:12px;
}

#content #maincontent .c1 h1{
	width:196px;
	height:19px;
	display:block;
	background: url(../images/bg-title.jpg) no-repeat top left;
	color:#FFFFFF;
	margin-left:20px;
	padding-left:4px;
	line-height:20px;
	margin-bottom:6px;	
	font-style:italic;
}

#content #maincontent .b1{
	float:left;
	padding:0px 25px 0px 20px;
	height:109px;
}


/************* Special Offers-Detail*************/

#wrapper-specialoffers{
	text-align:center;
	width:100%;
}

#logo-specialoffers{
}

#content-specialoffers{
}

#close-specialoffers{
}

#footer-specialoffers{
}


/************* Footer *************/
#footer {
	width:780px;
	height:54px;
	padding:0px 0px 0px 0px;	
	text-align:center;
	line-height:25px;
	clear:both;
	color:#940004;
}

#footer #copyright{
	float:left;
}

#footer #copyright span{
	color: #666;
}

#footer #develop{
	float:right;
}

#footer #develop a{
	color:#666666;
}

#footer #develop a:hover{
	color:#CC0000;
}
/******* End Document CSS *******/



/******* Index2.html *******/
#content #home{
	padding:10px 12px 12px 10px;
}

#content #home h1{
	font: 14px Garamond, "Times New Roman", Times, serif;
	/*color: #940004;*/	
	color: #787718;
	font-weight:bold;	
	padding:0px 0px 0px 0px;
}

#content #home p{
	font: 10px verdana;
	color: #939101;
	padding:0px 0px 10px 0px;
	text-align:left;
}

#content #home .img{
	float:left;
	padding:0px 8px 4px 0px;
}

#content #home ul li{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 16px;
}

/************* About us*************/
#content #maincontent{
	padding:10px 12px 12px 10px;
}

#content #maincontent h1{
	font: 14px Garamond, "Times New Roman", Times, serif;
	/*color: #940004;*/	
	color: #787718;
	font-weight:bold;	
	padding:0px 0px 0px 0px;
}

#content #maincontent p{
	font: 10px verdana;
	color: #939101;
	padding:0px 0px 0px 0px;
	text-align:left;
}

#content #maincontent .img{
	float:left;
	padding:0px 8px 4px 0px;
}

#content #maincontent ul li{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 16px;
}

