/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(http://www.cha-international.com/styles/js/PIE.htc); position: relative;}

html, body{ height:100%}

.main_box{ width:850px; margin:0 auto; z-index:1; top:50%;}

/* Global Structure ============================================================= */



.main { overflow:hidden; z-index:1; width:850px; z-index:1;}


/* ============================= main layout ====================== */
.mainbox{color:#111111;}
.main_box a{ color:#111111; text-decoration: underline; outline:none}
.main_box a:hover{ text-decoration: none}
.main_box h1{ float:left;  padding:28px 0 0 7px}
.main_box h2{ font-size:26px; font-weight:600; color:#111111; line-height:48px; padding:23px 0 15px 0; text-transform:uppercase;}
.main_box p{ padding-bottom:18px; color:#111111; font-size:14px; line-height:22px;}

/* ============================= content ====================== */
.main_box ol li     { list-style-type: decimal } 
.box{ width:100%; padding:14px 0;margin-top:21px;}

#content{ padding-bottom:70px; position:relative; z-index:1;}

.cc_menu{width:850px; /*140px * 5*/	height:432px;	position:relative;	overflow:hidden; z-index:1}
.cc_item{width:170px;	height:432px;	float:left;	position:relative	}
.item1{ background:url(../images/vision/bg1.gif) top repeat-x}
.item2{ background: url(../images/vision/bg2.gif) top repeat-x}
.item3{ background: url(../images/vision/bg3.gif) top repeat-x}
.item4{ background: url(../images/vision/bg4.gif) top repeat-x}
.item5{ background: url(../images/vision/bg5.gif) top repeat-x}

.item1 .cc_title{ background:url(../images/vision/bg1.gif) 0 -200px repeat-x; top:200px; width:150px;}
.item2 .cc_title{ background: url(../images/vision/bg2.gif) 0 -200px repeat-x; top:200px; width:150px;}
.item3 .cc_title{ background: url(../images/vision/bg3.gif) 0 -200px repeat-x; top:200px; width:150px;}
.item4 .cc_title{ background: url(../images/vision/bg4.gif) 0 -200px repeat-x; top:200px; width:150px;}
.item5 .cc_title{ background: url(../images/vision/bg5.gif) 0 -200px repeat-x; top:200px; width:150px;}

.item1 .cc_submenu ul li:hover{ background:#ae87a6}
.item2 .cc_submenu ul li:hover{ background:#e6dbb3}
.item3 .cc_submenu ul li:hover{ background:#a7d8d0}
.item4 .cc_submenu ul li:hover{ background:#cbd9a4}
.item5 .cc_submenu ul li:hover{ background:#d2c3b9}


.cc_title{	color:#111111;	font-size:17px; font-weight:700;	top:265px;	left:0;	position:absolute; line-height:36px;	 padding: 0 3px 0 11px;	width:110px;	display:block;	z-index:20; text-transform:uppercase; }

.cc_submenu ul{	list-style:none;	width:170px;	margin:0;	padding:0;	height:0px; /*increase to 200px to slide up*/	overflow:hidden;	text-align:left; background:url(../images/vision/bg_opacity_95.png) repeat;	position:absolute;	left:0px;	bottom:-2px;	z-index:13; padding-top:20px; text-transform:uppercase; }
.cc_submenu ul li{ line-height:34px; font-size:14px;cursor:pointer;color:#fff; padding-left:11px; font-weight:700}
.cc_item img{	position:absolute;	width:170px;	height:432px;	top:-432px;	left:0px;}
.cc_content{	width:688px;	height:432px;	position:absolute;left:-688px;background:#ffffff;overflow:hidden;}
.cc_content1{	background:url(../images/vision/1.png) repeat-y;min-height:432px;}
.cc_content2{	background:url(../images/vision/2.png) repeat-y;min-height:432px;}
.cc_content3{	background:url(../images/vision/3.png) repeat-y; min-height:432px;}
.cc_content4{	background:url(../images/vision/4.png) repeat-y; min-height:432px;}
.cc_content5{	background:url(../images/vision/5.png) repeat-y; min-height:432px;}
.cc_content section{display:none;}


.line1{ background:url(../images/vision/line_ver.gif) 345px 0 repeat-y; width:100%; overflow:hidden; height:432px;}
.line2{ background:url(../images/vision/line_ver.gif) 340px 0 repeat-y; width:100%; overflow:hidden; height:432px;}
.line3{ background:url(../images/vision/line_ver.gif) 370px 0 repeat-y; width:100%; overflow:hidden; height:432px;}

.pad{ padding:0 20px;}
.padn{padding:0 10px;}
.pad1{padding:0px 5px 0px 32px; }
.pad2{padding:0px 0px 0px 0px;}
.pad3{padding:0px 0px 0px 10px;}
.pad_bot1{ padding-bottom:18px;}
.pad_botx{ padding-bottom:18px;padding-left:60px;}
.marg_right1{ margin-right:25px;}
 
.font1{ color:#111111; padding-bottom:4px;text-transform:uppercase; font-weight:bold;}
.font2{ color:#111111; padding-bottom:4px;text-transform:none;}
.font3{ color:#111111; padding-bottom:4px;text-transform:none; font-weight:bold;}


.link1{ color:#fff; text-decoration:none}
.link1:hover{ text-decoration:underline}

.button{ position:absolute; right:-150px;z-index:20}
.button div{ display: none}

span.cc_back{position:absolute; top:-20px;right:0px; width:126px; min-height:29px;cursor:pointer;	color:#1d1706; font-size:21px; font-weight:700; text-transform:none; line-height:29px; display:inline-block; background:url(../images/vision/back_bg.gif) top repeat-x; }
span.cc_back span{ display:block; background:url(../images/vision/back_right.gif) top right no-repeat}
span.cc_back span span{ padding:0 15px 0 35px;background:url(../images/vision/back2.gif) top left no-repeat}
span.cc_back:hover{}

.cc_content_1 span.cc_back span span{ background:url(../images/vision/back1.gif) top left no-repeat}
.cc_content_12 span.cc_back span span{ background:url(../images/vision/back1.gif) top left no-repeat}
.cc_content_2 span.cc_back span span{ background:url(../images/vision/back2.gif) top left no-repeat}
.cc_content_21 span.cc_back span span{ background:url(../images/vision/back2.gif) top left no-repeat}
.cc_content_22 span.cc_back span span{ background:url(../images/vision/back2.gif) top left no-repeat}
.cc_content_3 span.cc_back span span{ background:url(../images/vision/back3.gif) top left no-repeat}
.cc_content_31 span.cc_back span span{ background:url(../images/vision/back3.gif) top left no-repeat}
.cc_content_4 span.cc_back span span{ background:url(../images/vision/back4.gif) top left no-repeat}
.cc_content_41 span.cc_back span span{ background:url(../images/vision/back4.gif) top left no-repeat}
.cc_content_42 span.cc_back span span{ background:url(../images/vision/back4.gif) top left no-repeat}
.cc_content_5 span.cc_back span span{ background:url(../images/vision/back5.gif) top left no-repeat}
.cc_content_51 span.cc_back span span{ background:url(../images/vision/back5.gif) top left no-repeat}
span.cc_back span span{ background:url(../images/vision/back1.gif) top left no-repeat}

.cc_content img{ padding-top:5px;}
.listx li{ padding-left:19px; background:url(../images/vision/marker.gif) 0 3px no-repeat;}
.listx2 li{ padding-left:19px; background:url(../images/vision/marker.gif) 0 3px no-repeat;padding-bottom:10px;color:#111111;}
.list1 li{ line-height:25px;}
.list1 li a{ text-decoration:none; padding-left:19px; background:url(../images/vision/marker.gif) 0 3px no-repeat;}
.list1 li a:hover{ color:#fff; text-decoration:underline}
.list2 ul{ margin-left:80px;}
.list2 li{ line-height:25px; text-decoration:none; padding-left:19px; background:url(../images/vision/marker.gif) 0 3px no-repeat;}}
.list2 li a{ text-decoration:none; padding-left:19px; background:url(../images/vision/marker.gif) 0 3px no-repeat;}
.list2 li a:hover{ color:#fff; text-decoration:underline}


#cont_privacy, #cont_read_more1, #cont_read_more2{ position:absolute; z-index:2; width:850px; height:432px; background:#352e2d; right:-850px; top:111px; display:none}

#cont_read_more2{ position:absolute; z-index:2; width:600px; height:432px; background:#352e2d; left:330px; top:111px; display:none}