html{
	height:100%;
}
body{
	margin:0;
	padding:0;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
}
h1, h2, h3, h4{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
h2{
	color:#F23E26;
	font-size:1.5em;
	margin:0;
	padding:10px 0;
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
}
h3{
	font-size:1.2em;
	margin:0;
	padding:10px 0;
	border-bottom:solid 1px #999;
}
a{
	color:#800;
}
/* LAYOUT */
#topshell{
	border-top:solid 5px #666666;
	background:#fff url(img/topshell_bg.jpg) repeat-x;
	padding:0 10px;
}
#bannershell{
	position:relative;
	padding:0 10px;
}
#contentshell{
	position:relative;
	padding:0 10px;
}
#bottomshell{
	/*border-bottom:solid 5px #666666;*/
	padding:30px 10px;
}
#header{
	width:920px;
	height:125px;
	margin:0 auto;
	position:relative;
}
#logo{
	border:none;
	margin-top:30px;
	float:left;
}
#menu{
	position:absolute;
	right:0;
	top:0;
}
#menu ul{
	margin:0;
	padding:0;
}
#menu li{
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
	height:35px;
}
#menu li a{
	display:inline;
	float:left;
	margin:0 0 0 8px;
	padding:7px 16px 0 16px;
	height:25px;
	color:#666666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
}
#menu li a:hover{
	background:#ebebeb;
	border:solid 1px #ccc;
	padding:6px 15px 0 15px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#menu li a.active{
	color:#fff;
	background:#666666;
	border:none;
	padding:7px 16px 0 16px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#menu li a.lang-btn{
	width:38px;
	height:28px;
	margin-top:2px;
	padding:0 !important;
	text-indent:-5000px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 -30px;
}
#menu li a.lang-btn.cn{
	background-image:url(img/lang-cn.png);
	margin-left:20px;
}
#menu li a.lang-btn.en{
	background-image:url(img/lang-en.png);
}
#menu li a.lang-btn:hover{
	padding:0;
	border:none;
	border-radius:0;
}
#menu li a.lang-btn.enabled{
	background-position:0 0;
}

/* Banner */
#banner{
	width:820px;
	position:relative;
	margin:0 auto;
	/*min-height:200px;*/
	background:url(img/transparent_black.png);
	padding:10px 20px;
	color:#fff;
}
#banner h2{
	color:#FFF;
	background:rgba(255,0,0,.5);
	background:#C7242C;
	margin:10px -30px;
	padding:10px 30px;
}
/* End Banner */
#background{
	position:absolute;
	top:100px;
	left:0;
	width:100%;
	min-height:486px;
	overflow:hidden;
	z-index:-1;
}
#background .hero{
	width:100%;
	min-width:1200px;
	height:auto;
}
#background .cap{
	width:100%;
	background:url(img/contentshell_bg.jpg) repeat-x 0 0;
	height:170px;
}
#contentouter{
	width:920px;
	margin:0 auto -23px;
	/*background:url(img/transparent_gray.png);*/
	position:relative;
	z-index:2;
    -webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
#content{
	margin:0 auto;
	padding:20px 10px 0 30px;
	position:relative;
	z-index:2;
	min-height:250px;
	background: #ebebeb;
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,.6) 40px,rgba(235,235,235,1) 130px,rgba(232,232,232,1) 300px,rgba(232,232,232,1) 100%); /* W3C */
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
#contentfooter{
	width:966px;
	height:170px;
	background:url(img/content_bottom.png) no-repeat center bottom;
	position:absolute;
	bottom:-40px;
	left:-23px;
	z-index:1;
}
#footer{
	width:880px;
	padding:0 20px 0 20px;
	margin:0 auto 0 auto;
	text-align:center;
	font-size:.8em;
	color:#999;
}
/* END LAYOUT */

/* Columns */
.col
{
    padding:5px 20px;
	margin:0 17px 20px 0;
	float:left;
}
.one
{
    width:160px;
}
.two
{
    width:380px;
}
.three
{
    width:600px;
}
/* End Columns */

/* CARDS */
.card{
	padding:5px 20px;
	margin:0 17px 20px 0;
	border:solid 1px #999;
	background:#FFF;
	position:relative;
	color:#000;
	text-decoration:none;
}
.card.onecol
{
    width:160px;
    float:left;
    height:140px;
    overflow:hidden;
}
.card.twocol{
	float:left;
    width:380px;
    height:140px;
    overflow:hidden;
}
.card.threecol{
	float:left;
    width:600px;
    height:140px;
    overflow:hidden;
}
.card.signup{
	background:#7F141E;
	color:#fff;
}
.card h3{
	height:1.3em;
	font-size:1.1em;
	border:none;
	overflow:hidden;
	margin:0 0 5px 0;
	padding:0;
}
.card .logo-small{
	height:100px;
	width:auto;
}
.card.level1
{
    height:20px;
}
/* Forms */
#searchbar{
	position:absolute;
	right:30px;
	bottom:10px;
	width:400px;
}
.formbar {
	margin: 20px 0 10px;
	height: 36px;
	position: relative;
}
.formbar .text {
	padding: 5px;
	font-size: 14px;
	width: 80%;
	height: 22px;
	border: inset 2px #ebebeb;
	border-right: none;
	border-radius: 5px 0 0 5px;
	margin: 0;
	position: absolute;
	top: 0;
}
.formbar .submitbtn {
	height: 36px;
	width: 20%;
	background: linear-gradient(to bottom, rgba(222,222,222,1) 0%,rgba(200,200,200,1) 100%);
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	border: inset 2px #ebebeb;
	text-transform: capitalize;
	overflow: hidden;
	border-left: none;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}
/* Profiles */
.profile-icon{
	padding:3px 0 3px 25px;
	height:12px;
	display:block;
	margin:10px;
	background-repeat:no-repeat;
	background-position:0 0;
	color:#999;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
	cursor:pointer;
}
.profile-icon:hover{
	background-position:0 -20px;
}
.profile-icon.web{
	background-image:url(img/profile-icon-web.png);
}
.profile-icon.email{
	background-image:url(img/profile-icon-email.png);
}
.profile-icon.phone{
	background-image:url(img/profile-icon-phone.png);
}
.profile-icon.address{
	background-image:url(img/profile-icon-address.png);
}
/* Video Player */
#videoplayer{
    width:820px;
    min-height:407px;
	position:relative;
}
#profilevideo{
	width:640px;
	height:360px;
    float:left;
	/*position:absolute;
	top:57px;
	left:0;*/
}
#playlist{
	width:179px;
	height:360px;
    float:left;
	/*position:absolute;*/
	border-right:solid 1px #000;
	/*top:57px;
	right:0;*/
}
#playlist .item{
	height:59px;
	padding:30px 20px 0 20px;
	font-size:26px;
	border-bottom:solid 1px #000;
	text-transform:uppercase;
	cursor:pointer;
	color:#999;
	background:#333;
}
#playlist .item.first{
	height:58px;
	border-top:solid 1px #000;
}
#playlist .item.active{
	color:#FFF;
	background:#000;
}
#playlist .item.hover{
	color:#FFF;
	background:#000;
}

/* Home Videos */
#homeplayer {
    display:none;
    position:relative;
}
#homeplayer h2 {
    padding-right:40px;
}
#homevideo {
    margin:0 auto;
}
#homevideoclose {
    position:absolute;
    right:20px;
    top:7px;
    background:url(img/icon-close.png) no-repeat center center;
    width:30px;
    height:30px;
    border:solid 1px #fff;
    cursor:pointer;
    z-index:1000;
}
.homevideo {
    text-decoration:none;
    color:#000;
    display:block;
    height:100px;
    overflow:hidden;
}
.homevideo img{
    border:none;
    float:left;
    margin:0 10px 10px 0;
    width:178px;
    height:100px;
}
.homevideo:hover img {
    border:solid 3px #F23E26;
    box-sizing:border-box;
}
.homevideo .title {
    display:block;
    font-weight:bold;
}
.homevideo .desc {
    display:block;
}


/* Company Form */
.form
{
    border:none;
}
.form td
{
    padding:4px 10px 4px 0;
}
.label
{
    display:block;
    padding:3px 0;
}

/* Common */
.red
{
    color:red;
}
.green
{
    color:green;
}
.gray
{
    color:gray;
}