/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */
html, body, div, h1, h2, h3, h4, h5, h6, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, figure{margin: 0; padding: 0;} 

a {color: #9fe5fc; cursor:pointer; outline:none;}
a:link,  a:visited {color: #9fe5fc; cursor:pointer;}
a:hover, a:active {color: #fff; cursor:pointer;}

img{border:none}

body{font-size: 14px; color:#333; position:relative; font-family: Arial, sans-serif; overflow:hidden !important; background:#00aef0; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
*::selection {background:none;}
*::-moz-selection {background:none;}
*::-webkit-selection {background:none;}

.explorer{width:100%; height:100%; background:url(../../../images/background.jpg) no-repeat center top #008bd0; position:absolute; top:0; left:0; z-index:100; color:#fff; font-size:16px; text-align:center; line-height:30px;}
.hide{ display:none}

#page_wrap{width:1020px; height:760px; position:absolute; top:50%; left:50%; margin:-380px 0 0 -510px;}

.apple{width:1220px !important; height:780px !important; overflow:hidden !important;}

#warper{width:4860px; height:2920px; position:absolute; top:-160px; left:-450px;}
.background{ float:left;}
.content{width:920px; height:700px; padding:30px 50px; background:url(../images/bg_content.png); position:absolute; box-shadow:0 0 10px rgba(0,0,0,0.3); z-index:1; display:none;}
.content nav.main{ height:70px; display:block; overflow:hidden; /*background:rgba(255,255,255,0.05)*/}
.content nav.main a{height:30px; padding:15px 23px; line-height:15px; float:left; text-align: center; text-decoration:none; font-family:'Source Sans Pro', sans-serif; font-weight:400; color:#fff; text-transform:uppercase; position:relative}
.content nav.main a.active,.content nav.main a:hover{ background:url(../images/btn_active.png)}
.content nav.main a.active span{ width:20px; height:10px; background:url(../images/nav_arrow.png) bottom; position:absolute; left:50%; bottom:-10px; margin-left:-10px}
.content nav.main a.logo{float:right; background:none; padding:0 0 0 0 }
.content h2{font-family:'Source Sans Pro', sans-serif; font-weight:300; font-size:40px; color:#fff; line-height:40px; margin:20px 0 10px 0}
.direction{width: 20px; height: 530px; background: url(../images/direction.png); position: absolute;}

#start,#continue{width:410px; height:35px; position:absolute; top:50%; left:50%; margin:-17px 0 0 -205px}
#continue{display:none;}

.cont4 h3{font-family:'Source Sans Pro', sans-serif; font-weight:400; font-size:60px; color:#FFF; line-height:60px; position:absolute; top:175px; left:150px;}
.cont4 p{ width:70%; font-family:'Source Sans Pro', sans-serif; font-weight:300; font-size:25px; color:#FFF; line-height:30px; position:absolute; top:380px; left:150px;}

.repo_left,.repo_right{width:430px; height:530px; position:absolute; top:120px; z-index:1}
.repo_left h3,.repo_right h3{font-family:'Source Sans Pro', sans-serif; font-weight:300; font-size:40px; color:#FFF; line-height:50px; margin-top:20px; text-transform:uppercase;}
.repo_left h3 div,.repo_right h3 div{width:50px; height:50px; float:left;}
.repo_left a,.repo_right a,a.download_all{ width:180px; height:30px; padding:10px 10px; margin:0 10px 10px 0; line-height:15px; font-family:'Source Sans Pro', sans-serif; font-weight:400; text-decoration:none; color:#fff; text-transform:uppercase; text-align:center; float:left; background: url(../images/btn_active.png);}
.download_all{ margin:0; position:absolute; bottom:30px; right:155px}
.repo_left a:hover,.repo_right a:hover,a.download_all:hover{background: url(../images/pattern_red.png)}
.repo_left{left:50px}
.repo_right{right:50px}
.booklet{position:absolute; bottom:20px; left:50px; z-index:0;}

.mana_left,.mana_right,.chai_left,.chai_right{width:430px; height:530px; position:absolute; top:120px;}
.mana_left,.chai_left{left:50px}
.mana_right,.chai_right{right:50px}
.mana_one{width:200px; height:220px; float:left; background:url(../images/manage_director.jpg)}
.chai_one{width:200px; height:220px; float:left; background:url(../images/chairman.jpg)}
.mana_two,.chai_two{width:70px; height:220px; float:left; background:url(../images/manage_skew.png);}
.mana_text,.chai_text{width:100%; height:260px; margin-top:50px; float:left;}
.mana_text p,.chai_text p{ padding:0 0 5px 0; line-height:25px; color:#FFF}
.mana_text a,.chai_text a{ background:url(../images/btn_active.png); padding:5px 10px; text-decoration:none; color:#FFF}
.mana_text a:hover,.chai_text a:hover{background: url(../images/pattern_red.png)}
.mana_text a.mana_speech,.chai_text a.chai_speech{width:auto; height:auto; margin:auto; }

a.mana_speech,
a.mana_download,
a.chai_speech,
a.chai_download{width:80px; height:110px; margin-top:110px; background:url(../images/btn_active.png); float:left; position:relative; cursor:pointer}

a.mana_speech:hover,
a.mana_download:hover,
a.chai_speech:hover,
a.chai_download:hover{ background: url(../images/pattern_red.png)}

a.mana_speech img,
a.mana_download img,
a.chai_speech img,
a.chai_download img{ position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px}

.mana_popup,.chai_popup,.repo_popup{width:920px; height:660px; position:absolute; top:50%; left:50px; margin:-330px 0 0 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5); display:none; z-index:3}
.pop_nav{width:920px; height:60px; background:#f3f3f3; position:absolute; top:0; left:0; z-index:2}
	.pop_nav a.download{ width:60px; height:60px; position:absolute; right:60px; top:0; background:url(../images/icon_down.png) center no-repeat; z-index:1}
	.pop_nav a.download:hover{top:5px; background-color:#f3f3f3}
		.nav_drop,.drop_down{width:300px; margin-right:5px; text-align:center; font-family:'Source Sans Pro', sans-serif; font-weight:300; background:url(../images/btn_active2.png);}
		.nav_drop{line-height:60px; font-weight:400; top:0; float:left; position:relative;}
		.drop_down{font-weight:300; position:absolute; top:60px; left:0; display:none; box-shadow:0 5px 5px rgba(0,0,0,0.5);}
		.drop_down a{line-height:40px; display:block; border-top:5px solid #f3f3f3; color:#666;}
		.drop_down a:hover{ background:url(../images/pattern_red.png); color:#fff}
.mana_popup_video{width:920px; height:660px; position:absolute; top:50%; left:50px; margin:-330px 0 0 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5); display:none; z-index:3}
.mana_close,.chai_close,.repo_close{width:60px; height:60px; position:absolute; top:0; right:0; z-index:2}
	.mana_more,.chai_more,.repo_more{ width:920px; height:600px; position:absolute; top:60px; left:0; z-index:0}

.exec_comm{width:655px; height:505px; float:right; margin-top:100px}
	.exec_comm img{ float:left; cursor:pointer}
.exec_popup,.board_popup{width:440px; height:660px; position:absolute; top:50%; left:50px; margin:-330px 0 0 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5); display:none; z-index:3}
#exec_close,#board_close{width:60px; height:60px; float:right}
	.exec_nav,.board_nav{width:100%; height:60px;}
	a#exec_next,a#exec_prev,a#board_next,a#board_prev{width:55px; height:60px; background-image:url(../images/arrows.png); float:left}
	a#exec_next,a#board_next{background-position:-65px 0}
	a#exec_next:hover,a#board_next:hover{background-position:-65px -70px}
	a#exec_prev,a#board_prev{background-position:0 0}
	a#exec_prev:hover,a#board_prev:hover{background-position:0 -70px}
.exec_cycle figure{display:block; padding:15px 30px 0 30px; line-height:30px; font-size:30px; background:#FFF}
.exec_cycle figure .fullname,.exec_cycle figure .position{font-family:'Source Sans Pro', sans-serif; color:#009ee0; text-transform:uppercase;}
.exec_cycle figure .fullname{font-size:45px; line-height:45px; font-weight:300; }
.exec_cycle figure .position{font-size:30px; line-height:30px; font-weight:300; }

.board_mem{width:645px; height:600px; float:right; margin-top:40px; position:relative}
	.board_mem img{position:absolute; top:0; left:0; z-index:0}
	.board_mem div{width: 100px; height: 100px; cursor:pointer; position: absolute; z-index:1; background:#FFF; filter: alpha(opacity=0); opacity: 0;}
.board_cycle figure{display:block; padding:25px 30px 0 30px; line-height:30px; font-size:30px; background:#FFF}
.board_cycle figure .fullname,.board_cycle figure .position{font-family:'Source Sans Pro', sans-serif; color:#009ee0; text-transform:uppercase;}
.board_cycle figure .fullname{font-size:45px; line-height:45px; font-weight:300; }
.board_cycle figure .position{font-size:30px; line-height:30px; font-weight:300; }

.no_clicker{ width:100%; height:100%; position:absolute; top:0; left:0; display:none; z-index:2;}
.save{width:200px; height:200px; position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px; background: url(../images/btn_active2.png); border:5px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.5); display:none; z-index:3}
.save_close{ width:60px; height:60px; position:absolute; top:0; right:0;}

#intouch{position:fixed; bottom:0; right:0px; z-index:0}
#advantage{position:fixed; bottom:0; right:130px; z-index:0}

/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */