/* CSS Document */

   body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial,Helvetica,san-serif;
	font-size: 13px;
	color:#6B6058;
	padding-right: 5px;	
	padding-left: 5px;
	
    }
   
    #nav ul 
	{
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:15px;
	}
	
	#nav ul a:hover {
	 background:url(images/bg-nav2.jpg);
	}
	
	#nav ul a:link, ul a:visited, ul a:hover, ul a:active {
	 display: block;
	 padding: 2px 10px; 
	}
	
	#nav li
	{

	text-align: left;
	font-size: 11px;
	border-bottom: 1px solid #D9D4D1;
	height:18px;
	}
	
	   
    #navhome ul 
	{
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:15px;
	}
	
	#navhome ul a:hover {
	 background:url(images/bg-nav2.jpg);
	}
	
	#navhome ul a:link, ul a:visited, ul a:hover, ul a:active {
	 display: block;
	 padding: 2px 10px; 
	}
	
	#navhome li
	{

	text-align: left;
	font-size: 11px;
	border-bottom: 1px solid #D9D4D1;
	height:18px;
	}
   
	.H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #6B6058;
	text-align: left;
    }
	

	.presenting {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ffffff;
	text-align: center;
    }
	
	.address{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6B6058;
	text-align: left;
    }
	
	.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding-right: 5px;	
	padding-left: 5px;
    }
	
	.white-large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
    text-align: center;
    }
	
	.nav-left-home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-indent:5px;
    }
	
	.center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B6058;
	text-align: center;
    }
	
		.left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B6058;
	text-align: left;
    }
	
	
    .bot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6B6058;
	text-align: right;
	padding-right: 5px;
    }
	

	
	.table-border-grey {
	border-top: 1px solid #D9D4D1;
	border-bottom: 1px solid #D9D4D1;
	border-right: 1px solid #D9D4D1;
	border-left: 1px solid #D9D4D1;
	}
	
	.table-border-white {
	border-top: none;
	border-bottom: none;
	border-right: 1px solid #ffffff;
	border-left: none;
	}
	
	
	
A.bot-link:link {color: #6B6058;font-family: Arial, Helvetica, san-serif; font-size: 10px; text-decoration:none;}
A.bot-link:visited {color: #6B6058;font-family: Arial, Helvetica, san-serif; font-size: 10px; text-decoration:none}
A.bot-link:active {color: #6B6058;font-family: Arial, Helvetica, san-serif; font-size: 10px; text-decoration:none}
A.bot-link:hover {color: #4A245F;font-family: Arial, Helvetica, san-serif; font-size: 10px; text-decoration:none}

A.body-link:link {color: #6B6058;font-family: Arial, Helvetica, san-serif; font-size: 12px;}
A.body-link:visited {color: #6B6058;font-family: Arial, Helvetica, san-serif; font-size: 12px;}
A.body-link:active {color: #6B6058;font-family: Arial, Helvetica, san-serif; font-size: 12px;}
A.body-link:hover {color: #4A245F;font-family: Arial, Helvetica, san-serif; font-size: 12px;}

A.white-link:link {color: #ffffff;font-family: Arial, Helvetica, san-serif; font-size: 12px; text-decoration:none; padding-right:5px;  padding-left:5px}
A.white-link:visited {color: #ffffff;font-family: Arial, Helvetica, san-serif; font-size: 12px; text-decoration:none; padding-right:5px;  padding-left:5px}
A.white-link:active {color: #ffffff;font-family: Arial, Helvetica, san-serif; font-size: 12px; text-decoration:none; padding-right:5px;  padding-left:5px}
A.white-link:hover {color: #ffffff;font-family: Arial, Helvetica, san-serif; font-size: 12px; text-decoration:none; padding-right:5px;  padding-left:5px}

A.nav-link:link {color: #6B6058;font-family: Arial, Helvetica, san-serif; font-size: 11px;}
A.nav-link:visited {color: #6B6058;font-family: Arial, Helvetica, san-serif; font-size: 11px;}
A.nav-link:active {color: #6B6058;font-family: Arial, Helvetica, san-serif; font-size: 11px;}
A.nav-link:hover {color: #ffffff;font-family: Arial, Helvetica, san-serif; font-size: 11px;}


    #container 
	{	
	width:988px;
	background-color:#ffffff; 
	border-top: 1px solid #D9D4D1;
	border-bottom: 1px solid #D9D4D1;
	border-right: 1px solid #D9D4D1;
	border-left: 1px solid #D9D4D1;

	}
	
	#nav
	{
    width:222px;
	height:610px;
	float:left;
	background-image:url(images/bg-nav-left3.jpg);
	background-image:no-repeat;
	}
	
	#navhome
	{
    width:222px;
	height:590px;
	float:left;
	background-image:url(images/bg-nav-left.jpg);
	background-image:no-repeat;
	}
	
    #boxcenter
	{
	width:544px;
	height:575px;
	float:left;
	background-color:#ffffff; 
	}
	
	#boxcenter2
	{
	width:713px;
	float:left;
	background-color:#ffffff; 
	}
	
	#boxcenter3
	{
	width:750px;
	float:left;
	background-color:#ffffff; 
	}
	
    #homeboxright
	{
	width:222px;
	height:590px;
	float:right;
	background-image:url(images/bg-right.jpg);
	}
	
	    #homeboxright2
	{
	width:222px;
	height:590px;
	float:right;
	background-image:url(http://www.hklhome.co.uk/images/bg-right3.jpg);
	}
	
	#homesearchbox
	{
	height:178px;
	width:180px;
	background-color:#ffffff;
	}
	
		#homesearchbox2
	{
	height:200px;
	width:180px;
	background-color:#ffffff;
	}
	
	#news
	{
	width:180px;
	background-color:#ffffff;
	margin-right:8px;
	margin-top:4px;
	padding-top:6px;
	padding-bottom:10px;
	padding-left:3px;
	padding-right:3px;
	}
	
		#news2
	{
	width:180px;
	background-color:#ffffff;
	margin-right:8px;
	margin-top:4px;
	padding-top:6px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	}

	div#news p {
		margin: 0 6px;
	}
	
	#purple
	{
	height:22px;
	width:191px;
	background-color:#4A245E;
	margin-right:8px;
	padding-top:3px
	
	}
	
	#thumbtop
	{
	height:25px;
	width:644px;
	background-color:#4A245E;
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	}
	
	#detailtop
	{
	height:25px;
	width:718px;
	background-color:#4A245E;
	padding-right:5px;
	padding-top:5px;
	}
	
	#detailnav
	{
	height:25px;
	width:718px;
	background-color:#BEB7B1;
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	margin-top:10px; 
	clear:both;
	}
	
	#thumbcontainer
	{
	height:210px;
	width:650px;
	padding-right:8px;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
	}
	
	#detailcontainer
	{
	width:740px;
	padding-right:8px;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
		float:right;
	}
	
	#thumbleft
	{
	width:231px;
	margin-top:8px;
	float:left;
	}
	
	#detailleft
	{
	width:455px;
	margin-top:8px;
	margin-left:8px;
	float:left;
	}
	
	#thumbright
	{
	height:167px;
	width:400px;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
	margin-left:8px;
	margin-top:8px;
	float:left;
	}
	
	#detailright
	{
	height:290px;
	width:233px;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:5px;
	margin-right:8px;
	margin-top:8px;
	margin-left:15px;
	float:right;
	overflow: auto; 
	}
	
	.featured-big
	{
    width:351px;
	float:left;
	margin-left:5px;
	margin-top:5px;
	}
	
	.featured-small
	{
    width:112px;
	
	float:right;
	margin-top:5px;
	padding-right:3px;
	}
	
	
	.add
	{

 
	padding-left:5px;
	padding-top:5px;
	clear:all; 

	}
	

	
	#bottom 
	{	
	width:988px;
	height:129px; 
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	float:left;
	clear:all; 
	}
	
	#bottom2
	{	
	width:988px;
	height:35px; 
	padding-right:20px;
	margin-top:15px;
	float:left;
	clear:all; 
	}
	
	#bottomhome 
	{	
	width:988px;
	clear:all; 
	}

    #content ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B6058;
	text-align: left;
    }
 #homeboxright2
	{
	width:222px;
	height:590px;
	float:right;
	background-image:url(images/bg-right2.jpg);
	}