/*------------------------------ 
Generic 
------------------------------*/
body {
	display: table;
	font: 80%/160% Arial, Helvetica, sans-serif;
	width: 100%;
	color: #333333;
	margin:0;
}
p {
	font-size:100%;
	padding:0 0 1.2em;
}
img {
	border:none;
}
a {
	color:#333333;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}
ul li {
	position:relative;
}
ol {
}
ol li {
}
input, textarea {
	font: 95% Arial, Helvetica, sans-serif;
}
/*------------------------------ 
Heading and Title 
------------------------------*/
h1 {
	font: 220%  "Century Gothic", "Trebuchet MS",  Tahoma, Arial;
	color:;
	margin:0;
	padding:0;
}
h2 {
	font:140% Arial, SimHei, Sans-Serif;
	color:;
	margin:0;
	padding:0;
}
h3 {
	font:110% Arial, SimHei, Sans-Serif;
	color:;
	margin:0;
	padding:0;
}
/*------------------------------ 
Header
------------------------------*/
#header {
	width:1000px;
	height:130px;
	background:url(images/header.jpg) no-repeat 0% 0%;
	margin:0 auto;
	position:relative;
}
inner-header {
}
#nav {
	position:absolute;
	right:30px;
	bottom:34px;
	z-index:1;
}
#nav li {
	width:100px;
	float:left;
	text-align:center;
}
#nav a {
	font:130% Arial, SimHei, Sans-Serif;
	color:#FFF;
}
#nav li:hover {
}
/*------------------------------ 
Content Wrap
------------------------------*/
#content-wrap {
	width:1000px;
	margin:0 auto;
	padding:0 0 0px;
	position:relative;
}
#wrap-end {
	height:0px;
	clear:both;
}
/*------------------------------ 
Index Content
------------------------------*/
.intro {
	width:1000px;
	height:310px;
	background:url(images/intro.jpg) no-repeat 0% 0%;
}
.exhibition {
	width:280px;
	height:200px;
	background:url(images/exhibition.jpg) no-repeat 0% 0%;
	margin:14px 0 24px 0;
	padding:0px;
	float:left;
	position:relative;
}
.main-showcase {
	width:720px;
	height:200px;
	background:url(images/showcase.jpg) no-repeat 0% 0%;
	margin:14px 0 24px 0;
	padding:0px;
	float:right;
	position:relative;
}
/*------------------------------  
Inner Page Content
------------------------------*/
#inner-content {
	width:800px;
	margin:0;
	padding:0;
	float:right;
	position:relative;
}
#inner-sidebar {
	width:200px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}
.inner-banner {
	width:800px;
	height:100px;
	background:url(images/inner-banner.jpg) no-repeat 0% 0% #CC9;
	position:relative;
}
.inner-banner h1 {
	color:#483839;
	position:absolute;
	bottom:20px;
	right:40px;
}
.breadcrumb {
	font-size:80%;
	width:800;
	margin:10px 0 15px 0;
}
.breadcrumb a {
	color:#333;
}
.breadcrumb a:hover {
	color:#666;
}
/*------------------------------
Inner SideBar
------------------------------*/
#inner-sidebar ul {
	width:160px;
	height:250px;
	margin:0 0 3px 10px;
	padding:0;
	position:relative;
	overflow:auto;
	border:1px dashed #CCC;
}
#inner-sidebar li {
	display:block;
	padding:0.3em 0 0.3em 2em;
}
#inner-sidebar li:hover {
	background:#E0DECC;
}
#inner-sidebar h2 {
	width:140px;
	height:25px;
	color:;
	margin:0 0 3px 0;
	padding:17px 0 0 30px;
	position:relative;
}
#inner-sidebar li a {
	display:block;
	color:#483839;
}
#inner-sidebar li a:hover {
	color:#796B56;
	text-decoration:underline;
}
.stone-bg {
	background:url(images/leftside-title-bg-1.jpg) no-repeat 10px 0;
}
.shape-bg {
	background:url(images/leftside-title-bg-2.jpg) no-repeat 10px 0;
}
/*------------------------------ 
Footer
------------------------------*/
#footer {
	width:1000px;
	height:90px;
	background:url(images/footer.jpg) no-repeat 0% 0%;
	margin:0 auto;
	position:relative;
	clear:both;
}
#footer-nav {
	position:absolute;
	top:20px;
	left:140px;
}
#footer-nav li {
	width:80px;
	height:20px;
	float:left;
	position:relative;
	text-align:center;
}
#footer-nav li.home{
	width:60px;
	text-align:left;
}
#footer-nav a {
	font:90% Arial, SimHei, Sans-Serif;
	color:#666;
}
#footer-nav a:hover {
}
#footer-nav span {
	display:block;
	width:1px;
	height:8px;
	background-color:#666;
	position:absolute;
	top:4px;
	right:0px;
}
#copyright {
	font:90% Arial, SimHei, Sans-Serif;
	color:#666;
	position:absolute;
	top:40px;
	left:140px;
	line-height:120%
}
/*------------------------------
About
------------------------------*/
.about-pic {
	float:right;
	margin-left:20px;
}
.inner-banner-about {
	width:800px;
	height:100px;
	background:url(images/page-banner-about.jpg) no-repeat 0% 0% #CC9;
	position:relative;
}
.inner-banner-about h1 {
	color:#483839;
	position:absolute;
	bottom:20px;
	right:40px;
}
/*------------------------------
Exhibition
------------------------------*/
.inner-banner-exhibition {
	width:800px;
	height:100px;
	background:url(images/page-banner-exhibition.jpg) no-repeat 0% 0% #CC9;
	position:relative;
}
.inner-banner-exhibition h1 {
	color:#483839;
	position:absolute;
	bottom:20px;
	right:40px;
}
.year-exhibition {
	display:table;
	width:800px;
	margin-bottom:30px;
	position:relative;
}
.year-exhibition li.h2 {
	width:795px;
	border-bottom:1px solid #704744 ;
	padding:0em 0em 0.5em 5px;
}
.year-exhibition li {
	width:800px;
	float:left;
}
.year-exhibition h3 {
	display:block;
	font:bold 100% Arial, SimHei, Sans-Serif;
	width:120px;
	background:#ECF2DE;
	padding:1.2em 5px 1.2em 12px;
	float:left;
	position:relative;
}
.year-exhibition em {
	display:block;
	font:normal 100% Arial, SimHei, Sans-Serif;
	width:643px;
	background:#E0DECC;
	padding:1.2em 5px 1.2em 15px;
	float:left;
	position:relative;
}
/*------------------------------
product-page
------------------------------*/
.product-list {
	width:800px;
	margin:0 0 40px 0;
	padding:0;
	float:left;
	position:relative;
}
.product-list li {
	width:180px;
	height:140px;
	border:1px solid #704744;
	background-color:#ECF2DE;
	float:left;
	position:relative;
	margin:0 9px 40px 9px;
	padding:0;
}
.product-list li:hover {
	border:1px solid #ECF2DE;
	background-color:#E0DECC;
}
.product-list em {
	width:180px;
	height:20px;
	text-align:center;
	position:absolute;
	left:0px;
	bottom:-25px;
}
.product-list em:hover {
	background-color:#ECF2DE;
}
.pages-nav {
	width:180px;
	height:20px;
	margin:10px 0 10px 310px;
	float:left;
	position:relative;
	text-align:center;
}
.pages-nav span {
	display:block;
	padding:0 5px 0 5px;
	float:left;
	position:relative;
}
.pages-nav ul li {
	width:20px;
	height:15px;
	margin:0 5px 0 5px;
	float:left;
	position:relative;
}
.pages-nav span {
	font-size:9px;
	background-color:#704744;
}
.pages-nav span:hover {
	background-color:#a38e84;
}
.pages-nav a span, .pages-nav a:hover span {
	color:#FFF;
	text-decoration:none;
}
.pages-nav ul li {
}
.pages-nav li:hover {
	background-color:#ECF2DE;
}
/*------------------------------
contact-page
------------------------------*/
.inner-banner-contact {
	width:800px;
	height:100px;
	background:url(images/page-banner-contact.jpg) no-repeat 0% 0% #CC9;
	position:relative;
}
.inner-banner-contact h1 {
	color:#483839;
	position:absolute;
	bottom:20px;
	right:40px;
}
.contact-pic {
	float:right;
	margin-left:20px;
}
#contact-form {
	margin:0 0 20px 0;
}
#contact-form div {
	width:470px;
	position:relative;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #704744;
}
#contact-form p{
	margin:0;
	clear:left;
	padding:0 0 1.2em;
}
#contact-form label {
	font:100% Arial, SimHei, Sans-Serif;
	width:120px;
	height:18px;
	color:;
	padding-top:2px;
	float:left;
	position:relative;
}
#contact-form input {
	width:350px;
	height:18px;
	background:#f0f0f0;
	border:1px solid #999;
}
#contact-form textarea {
	width:350px;
	height:140px;
	background:#f0f0f0;
	padding:2px;
	border:1px solid #999;
}
#contact-form .submitbutton {
	width:120px;
	height:25px;
	margin-left:120px;
}
#contact-form .clearbutton {
	width:120px;
	height:25px;
	margin-left:20px;
}
/*------------------------------
product-detail-info
------------------------------*/
ul.product-detail-info {
	width:800px;
	margin-bottom:40px;
	float:left;
	position:relative;
}
.product-detail-info li h1 {
	padding:5px 0 0 5px;
}
.product-detail-info li.info-pic {
	width:450px;
	height:350px;
	padding-right:18px;
	float:left;
	position:relative;
}
.product-detail-info li.info-pic img{
	border:1px solid #704744;
}
.product-detail-info li {
	width:325px;
	float:left;
	position:relative;
}
.product-detail-info li.info{
	height:185px;
	padding:5px 0 0 5px;
	border-top:1px solid #704744;
	border-bottom:1px solid #704744;
}
.product-detail-info li.info-contact {
	padding:5px 0 0 5px;
	background-color:#dfdecc;
}
/*------------------------------
exhibition-detail
------------------------------*/
.exhibition-info {
	float:left;
	position:relative;
	margin-bottom:40px;
}
.exhibition-info img {
	border:1px solid #704744;
}
div.info-contact {
	padding:5px 0 0 5px;
	background-color:#dfdecc;	
	border-top:1px solid #704744;
}
.back-btn {
	display:block;
	width:50px;
	height:18px;
	background-color:#bc9c75;	
	margin-top:10px;
	padding-top:2px;
	position:absolute;
	right:0px;
	text-align:center;
}
.back-btn:hover, .back-btn a:hover {
	color:#FFF;
	background-color:#704744;
}
/*------------------------------
------------------------------*/