html {background:	url(gymnasium.jpg)no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	font-family: Helvetica, Arial, Sans-Serif;}
	
<!--[if IE]>
html {background:	#000;}
<![endif]-->

div a:link {color: white;}
div a:hover {color: black; background:white;}
div a:visited {color: #EE8833;}

div#greek, div#launch, div#feedback, div#continue, div#answer, div#question, div#score
	{background: rgb(0, 0, 0) transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.6); /* RGBa with 0.6 opacity */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* For IE 8*/
	color: #FFF;
	border: #EE8833 1px solid;
	}


#wrapper {
width:90%;
margin:0 auto;

}

#left {
float:left;
width:70%;
}

div#question, div#greek, div#answer{width:90%;
margin: 1% 5% 1% 5%;
text-align:center;
padding: 1% 0}

div#launch, div#continue, div#feedback, div#score{width:95%;
margin: 2% 0 4% 0;
padding: 1% 4%}

div#question select {
border-color:#EE8833;
color:#FFF;
background-color:#000;
font-size: 15px}

div#question button {width: 40%;
	height: 40px;
	margin: 2.5% 10% 2.5% 10%;
   border-top: 1px solid #fafafa;
   background: #e78733;
   background: -webkit-gradient(linear, left top, left bottom, from(#e78733), to(#000000));
   background: -webkit-linear-gradient(top, #e78733, #000000);
   background: -moz-linear-gradient(top, #e78733, #000000);
   background: -ms-linear-gradient(top, #e78733, #000000);
   background: -o-linear-gradient(top, #e78733, #000000);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-family: Helvetica, Arial, Sans-Serif;
   font-size: 18px;
   text-decoration: none;
   vertical-align:middle;
}

#greek {height:10%;
text-align: center;
font-size: 280%;
font-family:"Times New Roman", Times, serif;
}

div#answer {height: auto;
padding: 5% 0 0 0;
}

div#answer select {width:60%;
background: #000;
color: #FFF;
font-size: 16px;
}

div#answer button {
	width: 40%;
	height: 40px;
	margin: 2.5% 10% 2.5% 10%;
   border-top: 1px solid #fafafa;
   background: #e78733;
   background: -webkit-gradient(linear, left top, left bottom, from(#e78733), to(#000000));
   background: -webkit-linear-gradient(top, #e78733, #000000);
   background: -moz-linear-gradient(top, #e78733, #000000);
   background: -ms-linear-gradient(top, #e78733, #000000);
   background: -o-linear-gradient(top, #e78733, #000000);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-family: Helvetica, Arial, Sans-Serif;
   font-size: 18px;
   text-decoration: none;
   vertical-align:middle;
}

#right {
float:right;
width:30%;
}


div#continue button {
	width: 80%;
	height: 60px;
	margin: 2.5% 10% 2.5% 10%;
   border-top: 1px solid #fafafa;
   background: #e78733;
   background: -webkit-gradient(linear, left top, left bottom, from(#e78733), to(#000000));
   background: -webkit-linear-gradient(top, #e78733, #000000);
   background: -moz-linear-gradient(top, #e78733, #000000);
   background: -ms-linear-gradient(top, #e78733, #000000);
   background: -o-linear-gradient(top, #e78733, #000000);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-family: Helvetica, Arial, Sans-Serif;
   font-size: 18px;
   text-decoration: none;
   vertical-align:middle;
}


p#credit {text-align: center;
font-size: 15px;}


div#score {padding:5% 5%;
vertical-align:middle;
font-weight:bold;
}

