/***ljk******************TagZ******************/

* {
	margin:0;
	padding:0;
	}
html{
	height:100%;
	}

body {
    min-height:100%;
	height:auto; 
	position:relative;
    font: normal 13px 'Trebuchet MS', Tahoma, Arial, sans-serif;		
	line-height:130%;
	color:#333;
	background:#ffffeb url(../i/body-bg.jpg) top left repeat-x;
	}
	
	
h1 {
	font-weight:normal;
	font-size:21px;
	margin-bottom:10px;
	}
h2 {
	font-weight:normal;
	font-size:17px;
	line-height:120%;
	margin-bottom:10px;
	}
h3 {
	font-weight:bold;
	font-size:13px;
	line-height:130%;
	margin-bottom:5px;
	}
p {
	line-height:150%;
	letter-spacing:0.2px;
	margin-bottom:15px;
	}
p.title {
	margin-bottom:6px;
	}
ul {
   margin: 5px 0 15px 20px;
   }
li {
	line-height:150%;
	letter-spacing:0.2px;
	margin-bottom: 0 0 3px 5px;
    }
a {
	color:#A8650B;
	outline:none;
	}
img {
	border:none;
	}
	
blockquote {
	color: #833;
	margin: 0px;
	text-align: center;
	padding: 10px;
	quotes: "\201C" "\201D";
	}


table input, table textarea{
	position:relative;
	left:-3px;	
	}

/** Formatting *************************************************/
.clear {
	height:1px;
	clear:both;
	}
	
	
/** Clearfix  *****************************************/	
.clearfix:after {
	content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		
	
	
.fleft {
	float:left;
	}
.fright {
	float:right;
	}
	
#container {
	position:relative;
	padding:0 0 130px 0;	
	margin:0 auto;
	background:url(../i/container-main-bg.jpg) top right no-repeat;
	}
	#wrapper {
			width:90%;
			margin:0 auto;
			position:relative;
			}


div.wingchun {	background:url(../i/container-ving-chun-bg.jpg) top right no-repeat !important;	}
div.taiji {	background:url(../i/container-taiji-bg.jpg) top right no-repeat !important; }
div.sanda {	background:url(../i/container-sanjda-bg.jpg) top right no-repeat !important; }
div.wudang_gongfu {	background:url(../i/container-others-bg.jpg) top right no-repeat !important;}

/********************HeadeR*****************/

#header {
	position:relative;
	height:345px;
	padding:35px 0;
	}
	
	div.logo {
		position:absolute;
		top:45px;
		left:4%;
		}
		
	div.index-bar {
		float:left;
		width:25%;
		height:20px;
		margin-top:320px;
		}
		div.index-bar ul {
			padding:0 6% 0 4%;
			width:90%;
			margin:0;
			}
			div.index-bar ul li {
				display:block;
				float:left;
				width:33%;
				text-align:center;
				}

	div.top-nav {
		float:left;
		width:54%;
		height:140px;
		position:relative;
		margin:205px 0 0 -20px;
		}
	div.top-nav ul {
		margin:0;	
		}
		div.top-nav ul li {
			display:block;
			float:left;
			width:24%;		
			margin:0;				
			}
			div.top-nav ul li a {
				text-align:center;
				display:block;
				padding-top:115px;
				width:120px;				
				font:bold 12px Trebuchet MS, Tahoma, sans-serif;
				text-decoration:underline;
				color:#333;
				cursor:pointer;
				}
				div.top-nav ul li a.current {
					text-decoration:none;
					}	

			div.top-nav .tn-wingchun a {
				background:url(../i/top-nav-ving-chun-bg.png) top center no-repeat;
				}
			div.top-nav .tn-taiji a {
				background:url(../i/top-nav-taiji-bg.png) top center no-repeat;
				}
			div.top-nav .tn-sanda a {
				background:url(../i/top-nav-sanjda-bg.png) top center no-repeat;
				}
			div.top-nav .tn-wudang_gongfu a {
				background:url(../i/top-nav-others-bg.png) top center no-repeat;
				}

/*******************Edge-colS***************/

#edge-l-col {
	float:left;
	width:25%;
	}

	#edge-l-col ul.nav {
		margin:0 15% 0 15%;
		background:url(../i/dot.gif) top right repeat-y;
		text-align:left;
		list-style-type:none;
		width:67%;
		border-left:dotted 1px #312E10;
		}
		#edge-l-col ul.nav li {
			margin:0 ;
			padding:0 0 5px 0;	
			}
			#edge-l-col ul.nav li a {
				font:normal 14px Tahoma, sans-serif;
				color:#594E21;
				text-decoration:none;
				line-height:190%;
				margin-left:25%;
				}
			#edge-l-col ul.nav li a:hover {
				margin-left:26%;
				}
		#edge-l-col ul.nav li.active {
			border-left:solid 3px #B45B00;
			}
			#edge-l-col ul.nav li.active a {
				color:#B45B00;
				margin-left:24%;
				}
				#edge-l-col ul.nav li.active a:hover {
					margin-left:24%;
					}
	
#edge-r-col {
	padding: 164px 0 0 3%;
	width:21%;
	float:left;
	}

/********************Mid-coL****************/

#mid-col {
	float:left;
	width:50%;
	}

.content {	
	
	}
	#mid-col .content {
		background:url(../i/dot.gif) top right repeat-y;
		padding-right:9%;
		}
		
		
.announce-block {
	padding:10px 20px;
	background-color:#FFF7D2;
	margin:0 -40px 0 0;
	position:relative;
	left:-20px;
	}
	
dl.news dt, .date {
	font:normal 10px Tahoma, sans-serif;
	color:#999;
	margin:20px 0 5px 0;
	}
dl.news dd {
	font:normal 15px Arial, sans-serif;
	line-height:150%;
	}
.gallery-list {
	padding:2em 0;
	}
    .gallery-list-item {
    	width:35%;
		display:inline;
		padding-top:20px;
    	height:145px;
    	ovreflow:hidden;
    	float:left;
    	text-align:center;
		background:#fffddb;
		margin:0 7% 20px 7%;
		border-top:#FDDE8E solid 1px;
    	}
.pagenav ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0pt;
	margin:0pt;
	}
.pagenav ul li{
	font:normal 12px Trebuchet MS;
	float:left;
	margin:2pt 5pt;
	padding:2pt 6pt;
	}
.pagenav ul li.here{
	border:solid 1px #999999;
	color:#999999;
	}
.pagenav ul li.first{
	margin:2pt 0pt;
	padding:2pt 6pt 2pt 0pt;
	}
.pagenav ul li.prev_active{
	margin:2pt 6pt;
	padding:0pt;
	background:transparent url(../i/pagenav_prev_a.gif) left center no-repeat;
	}
.pagenav ul li.prev{
	margin:2pt 0pt;
	padding:0pt;
	background:transparent url(../i/pagenav_prev.gif) left center no-repeat;
	}	
.pagenav ul li.next{
	margin:2pt 6pt;
	padding:0pt;
	background:transparent url(../i/pagenav_next.gif) right center no-repeat;
	}
.pagenav ul li.next_active{
	margin:2pt 6pt;
	padding:0pt;
	background:transparent url(../i/pagenav_next_a.gif) right center no-repeat;
	}	
.pagenav ul li.prev a, .pagenav ul li.next a, .pagenav ul li.prev_active a, .pagenav ul li.next_active a{text-decoration:none;}
.photos a img {
	float:left;
	margin:0 10px 10px 0;
	}

dl.linkz {
	position:relative;
	width:70%;
	}
	dl.linkz dt {
		font:normal 18px Trebuchet MS, Tahoma, Arial, sans-serif;
		line-height:150%;
		margin-bottom:10px;
		}
		dl.linkz dt a {
			color:#333;
			text-decoration:none;
			}
	dl.linkz dd {
		padding-bottom:5px;
		margin-left:30px;
		margin-bottom:35px;
		border-bottom:dotted 1px #312E10;
		font:normal 11px Tahoma, Arial, sans-serif;
		line-height:150%;
		}
	dl.linkz dd a {
		float:right;
		padding-top:7px;
		}

	
/*
.bottom-col {
	position:relative;
	}
	.bottom-col span.price {
		font:normal 20px Arial, sans-serif;
		color:#DE860E;
		display:block;
		float:left;
		padding:40px 0 0 30px;
		}
	.bottom-col .left-col, .bottom-col .right-col  {
		background:none;
		}
*/
/**********************FooteR***************/

#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:95px;	
	}
.footer-content {
	width:44%;
	margin:0 auto;
	padding:0px 11% 0 10%;
	}
.qb {
	position: absolute;
	right: 0; 
	bottom: 25px;
	}
/**********************************************/
ul.market {
	list-style:none;
	margin:0;
	padding:0;
	}
	ul.market li {
		float:left;
		width:133px;
		height:160px;
		padding:0 24px 10px 0;
		text-align:center;
		}
		ul.market li a.product_img {
			display:block;
			width:133px;
			height:100px;
			overflow:hidden;
			margin:0 0 5px 0;
			}
/* gallery */
.album-cover{
	margin: 20px 15px 15px;	
}

.album-title{
	height: 50px;
	width: 144px;
	overflow: hidden;
	font-size: 12px !important;
	text-align: center;
	padding-top: 5px;
}