@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);

html{height:100%;} 
body{margin:0; padding:0;  min-height:100%; overflow-x:hidden; min-width:840px;} 

.demoLight{display:table; width:100%; position:relative;}
	.demoPlate{margin:100px auto 0;}

.demoDark{
	position:relative;
	width:100%;
	color:#eee;
	margin-top:3.7em;
	padding-top:3.7em;
	
	-webkit-box-shadow:0 -1px rgba(255,255,255,.4),0 0 50px rgba(33,49,75,.55),inset 0 4px 2px -3px rgba(0,0,0,1);
	-moz-box-shadow:0 -1px rgba(255,255,255,.4),0 0 50px rgba(33,49,75,.55),inset 0 4px 2px -3px rgba(0,0,0,1);
	-ms-box-shadow:0 -1px rgba(255,255,255,.4),0 0 50px rgba(33,49,75,.55),inset 0 4px 2px -3px rgba(0,0,0,1);
	-o-box-shadow:0 -1px rgba(255,255,255,.4),0 0 50px rgba(33,49,75,.55),inset 0 4px 2px -3px rgba(0,0,0,1);
	box-shadow:0 -1px rgba(255,255,255,.4),0 0 50px rgba(33,49,75,.55),inset 0 4px 2px -3px rgba(0,0,0,1);
}


.demoPlate{margin:30px auto;}

	.pageTitle{text-align:center; margin:10px 0 0; font-family:'PT Sans Narrow', sans-serif; font-weight:normal;}

	.arrows{position: absolute; width:2000px; left:50%; overflow:visible!important; font-size:90%; opacity:0;}
	.arrows div {width:220px; font-family: 'PT Sans Narrow', sans-serif; text-align:justify;}
		.arr1 { position:absolute; left:0px; top:50px;}
			.arr1 img { position:absolute; bottom:-13px; right:-31px; }
		.arr2 { position:absolute; right:10px; top:50px; }
			.arr2 img { position:absolute; bottom:-15px; left:-32px; }
		.arr3 { position:absolute;  right:-20px; top:310px; }
			.arr3 img { position:absolute; bottom:-14px; left:-52px; }
		.arr4 { position:absolute; left:25px; top:434px;  width:200px!important;}
			.arr4 img { position:absolute; bottom:5px; right:-27px; }
		.arr5 { position:absolute; right:10px; top:500px; }
	
		.arr6 { position:absolute; left:00px; top:200px; }
			.arr6 img { position:absolute; bottom:0px; right:-20px; }
		.arr7 { position:absolute; left:275px; top:600px; width:300px!important}

	.scroll{ font-family: 'PT Sans Narrow', sans-serif; cursor:pointer; display:none; text-align:center; position:absolute; height:65px; line-height:65px; font-size:175%; left:0; right:0;}
		.demoDark .scroll{ top:0; display:block;}
		.demoLight .scroll{ bottom:-60px;}
		




.config{
z-index:10;
cursor:pointer;
position:fixed;
top:80px;
left:0;
background: #fc0;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,219,0,1)),color-stop(100%,rgba(255,204,0,1)));
background: -webkit-linear-gradient(top,rgba(255,219,0,1) 0,rgba(255,204,0,1) 100%);
background: -moz-linear-gradient(top,rgba(255,219,0,1) 0,rgba(255,204,0,1) 100%);
background: -ms-linear-gradient(top,rgba(255,219,0,1) 0,rgba(255,204,0,1) 100%);
background: -o-linear-gradient(top,rgba(255,219,0,1) 0,rgba(255,204,0,1) 100%);
background: linear-gradient(top,rgba(255,219,0,1) 0,rgba(255,204,0,1) 100%);
-webkit-box-shadow: inset -1px 0 0 rgba(0,0,0,.08),inset 1px 0 0 rgba(255,255,255,.45);
-moz-box-shadow: inset -1px 0 0 rgba(0,0,0,.08),inset 1px 0 0 rgba(255,255,255,.45);
box-shadow: inset -1px 0 0 rgba(0,0,0,.08),inset 1px 0 0 rgba(255,255,255,.45);
display: block;
margin: .3em 0 1em;
padding: 10px 12px;
border: 1px solid #ffec7a;
border-right: 0;
border-left: 0;
border-bottom: 1px solid #e4b100;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius:0 7px 7px 0;
width: 28px;
height: 28px;
}

.config:hover {
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(253,226,64,1)),color-stop(100%,rgba(255,215,53,1)));
background: -webkit-linear-gradient(top,rgba(253,226,64,1) 0,rgba(255,215,53,1) 100%);
background: -moz-linear-gradient(top,rgba(253,226,64,1) 0,rgba(255,215,53,1) 100%);
background: -ms-linear-gradient(top,rgba(253,226,64,1) 0,rgba(255,215,53,1) 100%);
background: -o-linear-gradient(top,rgba(253,226,64,1) 0,rgba(255,215,53,1) 100%);
background: linear-gradient(top,rgba(253,226,64,1) 0,rgba(255,215,53,1) 100%);
}

.config:active {
-webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.15);
box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.15);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,204,0,1)),color-stop(100%,rgba(255,219,0,1)));
background: -webkit-linear-gradient(top,rgba(255,204,0,1) 0,rgba(255,219,0,1) 100%);
background: -moz-linear-gradient(top,rgba(255,204,0,1) 0,rgba(255,219,0,1) 100%);
background: -ms-linear-gradient(top,rgba(255,204,0,1) 0,rgba(255,219,0,1) 100%);
background: -o-linear-gradient(top,rgba(255,204,0,1) 0,rgba(255,219,0,1) 100%);
background: linear-gradient(top,rgba(255,204,0,1) 0,rgba(255,219,0,1) 100%);
}