@charset "utf-8";
/* CSS Document */

body {
	overflow: hidden;
	margin:0;
	padding:0;
	font-family: 'ExistenceLight', sans-serif, "XingKai", "行楷", "ZhengKai", "正楷", "SimSun", "宋体", "Microsoft Yahei", "微软雅黑";
	}
	   
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 3, 2012 03:04:06 AM America/New_York */
@font-face {
    font-family: 'ExistenceLight';
    src: url('Existence-Light-webfont.eot');
    src: url('Existence-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Existence-Light-webfont.woff') format('woff'),
         url('Existence-Light-webfont.ttf') format('truetype'),
         url('Existence-Light-webfont.svg#ExistenceLight') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'QuicksandLight';
    src: url('Quicksand_Light-webfont.eot');
    src: url('Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Light-webfont.woff') format('woff'),
         url('Quicksand_Light-webfont.ttf') format('truetype'),
         url('Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'WalkwaySemiBoldRegular';
    src: url('Walkway_SemiBold-webfont.eot');
    src: url('Walkway_SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway_SemiBold-webfont.woff') format('woff'),
         url('Walkway_SemiBold-webfont.ttf') format('truetype'),
         url('Walkway_SemiBold-webfont.svg#WalkwaySemiBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;}

/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

/*------------------------------------*\
	PERSONAL ELEMENTS
\*------------------------------------*/
h1{
	text-transform:uppercase;
	background-color: #6b0c36;
	color:#FFF;
	font-size:24px;
	padding-left:25px;
	padding-bottom:2px; padding-right:2px; padding-top:2px;
}
h2{
	font-size:large;
	font-style:oblique;
}
/* <hr /> Gradient transparent - color - transparent DOES NOT WORK IN IE */ 
hr{ border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
img {border:none;
}
p, li{	font-family: 'WalkwaySemiBoldRegular';
	line-height:1.3em;
}
p.cn, li.cn {
	font-family:"XingKai", "行楷", "ZhengKai", "正楷", "SimSun", "宋体", "Microsoft Yahei", "微软雅黑";
	line-height:1.7em;
}
ul{
    margin-left: 20px;
    list-style-type: normal;
	color:#333;
}
/*------------------------------------*\
	DROPDOWN
\*------------------------------------*/
#nav {
   position: absolute;
   top: 0;
   right: 1px;/*originally right: 0;*/
   margin: 0;
   padding: 0;
   font-size:14px;
   }
#nav li {
   list-style: none;
   float: left; 
   background: #333;
   margin:2px;}
#nav li a {
   display: block;
   padding: 3px 8px;
   text-transform: uppercase;
   text-decoration: none; 
   color: #FFF;
   font-weight: bold; }
#nav li a:hover {
   color: #FFF;
   	background:#6b0c36;}
#nav li ul {
   display: none;  }
#nav li:hover ul, #nav li.hover ul {
   position: absolute;
   display: block;/*originally display: inline, trying to fix IE8 bug*/
   margin:0;
   padding:0;
   right:1px;/*originally nothing*/}
#nav li:hover li, #nav li.hover li {
   float: left;
   background:#6b0c36;}
#nav li:hover li a, #nav li.hover li a {
   color: #999; }
#nav li li a:hover {
   color: #FFF; }

/*------------------------------------*\
	DIV POSITIONING
\*------------------------------------*/
#header {
	position:absolute; /* position:fixed; top:0; creates problem when text scrolls up */
	left:0px;
	top:0px;
	height:100px; 
	width:100%;
	vertical-align:top;
	}	/* for 40% white transparency:	background: rgba(255,255,255,.4); */
#language {
	position:fixed;
	right:0px;
	top:90px;
	}
#left {
	position:absolute;
	left:0px;
	top:0px;
	width:460px;
	float:left;
	}
#right {
	position:absolute;
	left:450px;
	top:120px;
	right:0px;
	overflow-y:auto;
	height:77%;
	width:auto;
	}
#footer {
	position:fixed;
	bottom:0;
	}