@CHARSET "utf-8";
body{
	animation: fadein 2s;
    -moz-animation: fadein 2s; 
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;
}

#mask{position:absolute;z-index:9000;background:rgba(0,0,0,0.7);display:none;left:0;top:0;}
.dimsection{display:none;position:absolute;max-width:1200px;left:50%;margin-left:-640px;top:5%;z-index:10000;}
.mask_img{display:none;}

#yt_layer1, #yt_layer2 {display:none;position:absolute;width:1280px;height:720px;top:10%;left:50%;margin-left:-640px;z-index:999999}
.inner1, .inner2 {position:relative;}
.dim1, .dim2 {display:none;position:fixed;top:0;left:0;background:#000;width:100%;height:100%;filter:Alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;z-index:999997;}

.inner1 > a, .inner2 > a{display:block;width:60px;margin:30px auto 0}

#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}



/* Demos Menu
 * --------------------------------------- */
 #demosMenu{
	position:fixed;
	bottom: 10px;
	right:10px;
	z-index: 999;
}