#container {
width: 100%;
height: 100%;
background-size: cover;
}

video {
width: 820;
height: 462;
}

@font-face { 
font-family: Agency FB; 
src: url('../fonts/AGENCYR.TTF'); 
} 

@font-face { 
font-family: Agency FB;
font-weight: bold;
src: url('../fonts/AGENCYB.TTF'); 
}
body {
height: 90%;
background-size: cover;
background: #eeeeee; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CDCDCD'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CDCDCD)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #eee,  #CDCDCD); /* for firefox 3.6+ */ //ccc, 666 //eee, cdcdcd
margin:0;
background-attachment: fixed;
background-repeat: no-repeat;
}

#header{
clear:both;
position: relative;
width: 820px;
height: 40px;
}

#title {
position: relative;
width: 820px;
height: 60px;
overflow: hidden;
//<!--background-image: url(http://stuartsaundersgames.com/images/stuart-saunders-games-title.png);-->
}

#menu {
list-style: none;
width: 850px;
height: 40px;
position:absolute;
color: #666666;
font-family: Tahoma;
top:0;
left:0;
margin: 0px -15px;
}

#menu li {
float: left;
margin: 0px 24px;
//margin: 0px 2.5%;
color: #000000;
padding: 0;
}

#menu a {
color: #666666;
display: block;
float: left;
margin: 0;
padding: 10px;
text-decoration: none;
}

#menu a:hover {
color: #000000;
}

#menu a.selected {
//color: #000000;
font-weight: bold;
}

#words {
font-size: 150%; //24px;
text-decoration: none;
position:relative;
width:205px;
height:50px;
background:transparent;
font-family: "Agency FB";
font-weight:bold;
color: #ffffff;
top: 165px;
list-style: none;
//text-align: left;
//text-indent: 10%;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0;
}

#wordsMedium {
font-size: 150%;
text-decoration: none;
position:relative;
width:410px;
height:50px;
background:transparent;
text-align: center;
//text-align: left;
//text-indent: 5%;
font-family: "Agency FB";
font-weight: bold;
color: #ffffff;
top: 165px;
list-style: none;
}
#wordsLarge {
font-size: 150%;
text-decoration: none;
position:relative;
width:820px;
height:50px;
background:transparent;
text-align: left;
text-indent: 5%;
font-family: "Agency FB";
font-weight: bold;
color: #ffffff;
top: 370px;
list-style: none;
}

#footer{
clear:both;
position: relative;
width: 820px;
height: 40px;
color: #666666;
padding: 10px;
text-align: center;
font-family: Tahoma;
}

.box {
//margin-top: 10px;
//padding: 5px 5px 5px 5px;
background-color: #dddddd;
border: 2px solid #000000;
width: 816px;
height: 457px;
color: #000000;
}

h1 {
font-size:55px;
letter-spacing:15px;
color: #666666;
margin: 0 auto;
font-family: "Agency FB";
position: relative;
margin-bottom: 0px;
padding-bottom: 0px;
}

h2 {
font-size:30px;
color: #ffffff;
font-family: "Agency FB";
text-align: left;
margin: 20px;
}
h3 {
font-size:22px;
color: #ffffff;
font-family: "Agency FB";
text-align: left;
margin: 20px;
}

p {
margin:20px;
color: #ffffff;
text-align: left;
font-family: Tahoma;
font-size: 14px;
}

strong {
font-weight: normal;
text-decoration:none;
color: #ffffff;
}