/*** Style Definitions ***/
html			{ background:url(retina_wood.png); font-family:Arial, Helvetica, sans-serif; }
body {text-align: center;}
#container {margin: 0px auto;}
#header {position: absolute; top: 10; left: 10;}

/*** Clouds ***/
.clouds					{ width:1000px; height:100%; overflow:hidden; margin: 0px 0px 35% 0px; }
#clouds-small			{ width:1000px; height: 3200px; background:url(dotted01.png) repeat-y;}
#cloud2					{ position:relative; top:-262px; }
#clouds-big				{ width:4000px; height:100%; background:url(images/bg-clouds-big.png) repeat-x;}

/*** Header ***/
h1#logo				{ background:url(images/Logo.png) top left no-repeat; height:62px; width:481px;
						text-indent:-9999px; position:absolute; top:10px; left:10px; }

#menu				{ float:right; position:absolute; top:20px; right:10px; z-index:10; }

#menu a				{ background:#FFF; color:#67b2ff; border:#AAA 3px solid;  text-decoration:none; padding:10px;
						margin-right:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
					
#menu a:hover		{ background:#67b2ff; color:#FFF; border:#FFF 3px solid; text-decoration:none; padding:10px;
						margin-right:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

#menu a.selected	{ background:#AAA; color:#FFF; border:#67b2ff 3px solid; text-decoration:none; padding:10px;
						margin-right:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
					
#menu li			{ float:left; }

/*** Body Content ***/
#wrapper	{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; }

#mask		{ width:100%; height:100%; }

.box		{ width:100%; height:100%; clear: both; }

.content	{ width:960px; height:400px; top:20%; margin: 0 auto; position:relative; background: #ccc; }

.question { width: 600px; height: 400px; float: left; margin-right: 20px; background: url(tiny_grid.png);
				border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px; padding: 35px 35px 40px 35px; font: bold 18px "Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888; text-align: left;}
.reading { width: 220px; float: left; background: #f00;}

h1 { font-size: 28px; font-weight: bold; padding: 0px 0px 40px 0px;}				
/*.inner		{ width:920px; height:360px; background:rgba(255, 255, 255, 0.3); border-radius:30px; -moz-border-radius:30px;
					-webkit-border-radius:30px; margin:5px; padding:15px; top:5px; position:relative; } */