@charset "UTF-8";

@font-face {
    font-family: "helvetica neue";
	src: url(../fonts/hlv.otf);
	/*src: url(../font/optimaltstd.eot);*/
}
@font-face {
	font-family: "trajan";
	src: url(../fonts/trajanpro-regular.ttf);
}
body {
	/*background: #747474 no-repeat fixed;*/
	color: #000000; /* 3E3A39 */
	font: 15px \5FAE\8F6F\96C5\9ED1, "helvetica neue", helvetica, sans-serif;
	line-height: 25px;
	word-wrap:break-word;
	background:#EFEFEF;
	overflow-y:scroll
}
/*
body {
	margin:0;
	padding:0;
	font-family:"trajan", Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#000000;
	background:url('../en/images/mainbg.gif');
}
*/
img {
	behavior: url("../iepngfix.htc");
	border:0
}
a, img, td, table {
	border:0;
	text-decoration:none;
	outline:0;
	hlbr:expression(this.onFocus=this.blur());
}
a:link {
	color:#000000; /* d3d3d3 */
	text-decoration:none
}
a:visited {
	color:#0000000;
	text-decoration:none
}
a:hover {
	color:#666666;
	text-decoration:none
}

::selection { background: #000000; color:#FFFFFF } /* Safari */

::-moz-selection { background: #000000; color:#FFFFFF } /* Firefox */

:selection { background: #000000; color:#FFFFFF }

select { font-size:12px; width:150px }


* {
padding:0;
margin:0;
border:0;
offset:0;
vertical-align:baseline;
list-style:none;
text-rendering:optimizeLegibility;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:transparent;
-webkit-font-smoothing:antialiased }



a {
color: inherit;
text-decoration: none;	
}

a:hover {
color: #666666;	
}

#mainbg {
	
}
#cycler {
	position:fixed;
	top:0;
	
}
#cycler img {
	position: fixed;
	top:0;
	left:0;
	width:100%; height:100%
}
#cycler img.active{z-index:3}

#background {
position: fixed;
top:0;
left:0;
width:100%;
height:auto;
}


/*boom*/
#header {
	width:960px; /* 954 */
	height:120px;
	overflow:hidden
}

#container {
	width:960px;
	height:auto;
	background:#EFEFEF;
	margin:0 auto
}
#cushion {
	width:100%;
	height:10px;
	/*background:#FFFEF3; */
}

#navcol {
	width:240px;
	min-height:700px;
	height:auto;
	float:left;
}
/* Navbox Zero */
#navboxvideo {
	position:relative;
	width:240px; /* 210 */
	height:160px;
	/*background:#FFFEF3; */
	padding-bottom:0px;
	margin-left:10px;
	margin-bottom:20px
}
#navbox0 {
	position:relative;
	width:240px; /* 210 */
	height:1px;
	background:#FFFFFF;
	opacity:0; display:none;
	padding-bottom:0px;
	margin-left:10px;
	margin-bottom:20px;
	overflow:hidden
}
#navbox0-2 {
	position:relative;
	width:240px; /* 210 */
	height:1px;
	/*background:#FFFEF3;*/
	background:#3d3939;
	opacity:0; display:none;
	padding-bottom:0px;
	margin-left:10px;
	margin-bottom:10px;
	overflow:hidden
}
.introvideo {
	width:240px;
	height:100px;
	
}
#navbox0 ul, #navbox0-2 ul {
	margin:0 0 0 0;
	padding:0;
	padding-top:0px;
	padding-bottom:3px
}
#navbox0 li {
	width:240px; /* 186 */
	height:30px;
}
#navbox0-2 li {
	width:240px; /* 186 */
	height:30px;
}
#navbox0 li a {
	width:240px; /* 186 */
	height:40px;
	line-height:20px;
	display:block;
	padding-left:12px;
	padding-right:12px;
}
#navbox0-2 li a {
	width:240px; /* 186 */
	height:40px;
	line-height:20px;
	display:block;
	padding-left:12px;
	padding-right:12px;
}
#navbox0 li a:link {
	color: #3e3a39;
}
#navbox0 li a:visited {
	color: #3e3a39;
}
#navbox0 li a:hover, #navbox0-2 li a:hover {
	color: #3e3a39;
	font-weight:bold;
}
#navbox0 li a:active {
	color: #3e3a39;
	font-weight:bold;
	/*font-size:16px enlarge when onclick submenu*/
}

#navbox0-2 li a:link {
	color: #FFFFFF;
}
#navbox0-2 li a:visited {
	color: #FFFFFF;
}
#navbox0-2 li a:hover {
	color: #FFFFFF;
	font-weight:bold;
}
#navbox0-2 li a:active {
	color: #FFFFFF;
	font-weight:bold;
	/*font-size:16px enlarge when onclick submenu */
}


#navbox0 li.menu, #navbox0-2 li.menu {
	/* The main list elements */
	/*padding:5px 0;*/
	position:relative;
	width:100%;
	height:10px;
	/*background:#FFFEF3;*/
	padding-bottom:0px   /******************/
	
}
#navbox0 li.button a, #navbox0-2 li.button a {
	/* The section titles */
	display:block;
	overflow:hidden;
	position:relative;
	width:240px;
	height:40px;
	font-size:16px  /* 1st Level nav */
}
#navbox0 li.button a:hover,  #navbox0-2 li.button a:hover {
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}
/* End of navbox */



#navbox {
	width:240px; /* 210 */
	height:0px;
	background:#FFFEF3;
	opacity:0; display:none;
	padding-bottom:10px;
	margin-left:10px;
	margin-top:20px; 
	
}
#navbox ul {
	margin:0;
	padding:0;
	padding-top:0px;
	padding-bottom:3px
}
#navbox li {
	
}
#navbox li a {
	width:186px; /* 186 */
	height:20px;
	line-height:25px;
	display:block;
	padding-left:12px;
	padding-right:12px;
}
#navbox li a:link {
	color: #3e3a39;
}
#navbox li a:visited {
	color: #3e3a39;
}
#navbox li a:hover {
	color: #3e3a39;
	font-weight:bold;
}
#navbox li a:active {
	color: #3e3a39;
	font-weight:bold;
	/*font-size:16px enlarge when onclick submenu*/
}
#navbox li.menu {
	/* The main list elements */
	/*padding:5px 0;*/
	position:relative;
	width:100%;
	height:auto;
	background:#FFFEF3;
	padding-bottom:5px;
	
}
#navbox li.button a {
	/* The section titles */
	display:block;
	overflow:hidden;
	position:relative;
	width:200px;
	height:20px;
	font-size:16px  /* 1st Level nav */
}
#navbox li.button a:hover {
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}
ul.navigation li.active {
	font-weight:bold;
}




.dropdown{
	/* The expandable lists */
	display:none;
	/*padding-top:5px;*/
	width:100%;
	height:auto;
	margin-top:10px
}
.dropdown ul {
	margin-left:20px;
}
.dropdown li {
	/* Each element in the expandable list */
	/*background-color:#373128;
	border:1px solid #40392C;
	color:#CCCCCC;
	margin:5px 0;
	padding:4px 18px;*/
	width:100%;
	height:25px;
	font-size:18px;
	list-style-image:url('../images/navdot.jpg');
	text-indent:-10px;
	margin-left:30px;
}
.dropdown li a {
	width:100%;
}
#main_container {
	width:710px; /* 666 */
	min-height:500px;
	height:auto;
	float:left;
	margin-bottom:50px
}
#lowernav {
	width:210px; /* 210 */
	height:auto;
	float:left;
	margin-top:25px;
	margin-left:0px
}
#social {
	font-size:13px;
	color:#636363; float:right;
	margin-right:70px; margin-top:-5px;
}
/* 2nd Part */
#mid_column {
	width:322px;
	height:auto;
	float:left;
	margin-left:34px;
}
#guts {
	width:322px;
	height:auto;
	float:left
}
#titlebox {
	width:322px;
	height:470px;
	margin-top:10px
}

/* 3rd Part */
#right_column {
	width:320px;
	height:auto;
	float:left;
	margin-left:34px
}


h1 {
/*font-size: 100px;*/
line-height: 1.2em;
padding: 50px 0 25px;
font-weight: 300;	
}

h1 img {
height: 70px;	
}

.column {
display: block;
z-index:999
/*
position: absolute;
left: 35%;
max-width: 40%;	
*/
}

.entry {
padding: 40% 0 50% 0;	
text-align:center
}

.entry h1 {
padding: 180px 0 25px;	
}

.title h1 {
font-size: 75px
}

.title p {
font-size: 18px;
line-height: 1.5em;	
}
#indexlogo {
	width:auto; /* 210 */
	height:auto;
	z-index:9999;
	margin-left:20%;
	margin-top:20px
}
#logocontainer {
	width:100%;
	max-width:452px;
	height:149px
	
}
.rslides {
  position: relative;
  width: 100%;
  max-width:452px;
  list-style: none;
  /*overflow: hidden;*/
  padding: 0;
  margin: 0;
  }
/*
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }*/
/*
.rslides img {
  width: 100%;
  max-width:452px;
  display: block;
  height: auto;
  float: left;
  border: 0;
  }
 */
#mainlogo {
	width:100%;
	max-width:452px;
	height:auto;
	margin-top:5%; /* 173px */
	/*height:149px;*/
	/*float:left;*/
	margin-left:auto;
	margin-right:auto;
	/*margin-bottom:0px*/
	z-index:999
}
#authorlogo {
	width:106px;
	height:16px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto
}

#header {
	width:100%;
	max-width:1109px;
	min-height:95px; /* 40 */
	height:106px; /* 40 */
	margin:0 auto;
	padding-top:26px;
	margin-right:10px;
}
#langbar {
	position:absolute;
	width:100px;
	height:20px;
	right:10%;
	float:right;
}
#sublogo {
	width:202px;
	height:67px;
	float:right;
	margin-right:0px
}
#titlebox {
	width:auto;
	height:25px;
	border-bottom:2px solid #FFFFFF;
	margin-bottom:10px
}
#contxt1 {
	font-size:12px;
	color:#666666;
	line-height:15px;
	margin-bottom:10px
}
#contxt2 {
	font-size:12px;
	color:#666666;
	line-height:15px;
	padding-bottom:10px;
	border-bottom:2px solid #FFFFFF;
}
#maintxt {
	position:relative;
	width:680px;
	min-height:500px;
	height:auto;
	margin-left:34px;
	margin-right:10px;
	margin-top:-5px
}
#maintxt a:link {
font-weight:bold;
text-decoration:underline
}
#maintxt a:visited {
font-weight:bold;
text-decoration:underline
}
#maintxt a:hover {
font-weight:bold;
text-decoration:none
}
.pointlist {
	list-style:disc inside;
}
#col_left {
	width:320px;
	height:auto;
	float:left
}
#col_right {
	width:320px;
	height:auto;
	float:left;
	margin-left:40px;
}
#about_grid,#about_grid_1,#about_grid_2,#about_grid_3,#about_grid_4 {
	width:320px;
	height:auto;
	float:left
}
#about_tag,#about_tag_1,#about_tag_2,#about_tag_3,#about_tag_4{
	width:310px; /* 320 */
	height:30px;
	background:#CFD0D0;
	color:#3E3A39;
	padding:5px 0 0 10px
}
#fake_facebook_button {
	/*pointer-events: none;*/
	
	width: 30px;
	height: 12px;
	
	display:block;
	cursor:pointer;
	padding:0px 5px 12px 7px;
	color:#FFFFFF;
	font-size:12px;
	/* background:#515151; */
	background:#3d3939;
}

#fake_facebook_button2 {
	/*pointer-events: none;*/

	width: 30px;
	height: 12px;

	display:block;
	cursor:pointer;
	/*padding:0px 5px 12px 7px; */
	padding:5px 5px 8px 5px;
	color:#FFFFFF;
	font-size:12px;
	background:#515151;
	margin-top:-5px;
	text-align:center
}


#fake_facebook_button a {
	display:block
}
#fbbox {
	position:absolute;
	width:250px;
	height:90px;
	left:0px;
	top:-200px;
	background:#bcbcbc;
	opacity:0.8;
	filter:alpha(opacity=80);
	border:1px solid #000000;
	z-index:99;
	cursor:pointer;
	padding:5px;
	color:#000000;
}

#fbbox2 {
	position:absolute;
	width:290px;
	height:90px;

	background:#bcbcbc;
	opacity:0.8;
	filter:alpha(opacity=80);
	border:1px solid #000000;
	z-index:99;
	cursor:pointer;
	padding:5px;
	color:#000000;
}


#footer {
	width:90%;
	max-width:1009px;
	height:30px;
	color:#919090;
	font-size:8pt;
	margin-top:30px;
	margin-left:10px;
	float:left;
	font-weight:normal
}




/*mobile*/

@media screen and (max-width:580px) {
@-o-viewport {
  width: device-width;
  zoom: 0.5;
  overflow-x:hidden;
}
@viewport {
	zoom: 0.5;
	width: device-width;
	overflow-x:hidden;
}
body {
width: device-width;
background-image:url('../images/indexbg2.jpg');
background-position-y: 300px 0;
background-color:#eeeeee;
background-repeat: repeat;
font-size: 20px;
background-attachment:scroll;
}

h1 {
font-size: 60px;	
}

#background {
display: none;	
}

.column {
margin-top:0;
left: 0;
max-width: 80%;
padding: 0 5px 0 15px;
position: relative;
left: 40px;
overflow:hidden;
-webkit-overflow-scrolling: touch;
}
#indexlogo {
	width:auto; /* 210 */
	height:auto;
	z-index:9999;
	margin-left:20%;
	margin-top:0px
}

.entry {
padding: 100px 0;	
}

.entry h1 {
padding: 80px 0 0px;
}

.title {
margin: -100px 0 0;	
}

.title p {
font-size: 16px	
}
#mainlogo img {
	width:100%;
	max-width:352px;
	height:auto;
	margin-top:0;
	/*height:149px;*/
	/*float:left;*/
	margin-left:auto;
	margin-right:auto
}


.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}