/* CSS Document */

/**** ALL ELEMENT SETUP ****/

		* { margin:0px; padding:0px; }
		
		.clearfix:after 
		{
		  content:".";
		  display:block;
		  height:0;
		  clear:both;
		  visibility:hidden;
		}
		/* Hides from IE-mac \*/
		* html .clearfix { height:1%; }
		/* End hide from IE-mac */
		
		.clr { clear:both; }
		
		.txtsub {color:#f7941e; font-family:Arial, Helvetica, sans-serif;!important}
		.txtdetail {color:#0050a3; font-family:Arial, Helvetica, sans-serif;!important}

/****************************************************************************************************************************************************/

/**** Specific HTML TAG ****/		
		body {margin:auto; max-width:2000px; min-width:800px; width:990px; background:url(../images/directories-bg.jpg) fixed no-repeat center bottom; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; }
		a,a:hover,a:visited,a:link,a:active {text-decoration:none; }
		address { font-style:normal; }
		em { font-style:normal; }
		h1,h2,h3,h4,h5,h6 { font-size:14px; }
/****************************************************************************************************************************************************/
		#all-wrapper {background-color:#FFFFFF; margin-top:10px; margin-bottom:10px; padding:0px; position:relative;}
/****************************************************************************************************************************************************/
		#main { margin:0px; padding:0px; }
/****************************************************************************************************************************************************/

/*** Main Navigator *********************************************************************************************************************************/
		#main-navigator { position:relative; margin-top:10px; margin-bottom:40px; width:990px; } 
		#main-navigator #head-navigator p {  text-decoration:none; font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:10px; }
		#main-navigator #head-navigator p a {  text-decoration:none; font-weight:bold; color:#666666; }
		#main-navigator #head-navigator { width:270px; position:absolute; left:0px; top:0px; }
		
		#main-navigator #navigator { position:absolute; right:10px; top:0px; width:620px; }
		#main-navigator #navigator ul { list-style-type:none; }
		#main-navigator #navigator ul li { float:left; display:inline; margin-right:10px; }
		#main-navigator #navigator ul li#nav-last { margin-right:0px; !important }
		#main-navigator #navigator ul li#nav-first { margin-left:10px; !important }
		#main-navigator #navigator ul li h2 a { display:block; font-weight:bold; padding-bottom:2px; border-bottom:2px solid #fff; color:#3366CC; }
		#main-navigator #navigator ul li:hover { padding-bottom:2px; border-bottom:3px solid #CCCCCC; color:#3366CC; } 	
		.current { padding-bottom:2px; border-bottom:3px solid #CCCCCC; }
/****************************************************************************************************************************************************/
		
		#content { padding:5px;}
		#content h3 { padding-top:10px; padding-bottom:10px; font-size:20px; }
		
		#content h4#apartment { font-size:16px; height:40px; background:url(images/icon/apartment-icon-mini.gif) top left no-repeat; padding-top:5px; padding-left:40px; }
		#content h4#hotel { font-size:16px; height:40px; background:url(../images/hotel-icon-mini.gif) top left no-repeat; padding-top:5px; padding-left:40px; }
		#content h4#restaurant { font-size:16px; height:40px; background:url(images/icon/restaurant-icon-mini.gif) top left no-repeat; padding-top:5px; padding-left:40px; }
		
		#content h4#spa { font-size:16px; height:40px; background:url(images/icon/spa-icon-mini.gif) top left no-repeat; padding-top:5px; padding-left:40px; }
		
		#content h4#health { font-size:16px; height:40px; background:url(images/icon/beauty-icon-mini.gif) top left no-repeat; padding-top:5px; padding-left:40px; }
		
		#content h4 a { color:#3366CC;}
		.head-tag { background:url(../images/directories/hd-bg.png) no-repeat top right; height:40px; position:relative;}
		
		a.top { position:absolute; right:10px; top:10px; color:#fff; font-size:12px; font-weight:bold; }
		
		.list-1 { width:450px; padding:10px; float:left; margin-right:5px;}
		.list-2 { width:450px; padding:10px; float:left; margin-left:30px;}
		.last-line { border-bottom:1px dotted #999999; padding: 10px 0px; margin-bottom:10px; }
		.panel { clear:both; position:relative; width:980px; }
		
		#content ul { list-style-type:none; }
		

/*** Footer *****************************************************************************************************************************************/
		#footer { padding-bottom:30px; padding-top:10px; position:relative; clear:both; width:990px; }
		#footer h3 { margin-bottom:10px; padding-left:5px; color:#333333; }
		#footer a,#footer a:link,#footer a:hover,#footer a:visited { color:#666666; }
		#footer a:hover { font-weight:bold; }
		#footer ul#related-link { padding-left:30px; margin-bottom:10px; }
		
		#footer ul#bottom-nav { list-style-type:none; float:right; width:720px;} 
		#footer ul#bottom-nav li { display:inline; float:left; margin-right:10px; }
		#footer ul#bottom-nav li a { display:block; color:#3366CC; border-bottom:2px solid #FFF; padding-bottom:2px; }
		#footer ul#bottom-nav li a:hover { font-weight:normal; border-bottom:2px solid #3333CC; padding-bottom:2px; }
/****************************************************************************************************************************************************/
		
/**** Main Product ************************************************************************************************************************************/	
 		#main-product { padding-left:20px; padding-bottom:30px; }
		#main-product dl { width:120px; padding:5px; margin-right:5px; display:inline; float:left; position:relative; text-align:center; }
		#main-product dl dt { margin-bottom:2px; }
		#main-product dl a { color:#666666; }
		#main-product dl a img { width:100px; height:100px; padding:2px; border:1px solid #666; }
		#main-product dl dd p { padding:5px 0px; }
		
		.details { display:block; padding:2px; background-color:#CCCCCC; width:46px; float:left;}
		.maps { display:block; padding:2px; background-color:#CCCCCC; width:46px; float:right;}
		
		#main-product dl a.details:hover {display:block padding:2px; background-color:#999999; width:46px; float:left; color:#fff;}
		#main-product dl a.maps:hover {display:block padding:2px; background-color:#999999; width:46px; float:right; color:#fff;}

		#more { width:140px; padding-left:840px; }
		#more a,#more a:link,#more a:hover,#more a:visited {color:#999999;}

