/*
			Harris Home Furnishings CSS 
			---------------------------
			Author:			Sam HS
			Date:			28th April 2010
			Version:		1.0
			
		*/


		body {
			font-family:			arial, helvetica, verdana, sans-serif;
			color:					#000;
			background-color:		#a79b9b;
			font-size:				62.5%;
			margin:					0;
			padding:				0;
		}
		
		#container {
			position:				relative;
			width:					960px;
			margin:					auto;
			background-color:		#D6C2BF;
			border-left:			6px solid #fff;
			border-right:			6px solid #fff;
			border-bottom:			6px solid #fff;
		}
		
		#header {
			position:				relative;
			overflow:				hidden;
			padding:				0;
			margin:					0;
			width:					960px;
			height:					167px;
			background:				transparent url(headerbg.jpg) no-repeat top left;
		}
		
		#header h1 {
			padding:				0;
			margin:					0;
			position:				relative;
			display:				block;
			width:					350px;
			height:					167px;
			margin:					auto;
			background:				transparent url(logo.gif) no-repeat center center;
			text-indent:			-10000px;
			overflow:				hidden;			
		}
		
		#header ul {
			position:				absolute;
			right:					40px;
			top:					25px;
			margin:					0;
			padding:				0;
		}
		
		#header ul li {
			list-style:				none;
			line-height:			1.8em;
			color:					#94696A;
			font-size:				1.4em;
		}
		
		#nav {
			position:				relative;
			width:					100%;
			height:					72px;
			background:				#F9CE00;
			border-bottom:			2px solid #FEF1D7;
		}
		
		#nav ul {
			position:				relative;
			margin:					0;
			padding:				0;
			height:					52px;
			padding-top:			2px;
			background:				#FEF1D7;
			overflow:				hidden;
		} 
		 
		#nav ul li {
			list-style:				none;
			margin:					0;
			padding:				0;
			margin-right:			5px;
			height:					50px;
			line-height:			50px;
			float:					left;
			width:					115px;
			background:				#94696A;
			text-transform:			uppercase;
		}
			
		#nav ul li.last {
			margin-right:			0;
		}
		
		#nav ul li a {
			color:					#fff;
			font-size:				1.3em;
			width:					100%;
			height:					50px;
			display:				block;
			text-align:				center;
			text-decoration:		none;
			margin-bottom:			2px;
		}
		
		#nav ul li a:hover {
			background:				#a79b9b;
		}
		
		#nav ul li.active a {
			height:					52px;
			background-image:		url(arrow.gif);
			background-position:	6px 34px;
			background-repeat:		no-repeat;
			margin-bottom:			0px;
		}
		
		#nav ul li.active a:hover {
			background-color:		transparent;
		}
		
		#content {
			position:				relative;
		}
		
		#content #article {
			font-size:				1.2em;
			line-height:			1.5em;
			text-align:				justify;
			padding-left:			40px;
			padding-top:			20px;
		}
			
		#content .floatright {
			float:					right;
			margin-left:			40px;
		}
		
		#pagegallery {
			width:					960px;
			position:				relative;
			clear:					both;
			height:					152px;
			border-top:				10px solid #FEF1D7;
			border-bottom:			10px solid #FEF1D7;
			background:				#E5B979;
			overflow:				hidden;
		}
		
		#pagegallery ul {
			position:				relative;
			margin:					0;
			padding:				0;
			overflow:				hidden;
			width:					960px;
		}
		
		#pagegallery ul li {
			list-style:				none;
			float:					left;
			margin-left:			20px;
			margin-right:			10px;
			padding-top:			6px;
			padding-bottom:			6px;
		}
		
		#footer {
			position:				relative;
			min-height:				50px;
			background-color:		#D6C2BF;
		}
		
		#footer a 
		{
			font-size:				1.2em;
			line-height:			1.5em;
			color: 	#FFD700;
			font-weight: bold;			
		}
		
		#imageContainer 
        {    
	        position:relative;
	        margin:auto;
	        width: 600px;	
	        float: right;
        }
        
        #imageContainer img
        {
            display: none;
        }
        
        #article 
        {
            width: 200px;            
            float: left;
            margin-right: 20px;
        }
        
		#linkslist 
		{
		    font-size:				1.2em;
			line-height:			1.5em;
 width:	300px;
 float:	left;
}

#linkslist a
		{
		    font-size:				1.2em;
			line-height:			1.5em;
			color: 	#FFD700;
			font-weight: bold;			
 width:	300px;
 float:	left;
}

.clear {
 clear: both;
}