CSS - antique chair


* {
	padding:0;
	margin:0;
	border:0;
}

table {
	border-collapse:collapse;
} 

table tr {
	padding: 0;
	margin: 0;
}

html {
	background:#fff url(images/bg.jpg) 50% 50% repeat-x;
	height:100%;
	/*overflow: hidden;*/
}

body {
	font: 0.75em "Arial", Tahoma, Helvetica, Sans-Serif;
	background:url(images/container.jpg) 50% 50% no-repeat;
	height:100% !important;
	/*overflow: hidden;*/
}
	
#bodyWrapper {
	height:100%;
	width:100%;
	text-align:center;
	/*overflow: hidden;*/
}
	
#container {
	margin:auto auto;
	position:relative;
	width:764px;
	height:480px;
	text-align:left;
}

#container2 {
	margin:auto auto;
	position:relative;
	width:764px;
	height: 100%;
	text-align:left;
}

#frame {
	width:744px;
	height:460px;
	padding:10px;
	text-align: left;
	background: #fff;
}

#frame2 {
	width:744px;
	height: 100%;	
	padding:10px;
	text-align: left;
	background: #fff;
}	
/* ---------- 1.0 HEADER ---------- */
	
	#header {
	 height: 90px;
	 position:relative;
	 z-index:1000;
	 top:0;
	 left:0;
	}
			
	#title {
		float: right;
		height: 58px;
		width: 714px;
	}
		
	#header h1 {
		padding: 0;
		margin: 0;
	}	
		
	#header h1 a {
		display:block;
		text-indent: -2000em;
		width: 714px;
		height: 58px;
		background: url(images/logo_antique_chair2.png) 0 -5px no-repeat;
	}		
	
	#menu {
		float: left;
		display: block;
		background:url(images/menu_bg.jpg) 0 0 repeat-x;
		height: 32px;
		width: 744px;
	}
	
	#menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#menu ul li {
		display: block;
		float: left;
		padding: 0 4px 0 0;
		height: 26px;
	}
	
	#menu ul li a {
		display: block;
		text-indent: -2000px;
		height: 26px;	
	}

	#menu ul li.home {
		padding-left: 44px;
	}

	#menu ul li.home a {
		width: 72px;
		background: url(images/menu_home2.png) 0 0 no-repeat;
	}
	
	#menu ul li.home a:hover, #menu ul li.home a.selected  {
		width: 72px;
		background: url(images/menu_home.png) 0 0 no-repeat;
	}
	
	#menu ul li.aboutUs a {
		width: 92px;
		background: url(images/menu_about_us2.png) 0 0 no-repeat;
	}
	
	#menu ul li.aboutUs a:hover, #menu ul li.aboutUs a.selected  {
		width: 92px;
		background: url(images/menu_about_us.png) 0 0 no-repeat;
	}
	
	
	#menu ul li.collection a {
		width: 110px;
		background: url(images/menu_collection2.png) 0 0 no-repeat;
	}
	
	#menu ul li.collection a:hover, #menu ul li.collection a.selected  {
		width: 110px;
		background: url(images/menu_collection.png) 0 0 no-repeat;
	}
	
	
	#menu ul li.contact a {
		width: 110px;
		background: url(images/menu_contact_us2.png) 0 0 no-repeat;
	}
	
	#menu ul li.contact a:hover, #menu ul li.contact a.selected  {
		width: 110px;
		background: url(images/menu_contact_us.png) 0 0 no-repeat;
	}

	#menu ul li.testimonials a {
		width: 110px;
		background: url(images/menu_testimonials2.png) 0 0 no-repeat;
	}
	
	#menu ul li.testimonials a:hover, #menu ul li.testimonials a.selected  {
		width: 110px;
		background: url(images/menu_testimonials.png) 0 0 no-repeat;
	}
	
	#header h3 {
		color:#4E9C8C;
		font-size:0.9em;
		position:absolute;
		z-index:1000;
		left:0;
		top:0;
		margin:40px 0 0 0;
	}
	
	
/* ---------- 2.0 Content ---------- */	

#content {
	width: 744px;
	height: 368px;
	color: #6c8b83;
	font-family: font-family: Verdana, Geneva, Arial, sans-serif;
}

#content2 {
	width: 744px;
	color: #6c8b83;
	font-family: font-family: Verdana, Geneva, Arial, sans-serif;
}

#slide img {
	z-index:500;
}


#content p {
	padding: 15px 0 0 0;
	margin: 0;
	
	line-height: 170%;
	text-align: justify;
}

	/* ---------- 2.1 About Us ---------- */	

	#aboutUs {
		padding: 10px 0 0 10px;
	}


	img.aboutUsImg {
		float: right;
		padding-left: 25px;
	}
	
	/* ---------- 2.2 Contact Us ---------- */	

	#contactUs {
		padding: 10px 0 0 0;
	}


	img.contactUsImg {
		float: right;
		padding-left: 25px;
	}
	
	#contactUs table {
		font-size: 1.1em;
		margin-top: 2em;
	}
	
	#contactUs table tr {
		height: 20px;
	}
	
	#contactUs table th {
		width: 100px;
	}
	
	#contactUs a {
		color:#48917e;
		text-decoration:none;
	}
	
	#contactUs .tel {
		color: #48917e;
	}

	#contactUs a:hover {
		text-decoration:underline;
	}
	
	/* ---------- 2.3 Products ---------- */
	
	#content a.viewAllProducts {
		position: absolute;
		display: block;
		z-index:2000;
		margin: 0 0 0 210px;
		height: 26px;
		width: 125px;
		background: url(images/viewAllProducts.png) 0 0 no-repeat;
		text-indent: -2000em;
	}

	
	
	#content h2 {
		font-size: 2.2em;
		font-weight: normal;
		padding: 0 0 6px 0;
		margin: 0;
	}
	
	li.panorama a img {
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	#content li.panorama a strong {
		text-align: center;
		font-size: 1.8em !important; 
		display:block;
		color:#6c8b83;
		text-decoration:none !important;
	}
	
	#content li.panorama a:hover strong {
		color:#35BB9E;
	}

	
	
	#allProductsBg {
		position: absolute;
		/*background: url(images/allProductsBg.png) 0 0 repeat; */
		margin-left: 342px;
		width: 396px;
		height: 174px;
		z-index: 2000;
		visibility: hidden;
	 	background-color: #4e9d8c;  /* the background          */
   		filter:alpha(opacity=30);   /* Internet Explorer       */
   		-moz-opacity:0.3;           /* Mozilla 1.6 and below   */
   		opacity: 0.3;               /* newer Mozilla and CSS-3 */
	}
	
	#allProducts {
		position: absolute;
		margin-left: 342px;
		padding: 0;
		width: 396px;
		height: 174px;
		visibility: hidden;	
		z-index: 2001;
	}
	
	#allProducts ul {
		list-style: none;
		margin: 0;
		padding: 2px 0 2px 2px;
	}
	
	#allProducts ul li {
		float: left;
		width: 52px;
		height: 52px;
		text-align: center;
		background-color: #fff;
		margin: 2px;
		padding: 0;
	}
	
	#allProducts ul li a img {
		border: 0;
		margin: 9px 0 0 0;
		padding: 0;
	}
	

		
		/* ---------- 2.2.1 Product See ---------- */
		
		img.sofa {
			float: right;
			margin-top: 25px;
		}
		
		#fabric {
			margin-top: 15px;
			width: 122px;
			height: 122px;
			border:solid 4px #4e9d8c;
			background-color: #fff;
		}
		#fabric img {
			width: 120px;
			height: 120px;
			border: 1px solid #bfe3db;
			padding: 0;
			display:block;
		}
		
		#ProductSee p.price {
			margin-top: 8px;
		}
		
		#ProductSee p.price span {
			color: #f78307;
			margin-left: 7px;
		}


		#ProductSee p {
			margin: 0;
			padding: 0;
			text-align: left;
		}
		
		#ProductSee {
			padding-top: 25px;
		}
		
		#ProductSee table {
			font-size: 0.95em;
			margin: 21px 0 1px 0;
		}
		
		#ProductSee table td {
			padding: 4px 7px 0 7px;
			border-right: 1px solid #cae2dc;
		}
		
		#ProductSee table th {
			padding: 2px 7px 4px 7px;
			border-right: 1px solid #cae2dc;
			border-bottom: 1px solid #cae2dc;
		}
		
		#ProductSee table td.last, #ProductSee table th.last {
			border-right: none;
			padding-right: 0;
		} 

		#ProductSee table td.first, #ProductSee table th.first {
				padding-left: 0;
			} 
			
		a.backToCollection {
			position: absolute;
			top: 445px;
			left: 625px;
			color: #6c8b83;
			text-decoration: none;
			margin-top: 4px;
			margin-right: 5px;
			font-weight: bold;
			font-size: 0.94em;
		}

		a.backToCollection:hover {
			text-decoration: none;
		}
		
		a.viewImage {
			color: #6c8b83;
			text-decoration: none;
			font-weight: bold;
		}

		a.viewImage :hover {
	color: #996600;
	text-decoration: none;
	font-weight: bold;
		}

/* ---------- 3.0 Footer ---------- */

#footer {
	position:absolute;
	text-align:right;
	width:764px;
	left:0;
	bottom:-20px;
	font-size:0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#48917e;
	}

#footer a {
	color:#48917e;
	text-decoration:none;
	}

#footer a:hover {
	text-decoration:underline;
	}
	
#footer p {
	margin: 0;
	display: inline;
	padding: 0 0 0 22px;
}