/* basic elements */
	
	html
		{
		height:100%;
		}

	
	body 
		{
		font: 14px Verdana,Helvetica,Futura; 
		margin: 0;
		padding: 0;
		background-color: #000;
		}

		
	#container
		{
		margin:0 auto;
		width:990px;
		height:auto;
		color:#fff;
		}
	
			
	#footer
		{
		float:left;
		margin:0;
		width:100%;
		height:91px;
		}
		
	#footer p
		{
		margin:0 auto;
		margin-top:40px;
		text-align:center;
		font-size:12px;
		color:#7F6B53;
		}
	
	#footer p a
		{
		color:#7F6B53;
		text-decoration:none;
		}
		
	button,
	input,
	select,
	input[type=text], 
	input[type=textarea], 
	input[type=button], 
	input[type=submit]
		{
		border: 1px solid #818080;
		}
		
	button,
	input[type=button], 
	input[type=submit]
		{
		cursor:pointer;
		}
	img
		{
		border:0;
		}
	h2 
		{
		margin: 0;	
		padding:0;
		font: 34px Verdana,Helvetica,Futura;
		color:#ECECEC;
		font-weight:bold;
		}
	a.current h2
		{
		color:#000;
		}
	h3 
		{
		margin: 0;	
		padding: 0;
		font: 28px Verdana,Helvetica,Futura;
		}
		
	#feature_list
		{
		margin:20px auto;
		width: 900px;
		height: 600px;
		overflow: none;
		position: relative;
		}

	#feature_list ul
		{
		position: absolute;
		top: 0;
		list-style: none;	
		padding: 0;
		margin: 0;
		}
		
	#photobook_list
		{
		margin:20px auto;
		width: 900px;
		height: auto;
		overflow: none;
		position: relative;
		}
	#photobook_list ul
		{
		float:left;
		list-style: none;	
		padding: 0;
		margin:0;
		}
	#photobook_list #output
		{
		height:auto;
		}


	ul#tabs
		{
		left: 0;
		z-index: 2;
		width: 320px;
		}

	ul#tabs li
		{
		font-size: 12px;
		font-family: Arial;
		}
		
	ul#tabs li img
		{
		padding: 5px;
		border: none;
		float: left;
		margin: 10px 10px 0 0;
		}

	ul#tabs li a 
		{
		color:#7F6B53;
		text-decoration: none;	
		display: block;
		padding: 3px;
		height: 50px;
		outline: none;
		}

	ul#tabs li a:hover 
		{
		text-decoration: none;
		color:#ECECEC;
		}

	ul#tabs li a.current
		{
		background:  transparent url(pictures/feature-tab-current.png) no-repeat;
		color: #000;
		}

	ul#tabs li a.current:hover 
		{
		text-decoration: none;
		cursor: default;
		}
		
	ul#tabs li  span p
		{
		margin-top:-3px;
		}
		
	ul#output 
		{
		float:right;
		right: 0;
		width: 500px;
		height: 240px;
		position: relative;
		color:#7F6B53;
		}
		
	ul#output table,
	ul#output p
		{
		color:#7F6B53;
		}
		
		
	ul#output li
		{
		position: absolute;
		width: 500px;
		height: 240px;
		}

	ul#output li a 
		{
		position: absolute;
		text-decoration: none;
		font-size: 13px;
		color: #7F6B53;
		}
		
	.image_table
		{
		border:0;
		font-size:10px;
		vertical-align:top;
		text-align:center;
		}
	.image_table td
		{
		height: 200px;
		vertical-align:top;
		}
	.image_table a
		{
		vertical-align:top;
		text-decoration:none;
		color:#7F6B53;
		}
	.image_table img
		{
		vertical-align:top;
		}
	a 
		{
		color:#7F6B53;
		text-decoration: none;	
		}