/* RESET CSS DEFAULT */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display : block;}

body { line-height: 1; height:100%; font-family:Arial, "Helvetica", sans-serif ;}

ul { list-style-type:none;  }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse;border-spacing: 0; }

a { text-decoration:none; }



/* --- HEADING --- */

h1{font-size: 2.125em; font-weight:normal;} /* 34px */ 

h2{font-size: 1.125em; font-weight:normal;}	/* 18px */

h3{font-size: 0.875em; font-weight:normal;}	/* 14px */

h4{font-size: 0.75em; font-weight:normal;}	/* 12px */

h5{font-size: 0.625em; font-weight:normal;}	/* 10px */

h6{font-size: 0.5em; font-weight:normal;}	/* 8px */



/* --- COVER --- */              

.container { width:1024px; position:relative; margin: 0 auto;}

.wrap { width:1024px; float:left; }



/* --- PADDING --- */

.pt5 { padding-top:5px; }

.pr5 { padding-right:5px; }

.pb5 { padding-bottom:5px; }

.pl5 { padding-left:5px; }

.p5 { padding:5px; }



.pt10 { padding-top:10px; }

.pr10 { padding-right:10px; }

.pb10 { padding-bottom:10px; }

.pl10 { padding-left:10px; }

.p10{ padding:10px; }



.pt15 { padding-top:15px; }

.pr15 { padding-right:15px; }

.pb15 { padding-bottom:15px; }

.pl15 { padding-left:15px; }

.p15 { padding:15px; }



.pt20 { padding-top:20px; }

.pr20 { padding-right:20px; }

.pb20 { padding-bottom:20px; }

.pl20 { padding-left:20px; }

.p20 { padding:20px; }



.pt30 { padding-top:30px; }

.pr30 { padding-right:30px; }

.pb30 { padding-bottom:30px; }

.pl30 { padding-left:30px; }

.p30 { padding:30px; }



.pt35 { padding-top:35px; }

.pr35 { padding-right:35px; }

.pb35 { padding-bottom:35px; }

.pl35 { padding-left:35px; }

.p35 { padding:35px; }

.p0 { padding: 0 !important; }



/* FONT STYLE */

.o { font-style:oblique; }



/* FONT WEIGHT */

.no { font-weight:normal; }

.bo { font-weight:bold; }



/* ANOTHER */

.clr{clear:both;}

.pr{position:relative;}

.pa{position:absolute;}

.tc{text-align:center;}

.l{float:left;}

.r{float:right;}



/* COLUMN */

.column1-1 { float: left; width: 100%}

.column1-2 { float: left; width: 50%}

.column1-3 { float: left; width: 33%}

.column1-4 { float: left; width: 25%}

.column1-5 { float: left; width: 20%}





/* FONT */

.c0 { color:#000000; }  /* black 	*/

.c1 { color:#ffffff; }  /* white 	*/

.c2 { color:#229f89; ; }  /* green	*/

.c3 { color:#e6ba00; }	/* gold		*/

.c4 { color:#c7c5c7; }	/* gold		*/

.c5 { color:#949393; }  /* grey 	*/



.red {border: 1px solid red}

.green { color: #229f89; }





body {  }



.opening { position: fixed; top: 50%; left: 50%; height: 600px; margin-top: -300px; width: 430px; margin-left: -215px; background:url(../img/bg/bg-logo.gif) no-repeat; background-position:center; }

.opening div { clear: both; width: 100px; margin: auto auto ; position: relative; width: 370px; margin-top: 180px}

.opening ul { list-style: none; padding-top: 20px; text-align: center;}

.opening ul li { display: inline-table; width: 180px; height: 40px; text-align: center; }

.opening ul li a { text-transform: uppercase; font-size: 12px; color: #ffffff; line-height: 40px}

.opening .yellow { background-color: #e4b922 }

.opening .green { background-color: #22a58e }



.wrap { padding-top: 10px; }

.wrap-two { padding-top:135px; }



.content { border: 1px solid green; }

.section { float:left; width:1024px; -webkit-box-shadow: 1px 1px 5px 1px #999999; box-shadow: 1px 1px 5px 1px #999999;  -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;  }



/* HEADER */

.header { float:left; min-width:100%;}

	.top { width:1024px; margin:0 auto; }

	.logo { float:left; padding:10px 0 0 20px; clear: both; }

	

	.box-menu { float: right; width: 50%; margin-top: 41px; }

	.top-menu { float: right; width: 300px 	}



	.top-search { float: right; clear:both; width: 520px }

		.top-search div { float: right; margin: 10px 0 0 8px; }



		.searchform { display: inline-block; zoom: 1;  *display: inline; border: solid 10px #d2d2d2; }

		.searchform input { font: normal 12px/100% Arial, Helvetica, sans-serif; }

		.searchform .searchfield { background: #fff; color: #b6b6b5; width: 172px; height: 21px; border: none; outline: none; border-right: solid 2px #d2d2d2; padding: 2px 6px 2px 6px; }

		.searchform .submit-button { width: 24px; height: 21px; background: url(../img/icon/btn-search.png) no-repeat;  border: none; cursor: pointer;cursor: hand; vertical-align: top; margin: 2px 0 0 -2px;}

		.searchform .hide-text {display: block;width: 0;height: 0;overflow: hidden;}



		.translate { float:left; background-color: #e6ba00; font-size: 11px; padding:3px; text-align: center}

		.translate ul { }

		.translate ul li { display: inline-table; padding: 0 10px 0 10px}

		.translate ul li a { text-decoration: none; color: #ffffff; }

		.translate ul li:first-child { border-right: 1px solid #ffffff } 





		.small-menu { float:left; font-size: 12px; margin-top: 5px; }

			.small-menu ul { float:right; }

			.small-menu ul li { float:left; border-right: 1px solid #229f89; padding: 0 5px 0 5px; }

			.small-menu ul li:hover { background:url(../img/bg/top-menu-hover.jpg) repeat-x; }

			.small-menu ul li.active { background:url(../img/bg/top-menu-hover.jpg) repeat-x; }

			.small-menu ul li.active a { color:#f8763b; }

			.small-menu ul li .br, .top-menu ul li .bl{ background:url(../img/bg/top-menu-border.jpg) right no-repeat; width:1px; height:86px; float:left; }

			.small-menu ul li a { color:#229f89; float:left; }

			.small-menu ul li a:hover { color:#f36e38; }







    	





	.menu { float: left; clear: both; margin:10px 0 5px 0; width: 100%;}

		.menu ul { float: left; color: #FFF; text-transform: uppercase; font-size: 12px; line-height: 46px; width: 100%; background-color: #229f89 }	

		.menu ul li { float:left; height:46px; background:url(../img/bg/menu-gold.png) repeat-x; padding: 0 10px 0 10px; border-right: 1px solid #FFF; }

		.menu ul li:first-child { padding: 0 30px 0 30px;}

		.menu ul li:last-child { background: #229f89; border: none; }

		.menu ul li a{color: #fff;}

	
/* BANNER */

.banner { width:1024px; margin:0 auto;}

.banner ol {list-style-type:none; }



	

#email {  margin: 15px 0; padding-left:3px; }

	#email label { font-size:25px; text-shadow:0px 2px 1px #666; margin:5px 120px; float:left; text-align:center; color:#960404; }

	#email-address { background: #FFF;opacity:0.7;width:198px; border:none; color:#999; height:36px;float:left;text-align:left; padding:0 0 0 10px;}

	#submit-email {background: url(../img/button/send-email.jpg) no-repeat;  border:none; width:37px; color:#FFF; height:36px;position:relative; right:2px;}



/* BLUE MENU */

.blue-menu { float: left; clear: both; margin:5px 0 5px 0; width: 100%;}

	.blue-menu ul { float: left; color: #FFF; text-transform: uppercase; font-size: 11px; line-height: 33px; width: 100%; background-color: #c6c6c6 }	

		.blue-menu ul li { float:left; height:33px; background:url(../img/bg/menu-blue.png) repeat-x; padding: 0 15px 0 15px; border-right: 1px solid #FFF; }

		.blue-menu ul li a { text-decoration: none; color: #ffffff;}

		.blue-menu ul li:last-child { background: #c6c6c6; border:none; border-left: 10px solid #fff; }



/* FOOTER */

#footer { clear:both; margin-top: 40px; padding: 20px 0 20px 0;}  

	#footer p { font-size: 12px; text-align: center; color: #797878; }

	.footer-menu { float: left; clear: both; margin:10px 0 5px 0; height: 38px; width:100%; background:url(../img/bg/footer.png);  }

	.footer-menu ul { margin:0 auto; height: 38px; padding-top:10px; color: #FFF; text-transform: uppercase; font-size: 11px; line-height: 18px; text-align: center; }	

	.footer-menu ul li { display: inline-table; height: 18px; padding: 0 10px 0 10px; border-right: 1px solid #FFF; }

	.footer-menu ul li a { color: #ffffff; text-decoration: none; }

	.footer-menu ul li:last-child { border: none}

	





/* HOME */



.section-home { float:left; margin-top:15px; width:1024px;}

	.section-home h1 { font-size: 30px; font-weight: normal; line-height: 100%; margin-bottom: 10px; text-align: left; color: #3C4147}

	.section-home h2 { font-size: 25px; font-weight: normal; line-height: 100%; margin-bottom: 10px; text-align: left; color: #3C4147}

	.section-home h3 { font-size: 20px; font-weight: normal; line-height: 100%; margin-bottom: 10px; text-align: left; color: #3C4147}



	#home-image { float: left; }

	#home-image ul { float: left; color: #FFF; width: 100%; }	

	#home-image ul li { float: left; padding-right: 18px;width: 242px; }

	#home-image ul li:last-child { padding-right: 0; }

	#home-image ul li .title { font-size:12px; color: #797878; text-transform: uppercase; padding: 8px 0 8px 0}

	#home-image ul li .detail-grey { background:url(../img/bg/bar-grey.png) repeat-x; height: 39px;}

	#home-image ul li .detail-gold { background:url(../img/bg/bar-gold.png) repeat-x; height: 39px;}

	#home-image ul li .detail-txt { background:url(../img/icon/bar-arrow.png) 200px 10px no-repeat}

	#home-image ul li .detail-txt a{ color: #ffffff; font-size:12px; text-transform: uppercase; line-height: 39px; padding-left: 20px }



	#home-left  { float: left; width: 502px; font-size: 13px; color: #706f6f; margin-top: 20px}

	#home-left .box-txt { float: left; width: 240px;text-align: justify; text-justify: newspaper; line-height:120%; color: #949393; padding-bottom: 30px }





	

	#home-left .box-vid { float: right; }

	#home-left .box-vid img { padding-bottom: 10px; } 



	#home-left .box-products { float: left; clear: both; width: 100%}

	#home-left .item-list-wrapper { overflow:hidden; width:100%; margin-top: 10px 0 10px 0; padding-top: 10px}
	#home-left .item-list-wrapper ul { }
	#home-left .item-list-wrapper ul li a { color: #229f89; text-decoration: none }

  	#home-left .box-products ul { overflow:hidden; width:100%; }

    #home-left .box-products ul li { width:230px; float:left; margin-left: 15px; padding: 2px; list-style-type:disc;}



	#home-right  { float: right; width: 502px; font-size: 13px; color: #706f6f; margin-top: 20px}

	#home-right .box-txt { float: left; text-align: justify; text-justify: newspaper; }

	#home-right ul { margin-top: 12px }

	#home-right ul li { clear: both; padding-bottom: 20px}

	#home-right ul li .date { float: left; width:90px; height: 115px; font-size: 26px; text-align: right; color: #c7c5c7; margin-top: -5px}

	#home-right ul li p { margin-top: -5px; font-size: 24px; letter-spacing: 2px; color: #c7c5c7;}

	#home-right .year { font-size: 30px; letter-spacing: 5px; color: #c7c5c7; }



		#home-right ul li .txt { float: right; width: 380px; padding:0 0 10px 20px; color: #949393; line-height: 120%} 

		#home-right ul li .txt a {color: #949393; text-decoration: none }

		#home-right ul li .txt strong { font-size: 15px; font-weight: bold;}

		#home-right ul li .txt div {  font-size: 13px; color: #706f6f; padding-top: 10px;}

		



	

	#home-right ul li span { color: red; font-size: 72px; margin-top: -120px; letter-spacing: 2px; color: #c7c5c7;} 



/* DEFAULT */

	.default { clear: both; } 

	.default .left { float: left; width: 710px; padding: 20px 20px 20px 20px; font-size: 13px; color: #949393; line-height: 120%; color: #949393; text-align: justify; margin-top: 20px;}

	.default .left h1 { font-size: 30px; font-weight: normal; padding: 10px 0 20px 0; color: #3C4147}

	.default .left h2 { font-size: 25px; font-weight: normal; padding: 10px 0 20px 0; color: #3C4147}

	.default .left h3 { font-size: 18px; font-weight: normal; padding: 10px 0 20px 0; color: #3C4147}

	.default .left h4 { font-size: 15px; font-weight: normal; padding: 10px 0 20px 0; color: #3C4147}

	.default .left h5 { font-size: 10px; font-weight: normal; padding: 10px 0 20px 0; color: #3C4147}



	.default .left img { float: left; padding: 0 20px 10px 0 }

	.default .left p { padding-bottom: 10px; line-height: 120%}

	.default .left p img { float: left; padding: 0 20px 20px 0 }



	.default .left { float: left; width: 680px; padding: 0 20px 120px 20px; }

	.default .left ul { margin: 10px 0 20px 25px; }

	.default .left ul li { padding: 0 0 0 25px; list-style-type: none; background: url(../img/icon/lst-arrow.png) no-repeat 0 5px; }

	.default .left ul li a { text-decoration: none; color: #949393; line-height: 150%}

	.default .left ol { margin-left: 50px;}



	.default .left ol { margin: 10px 40px 0 20px; color: #949393;font-size: 13px;}

	.default .left ol li { margin-left: 20px }

	.default .left ol li a { text-decoration: none; color: #949393; line-height: 150%}



	.default .left a{ color:#229f89; text-decoration: underline; }

	

	.default .right { float: right; width: 260px; }

	.default .right .seedetail { float: left; margin-top: 30px; width: 100%}	

	.default .right .seedetail span { text-transform: uppercase; font-size: 12px; color: #949393;}

	.default .right .seedetail .gold { background:url(../img/bg/bar-gold.png) -10px -3px repeat-x; }

	.default .right .seedetail .grey { background:url(../img/bg/bar-grey.png) -10px -3px repeat-x; }



	.default .right .seedetail div { height: 39px; margin-top: 3px; display: block;}

	.default .right .seedetail div a { width: 100%; line-height: 34px; text-transform: uppercase; color: #ffffff; font-size: 12px; margin-left: 20px}

	.default .right .seedetail div span { float: right; height: 39px; margin-top:-36px; background:url(../img/icon/bar-arrow.png) 200px 50% no-repeat; width: 100%;}



/* PROFILE */

	.profile { clear: both; } 

	.profile .left { float: left; width: 710px; padding: 20px 20px 20px 20px; font-size: 13px; color: #949393; line-height: 120%; text-align: justify;}

	.profile .left h1 { font-size: 30px; font-weight: normal; letter-spacing: 2px; padding: 10px 0 20px 0; color: #000000}

	.profile .left img { float: left; padding: 0 20px 10px 0 }

	.profile .left p { font-size: 13px; color: #949393; padding-bottom: 10px; line-height: 120%}

	.profile .left p img { float: left; padding: 0 20px 20px 0 }



	

	.profile .right { float: right; width: 260px; }

	.profile .right .seedetail { float: left; margin-top: 30px; width: 100%}	

	.profile .right .seedetail span { text-transform: uppercase; font-size: 12px; color: #949393;}

	.profile .right .seedetail .gold { background:url(../img/bg/bar-gold.png) -10px -3px repeat-x; }

	.profile .right .seedetail .grey { background:url(../img/bg/bar-grey.png) -10px -3px repeat-x; }



	.profile .right .seedetail div { height: 39px; margin-top: 3px; display: block;}

	.profile .right .seedetail div a { width: 100%; line-height: 34px; text-transform: uppercase; color: #ffffff; font-size: 12px; margin-left: 20px}

	.profile .right .seedetail div span { float: right; height: 39px; margin-top:-36px; background:url(../img/icon/bar-arrow.png) 200px 50% no-repeat; width: 100%;}



/* INVESTOR SPOT */

	.invespot { clear: both; padding-top: 5px; }

	.invespot hr.thin { border: 0; height: 1px; background: #cdcdcd; margin: 20px 0 20px 0; }



	.invespot .banner { position: relative; float: left; margin-bottom: 30px}

	.invespot .banner .txt { position: absolute; font-size:40px; top: 390px; width: 984px; line-height: 130%; padding-left: 40px; color: #ffffff; background: rgba(25, 25, 25, .5);}



	.invespot .links { font-size: 12px; display: table-row; width: 100% }

	.invespot .links span { font-size: 24px; color: #6d6d6c}



	.invespot .links .cell { display: table-cell; width: 300px; padding: 20px; border-right: 1px solid #cdcdcd; }

	.invespot .links .cell:last-child { border: none}

	.invespot .links .cell ul { margin-top: 10px }

	.invespot .links .cell ul li { padding: 3px 0 3px 20px; list-style-type: none; background: url(../img/icon/lst-arrow.png) no-repeat 0 5px; }

	.invespot .links .cell ul li a { text-decoration: none; color: #949393; line-height: 150%}



	.invespot .links .cell-right { background: url(../img/content/investor-1.jpg) 20px 0 no-repeat; height: 140px}

	.invespot .links .cell-left { background: url(../img/content/investor-2.jpg) 5px 0 no-repeat;  height: 140px}



	

/* OUR BUSINESS */

	.business { clear: both; padding-top: 5px; }

	.business .banner { position: relative; float: left; margin-bottom: 30px}

	.business .banner .txt { position: absolute; font-size:40px; top: 390px; width: 984px; line-height: 130%; padding-left: 40px; color: #ffffff; background: rgba(25, 25, 25, .5);}



	.business .profile .left { float: left; width: 680px; padding: 0 20px 20px 20px; }

	.business .profile .left ul { margin: 10px 0 0 20px; font-size: 12px;}

	.business .profile .left ul li { padding: 0 0 0 20px; list-style-type: none; background: url(../img/icon/lst-arrow.png) no-repeat 0 5px; }

	.business .profile .left ul li a { text-decoration: none; color: #949393; line-height: 150%}

	.business .profile .left h2 { font-size: 25px; font-weight: normal; padding: 10px 0 20px 0; color: #3C4147}

	.business .profile .left ol { margin-left: 50px;}

	.business .profile .right { margin-top: -25px }



/* ABOUT COOPERATION */

	.cooperation { clear: both; padding-top: 5px; }

	.cooperation .banner { position: relative; float: left; margin-bottom: 30px}

	.cooperation .banner .txt { position: absolute; font-size:40px; top: 390px; width: 984px; line-height: 130%; padding-left: 40px; color: #ffffff; background: rgba(25, 25, 25, .5);}

	

	.cooperation .profile .left { display: table-row; } 

	.cooperation .profile .left .cell { display: table-cell; width: 42%; float: left; padding: 0 50px 20px 0; text-align: justify; text-justify: newspaper}

	.cooperation .profile .left .cell h2 { padding-bottom: 10px; font-size: 24px; color: #3c3c3c}

	.cooperation .profile .left .cell .more { float: right; font-size: 12px; color: #ffffff; text-transform: uppercase; height: 33px; line-height: 33px; padding: 0 10px 0 10px; background: url(../img/bg/more.png) repeat-x}



/* NEWS EVENTS */

	.newsevents { clear: both; padding-top: 5px; }

	.newsevents hr.thin { border: 0; height: 1px; background: #cdcdcd; margin: 20px 0 20px 0; }

	.newsevents .banner { position: relative; float: left; margin-bottom: 30px}

	.newsevents .banner .txt { position: absolute; font-size:40px; top: 390px; width: 984px; line-height: 130%; padding-left: 40px; color: #ffffff; background: rgba(25, 25, 25, .5);}



	.newsevents .thumbs { font-size: 12px; display: table-row;  }

	.newsevents .thumbs span { font-size: 24px; color: #6d6d6c}



	.newsevents .thumbs .cell { margin: 0 auto; clear:both; padding: 0 0 30px 0; border-bottom: 1px solid #cdcdcd; margin-bottom: 20px; width: 1024px}

	.newsevents .thumbs .cell img { float: left; padding-right: 10px}

	.newsevents .thumbs .cell .box { float: right; width:670px; margin-right:30px; padding-top: 20px}

	.newsevents .thumbs .cell .box  p { line-height: 120%; padding-bottom: 10px; text-align: justify; color: #878787}

	.newsevents .thumbs .cell .box .text { color: #878787; line-height: 120%}

	.newsevents .thumbs .cell .box .text p { line-height: 120%; padding-top: 10px; text-align: justify; color: #878787}

	.newsevents .thumbs .cell .box .text  ul { margin-top: 10px; list-style: none; }

	.newsevents .thumbs .cell .box .text  ul li { float: left; padding: 5px;color: #878787}

	.newsevents .thumbs .cell .box .text  ul li a { text-decoration: none; color: #949393; line-height: 120%}



	.newsevents .thumbs .cell .box .text  ol { margin: 10px 0 0 20px;}

	.newsevents .thumbs .cell .box .text  ol li { padding: 2px 5px 0 0;color: #878787}

	.newsevents .thumbs .cell .box .text  ol li a { text-decoration: none; color: #949393; line-height: 120%}



	.newsevents .thumbs .cell .box h2 { font-size: 20px; margin-bottom:15px; }

	

/* GALLERIES */

	.galleries { clear: both; padding-top: 5px; }

	.galleries hr.thin { border: 0; height: 1px; background: #cdcdcd; margin: 20px 0 20px 0; }

	.galleries .banner { position: relative; float: left; margin-bottom: 30px}

	.galleries .banner .txt { position: absolute; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:25px; font-weight: bold; top: 0px; width: 984px; text-transform: uppercase; line-height: 360%; padding-left: 40px; color: #ffffff; background: rgba(25, 25, 25, .5);}



	.galleries .thumbs { font-size: 12px; display: table-row;  }

	.galleries .thumbs span { font-size: 24px; color: #6d6d6c}



	.galleries .thumbs .list-thumbs { display: table-cell; float: right; width: 100%; }

	.galleries .thumbs .list-thumbs ul { margin-top: 10px; list-style: none; }

	.galleries .thumbs .list-thumbs ul li { float: left; padding: 4px;}



/* CAREERS */

	.careers { clear: both; padding-top: 5px; }

	.careers .banner { position: relative; float: left; margin-bottom: 30px}

	.careers .banner .txt { position: absolute; font-size:40px; top: 390px; width: 984px; line-height: 130%; padding-left: 40px; color: #ffffff; background: rgba(25, 25, 25, .5);}



	.careers .left { float: left; width: 710px; padding: 0 20px 20px 20px; text-align: justify;}

	.careers .left h1 { font-size: 30px; font-weight: normal; letter-spacing: 2px; padding: 10px 0 10px 0}

	.careers .left p { font-size: 13px; color: #949393; padding-bottom: 10px; line-height: 120%}

	.careers .left p img { float: left; padding: 0 20px 20px 0 }



	.careers .left ul { margin: 10px 0 0 20px; font-size: 12px;}

	.careers .left ul li { padding: 0 0 0 20px; list-style-type: none; background: url(../img/icon/lst-arrow.png) no-repeat 0 5px; }

	.careers .left ul li a { text-decoration: none; color: #949393; line-height: 150%}

	

	.careers .right { float: right; width: 260px; margin-top: -30px}

	.careers .right .seedetail { float: left; margin-top: 30px; width: 100%}	

	.careers .right .seedetail span { text-transform: uppercase; font-size: 12px; color: #949393;}

	.careers .right .seedetail .gold { background:url(../img/bg/bar-gold.png) -10px -3px repeat-x; }

	.careers .right .seedetail .grey { background:url(../img/bg/bar-grey.png) -10px -3px repeat-x; }



	.careers .right .seedetail div { height: 39px; margin-top: 3px; display: block;}

	.careers .right .seedetail div a { width: 100%; line-height: 34px; text-transform: uppercase; color: #ffffff; font-size: 12px; margin-left: 20px}

	.careers .right .seedetail div span { float: right; height: 39px; margin-top:-36px; background:url(../img/icon/bar-arrow.png) 200px 50% no-repeat; width: 100%;}



/* BRANCHES */

	.branches { clear: both; padding-top: 5px; position: relative;}

	.branches .banner { position: relative; float: left; margin-bottom: 30px}

	.branches .banner .txt { position: absolute; font-size:40px; top: 390px; width: 984px; line-height: 130%; padding-left: 40px; color: #ffffff; background: rgba(25, 25, 25, .5);}



	.branches .left { float: left; width: 570px; padding: 0 20px 20px 20px; font-size: 13px; color: #949393; line-height: 120%; text-align: justify; }



	.branches .left h1 { font-size: 30px; font-weight: normal; padding: 10px 0 20px 0; color: #3C4147}

	.branches .left h2 { font-size: 25px; font-weight: normal; padding: 10px 0 20px 0; color: #3C4147}

	.branches .left h3 { font-size: 18px; font-weight: normal; padding: 10px 0 20px 0; color: #3C4147}

	.branches .left h4 { font-size: 15px; font-weight: normal; padding: 10px 0 20px 0; color: #3C4147}

	.branches .left h5 { font-size: 10px; font-weight: normal; padding: 10px 0 20px 0; color: #3C4147}



	.branches .left a{ color:#229f89; text-decoration: underline; }



	.branches .left p { padding-bottom: 10px; }

	.branches .left p img { float: left; padding: 0 20px 20px 0 }



	.branches .left ul { margin: 10px 0 0 20px; font-size: 12px;}

	.branches .left ul li { padding: 0 0 0 20px; list-style-type: none; background: url(../img/icon/lst-arrow.png) no-repeat 0 5px; }

	.branches .left ul li a { text-decoration: none; color: #949393; line-height: 150%}



	.branches .left ol { margin: 10px 40px 0 20px; color: #949393;font-size: 13px;}

	.branches .left ol li { margin-left: 20px }

	.branches .left ol li a { text-decoration: none; color: #949393; line-height: 150%}

	

	.branches .right { float: right; width: 380px; margin-top: -60px; z-index: 999; position: absolute; top: 520px; left: 650px;}

	.branches .right ul {}

	.branches .right div{ float: left; margin: 0 15px 10px 0;}



/* CONTACT */

	.contact { clear: both; padding-top: 5px; }

	.contact .banner { position: relative; float: left; margin-bottom: 30px;}

	.contact .banner .txt { position: absolute; font-size:40px; top: 390px; width: 984px; line-height: 130%; padding-left: 40px; color: #ffffff; background: rgba(25, 25, 25, .5);}

	.contact .profile .right { margin-top: -25px }



/* BECOME MEMBER */

	.become { clear: both; min-height: 1055px; background: url(../img/content/become.jpg) no-repeat 0 5px; }

	.become .banner { position: relative; float: left; margin-bottom: 30px; width: 1024px;}

	.become .banner .txt { position: absolute; font-size:40px; top: 70px; width: 984px; line-height: 130%; padding-left: 40px; color: #ffffff; background: rgba(25, 25, 25, .5);}



	.become .rightside { float: right; width: 450px; margin-top: 120px; text-align: justify;}

	.become .rightside p { font-size: 13px; color: #949393; padding: 0 30px 10px 0; line-height: 120%}

	.become .rightside .box { padding-bottom: 20px}

	.become .rightside .box h1 { font-size: 30px; font-weight: normal;  padding: 0 0 10px 0; color: #229f89;}

	.become .rightside .box h2 { font-size: 25px; font-weight: normal;  padding: 0 0 10px 0; color: #229f89;}

	.become .rightside .box h3 { font-size: 20px; font-weight: normal;  padding: 0 0 10px 0; color: #229f89;}



	

	.become .rightside .box ul { margin: 10px 40px 0 20px; font-size: 13px;}

	.become .rightside .box ul li { padding: 0 0 0 20px; list-style-type: none; background: url(../img/icon/lst-arrow.png) no-repeat 0 5px; }

	.become .rightside .box ul li a { text-decoration: none; color: #949393; line-height: 150%}



	.become .rightside .box ol { margin: 10px 40px 0 20px; color: #949393;font-size: 13px;}

	.become .rightside .box ol li { margin-left: 20px }

	.become .rightside .box ol li a { text-decoration: none; color: #949393; line-height: 150%}







	.become .right { float: right; width: 340px; padding-right: 30px}

	.become .right h1 { font-size: 30px; font-weight: normal;  padding: 0 0 10px 0; color: #229f89;}

	.become .right p { font-size: 13px; color: #949393; padding: 0 0 10px 0; line-height: 120%}



	.become .right ul { margin: 10px 0 0 20px; font-size: 12px;}

	.become .right ul li { padding: 0 0 0 20px; list-style-type: none; background: url(../img/icon/lst-arrow.png) no-repeat 0 5px; }

	.become .right ul li a { text-decoration: none; color: #949393; line-height: 150%}

	

	.become .left { float: left; width: 200px;}

	.become .left .seedetail { float: left; margin-bottom: 30px; width: 100%}	

	.become .left .seedetail span { text-transform: uppercase; font-size: 12px; color: #949393;}

	.become .left .seedetail .gold { background:url(../img/bg/bar-gold.png) -10px -3px repeat-x; }

	.become .left .seedetail .grey { background:url(../img/bg/bar-grey.png) -10px -3px repeat-x; }



	.become .left .seedetail div { height: 39px; margin-top: 3px; display: block;}

	.become .left .seedetail div a { width: 100%; line-height: 34px; text-transform: uppercase; color: #ffffff; font-size: 12px; margin-left: 20px}

	.become .left .seedetail div span { float: right; height: 39px; margin-top:-36px; background:url(../img/icon/bar-arrow.png) 200px 50% no-repeat; width: 100%;}



.single_post h3 { line-height: 120%; margin-bottom: -10px}

.single_post h3 a:link { line-height:100%; font-size: 16px; color: #229f89;}

.single_post h3 a:active { line-height:100%; font-size: 16px;  color: #229f89;}

.single_post h3 a:visited { line-height:100%; font-size: 16px;  color: #229f89;}

.single_post h3 a:hover { line-height:100%; font-size: 16px;  color: #229f89;}





.single_post a:link { color: #229f89;}

.single_post a:active { color: #229f89;}

.single_post a:visited { color: #229f89;}

.single_post a:hover { color: #229f89;}



.single_post p { padding-bottom: 20px; font-size: 12px; line-height: 120%}

.single_post ol { margin-left: 30px }

.single_post ol li { padding-top: 2px; list-style-type: decimal}



.single_post .category { font-size: 10px; }

.single_post .category span a:link,

.single_post .category span a:active,

.single_post .category span a:visited,

.single_post .category span a:hover { font-size: 10px;color: #229f89}

.single_post .meta {  }

.single_post .date { font-size: 12px; }



/* FORUM */

	.forum { clear: both; padding-top: 5px; }

	.forum hr.thin { border: 0; height: 1px; background: #cdcdcd; margin: 20px 0 20px 0; }



	.forum .banner { position: relative; float: left; margin-bottom: 30px}

	.forum .banner .txt { position: absolute; font-size:40px; top: 160px; width: 984px; line-height: 130%; padding-left: 40px; color: #ffffff; background: rgba(25, 25, 25, .5);}





	.forum .comments { font-size: 12px; line-height: 120%; clear: both;}

	.forum .comments .form { background-color: #ececec; padding: 20px 40px 20px 40px }

	.forum .comments .form .left { width: 450px; float: left}

	.forum .comments .form .left h2 { font-size: 18px }

	.forum .comments .form .left label {}

	.forum .comments .form .left .contact-button input { width: 100px;}

	.forum .comments .form .left input,textarea    {

		width:350px; margin: 3px 0 5px 0;

		display:block;

		border: 1px solid #999;

		padding: 5px;

		-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

		-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

	}





	.forum .comments .form .right { width: 450px; float: left; padding-right: 20px; text-align: justify;}

	.forum .comments .form .right strong { font-weight: bold; }

	.forum .comments .form .right p { padding-top: 10px; color: #878787}



	.forum .comments .list { padding: 20px 40px 20px 40px;  }

	.forum .comments .list .comment { float: left; margin: 20px 0 25px; color: #797878; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px }

	.forum .comments .list .comment .image { float: left }

	.forum .comments .list .comment .details { float: left; margin-left: 20px; width: 600px;  }

	.forum .comments .list .comment .details .name a { font-weight: bold; color: #e41725;}

	.forum .comments .list .comment .details .name { font-weight: bold; color: #009fe3;}

	.forum .comments .list .comment .details .date { font-size: 11px } 

	.forum .comments .list .comment .details .content { padding-top: 5px; border: none;} 



/* CONTACT */

	.contact { clear: both; padding-top: 5px; }

	.contact hr.thin { border: 0; height: 1px; background: #cdcdcd; margin: 20px 0 20px 0; }



	.contact .banner { position: relative; float: left; margin-bottom: 30px}

	.contact .banner .txt { position: absolute; font-size:40px; top: 220px; width: 984px; line-height: 130%; padding-left: 40px; color: #ffffff; background: rgba(25, 25, 25, .5);}





	.contact .comments { font-size: 12px; line-height: 120%; clear: both;}

	.contact .comments .form { background-color: #ececec; padding: 20px 40px 20px 40px }

	.contact .comments .form .left { width: 450px; float: left}

	.contact .comments .form .left h2 { font-size: 18px }

	.contact .comments .form .left label {}

	.contact .comments .form .left .contact-button input { width: 100px;}

	.contact .comments .form .left input,textarea    {

		width:350px; margin: 3px 0 5px 0;

		display:block;

		border: 1px solid #999;

		padding: 5px;

		-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

		-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

	}





	.contact .comments .form .right { width: 450px; float: left; padding-right: 20px; text-align: justify;}

	.contact .comments .form .right strong { font-weight: bold; }

	.contact .comments .form .right p { padding-top: 10px; color: #878787}


.video { position: relative; background-color:#fff}

.video a {
   position: absolute;
   display: block;
   background: url(../img/button/play.png) 50% 50% no-repeat;
   height: 100%;
   width: 100%;
   top: 0;
}