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

@import url(http://fonts.googleapis.com/css?family=Oswald);

html, body {
	margin:0;
	padding:0;
	font-family:Lao_Ui, Arial, Helvetica, sans-serif;
	overflow-x:hidden;
	}

noscript {
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background:#FFF;
	z-index:100;
	margin:0;
	}
	
.enableJS {
	position:relative;
   top: 50%;
   left: 50%;
   width: 320px;
   height: 500px;
   margin-top: -100px; /* Half the height */
   margin-left: -100px; /* Half the width */
	}

@font-face {
	font-family:Lao_Ui;
	src: url(../font/LaoUI.ttf);
	}
	
@font-face {
	font-family:HelveticaNeueLTStd;
	src: url(../font/HelveticaNeueLTStd-UltLt.otf);
	}
	
@font-face {
	font-family:HelveticaNeueLTStd-Bd;
	src: url(../font/HelveticaNeueLTStd-Bd.otf);
	}
	
/*TEXT -----------------*/
	h1,h2,h3 {
		font-family:HelveticaNeueLTStd;
		font-weight:normal;
		color:#333;
		}

	h2 {
		font-size:32px;
		}
		
	h1 {
		font-family:HelveticaNeueLTStd-Bd;
		font-size:28px;
		font-weight:bold;
		}
		
	h3,h4 {
		margin:0;
		}

	p {
		font-size:16px;
		text-align:justify;
		line-height:30px;
		color:#333;
		}
		
	.notintro {
		font-size:14px;
		line-height:24px;
		margin:0;
		}
		
	.special {
		font-size:12px;
		text-align:right;
		margin:0;
		}
		
	a.more {
		display:inline-block;
		float:right;
		font-size:12px;
		color:#2E3192;
		font-weight:bold;
		}
		
	a {
		text-decoration:none;
		border:none;
		color:#060;
		}
		
	a:hover {
		color:#ED1D24;
		}

/* GENERAL DIV ------------------------------------*/	
	#wrapper {
		
		
	}
		
	header {
		background:rgba(255, 255, 255, 0.7);
		overflow:hidden;
		margin:10px 0 10px 0;
		padding:5px 0;
		}
		
	#logo {
		float:left;
		}
		
	nav {
		float:right;
		margin-top:20px;
		}
		
	nav a {
		color:#000;
		}
		
	nav .active {
		color:#ED1D24;
		}
		
	nav ul{
		padding:0;
		}
	
	nav li{
		display:inline-block;
		margin-left:35px;
		padding:5px 0 5px 0;
		}
	
	#page {
		width:1024px;
		margin:auto;
		overflow-x:hidden;
		}
	
	footer {
		width:100%;
		background:rgba(255, 255, 255, 0.7);
		padding:5px 0;
		border-top:1px solid #FFF;
		margin-top:15px;
		}
		
	footer p {
		font-size:12px;
		}
		
	footer span {
		float:right;
		}
		
	footer a:hover {
		color:#093;
		}
	
/* GLOBAL CLASSES ------------*/
	.clearfix:before, .clearfix:after {
		content: " ";  
		display: block;
		clear: both;
		}
	
	.min {
		margin:0 auto;
		width:1024px;
		}

	.social_aside {
		background:rgba(255, 255, 255, 0.8);
		padding:10px 5px;
		margin-bottom:1px;
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		}
		
	.social {
		float:right;
		display:inline-block;
		margin-left:5px;
		margin-bottom:3px;
		height:24px;
		/*opacity for transition */
		opacity:.5;
		transition: opacity .25s ease-in-out;
		
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
		}
		
	.social:hover {
		opacity:1;
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
		}
		
	.facebook {width:11px;	background:url(../image/header_social.png) 0 0;}
	.twitter {width:31px; background:url(../image/header_social.png) 64px 0;}
	.youtube2 {width:26px; background:url(../image/header_social.png) 26px 0;}
	
	
	.lifetime {
		padding:10px;
		background-color:rgba(255,255,255, .8);}
	.lifetime  p{
		margin:0;
		font-family:Lao_Ui, Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:24px;
		}	
		
/*EXTRA DEFAULT --------------------------------------------------*/
	#intro {
		width:715px;
		float:left;
		padding:10px;
		background:rgba(255, 255, 255, 0.9);
		overflow:hidden;
		}

	aside {
		background:rgba(255, 255, 255, 0.5);
		float:right;
		width:280px;
		font-family:HelveticaNeueLTStd;
		font-size:20px;
		position:relative;
		}
		
	aside ul {
		list-style:none;
		padding:0;
		margin:0;
		}
		
	aside li a{
		display:block;
		background:rgba(255, 255, 255, 0.6);
		padding:10px 5px;
		margin-bottom:1px;
		transition: all .25s ease-in-out;
		font-weight: bold;
		}

	aside li a:hover {
		background:rgba(255, 255, 255, 1);
		}
		
	aside li a.asideActive {
		background:rgba(255, 255, 255, 1);
		color:#F00;
		}
		
	.doc {
		background:rgba(255, 255, 255, 0.6);
		margin-bottom:1px;
		transition: all .25s ease-in-out;
		padding:5px 0 5px 0;
		}
		
	.doc a {
		background:none;
		padding:4px 0 4px 16px;
		font-size:18px;
		}
		
	.doc h3{
		color:#060;
		padding-left:5px;
		text-decoration:underline;
		}
		
	article h2 {
		margin:0;
		color:#09F;
		font-size:32px;
		font-family: 'Oswald', sans-serif;
		}

	article p {
		margin:0;
		}
		
	#openaside {
		display:none;
		}