/* --- www.yiquan-zywg.com, coded and managed by Chrisitan Bauer -- CSS validated by W#C */

﻿/* ----------------
  Fonts & Body
------------------*/

@charset "utf-8";

body {
	background-color: #444;
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
a:link {
	color: #555;
	text-decoration: none;
}
a:visited {
	color: #555;
	text-decoration: none;
}
a:hover {
	font-weight: bold; 
	color: #c81413;
	text-decoration: none;
}
a:active {
	color: #555;
	text-decoration: none;
}

/* ----------------
  	 Layouts 
------------------*/
.sitewrapper {
        border: thin solid #ccc;
	width: 990px;
	position: relative;
	vertical-align: top;
	margin-right: auto;
	margin-left: auto;
	background-color: #eee;
}

.mainwrap {
	width: 960px;
	position: relative;
	vertical-align: top;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.head-wrap {	
	border: thin solid #ccc;
        text-align: center;
	position: relative;
	background: #eee;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}

.head-table-wrap{
	width: 990px;
	background: #ddd;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-right: auto;
	margin-left: auto;
}

.TableInsideEng {
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
}
.TableGreyDot {
	border: thin solid #999;
}

.table-headings-all {
	background-color: #ddd;
	color: #222;
}



/* ----------------
  	Home Layouts 
------------------*/

.tongzhi {
	width: 90%;
	position: relative;
	left: 5%;
	right: 5%;
}

.hobanner {
    width: 240px;
	position: relative;
	text-align: center;
	vertical-align: top;
	float: left;
	background-color: #ddd;
	padding-bottom: 5px;
}

.hocontent {
    width: 720px;
	position: relative;
	text-align: center;
	vertical-align: top;
	float: left;
}

.wzdate {
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	white-space: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.wzarticle {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.TextSize {line-height: 20px;
}


.tabledevide {border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.tablegrey {border: thin solid #333333;
}

.VidDate {	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.home-left-box {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 3px;
	border: thin solid #999;
}

.home-slideshow-article-wrap {
        position: relative; 
	width: 250px;
	margin-left: 15px;
	float: left;
}
.home-slideshow-video-wrap {
        position: relative; 
	width: 240px;
	margin-left: 80px;
	float: left;
}

/* ----------------
  	pictures
------------------*/
.pictures-heading {
	background-color: #ddd;
	color: #222
	padding-right: 15px;
	text-align: right;
	width: 920px;
	margin: 0 auto;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pic-heading-right {
	font-size: 18px;
	color: #222;
	padding-right: 15px;
	text-align: right;
}

/* ----------------
  	people
------------------*/
.ppl-heading-right {
	font-size: 18px;
	color: #222;
	padding-right: 15px;
	text-align: right;
}

.table_dizi {
 	font-size: 17px;
	line-height: 25px;
}

/* ----------------
  	products
------------------*/

.pro-text {
	font-size: 14px;
	line-height: 20px;
}
.pro-text-2 {
	font-size: 18px;
	line-height: 20px;
}

.pro-menu {
	font-size: 20px; 
}

.pro-headings {
	position: relative;
	width: 920px;
	text-align: right;
	background-color: #ddd;
	color: #222;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 15px;
	font-size: 24px;
}
/* ----------------
  	school
------------------*/
.sc-tb-contact {
	line-height: 25px;
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
}

.sc-text-fees {
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

.sc-heading-right {
	font-size: 18px;
	color: #222;
	padding-right: 15px;
	text-align: right;
}


/* ---------------
     Videos  
------------------*/
.vid-menu {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.vid-table-headings {
	font-size: 14px;
	background-color: #ddd;
    color: #222;
}

.vid-heading-right {
	font-size: 14px;
	padding-right: 15px;
	text-align: right;
	color: #222;
}

/* ----------------
  	Yiquan 
------------------*/
.yq-menu {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
}


/* ----------------
  	Ending & Clears 
------------------*/
.endtext {
	font-size: 11px;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	position: relative;
}
.endstemp {
	width: auto;
	padding-right: 10px;
	text-align: center;
	position: relative;
}
.clear {
	clear: both;
	position: relative;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
