@charset "UTF-8";
/* CSS Document */

body{
font-family:Verdana, sans-serif;
background-color: #E5E5E5;
margin:0px;
background-image: url(images/new/header_repeat1px.png); background-position: top; background-repeat: repeat-x;}

#container{
width:1023px;
margin:0px auto;
text-align:left;
position:relative;
height:870px;
background-color: #E5E5E5;
background-image: url(images/new/bg.png); background-repeat:none;}

#gamecontainer{
width:800px;
margin:0px auto;
text-align:left;
position:relative;
height:600px;
background-color: #000000;}

.topbox{
width:1024px;
height:220px;
padding-top:20px;
background-image:url(images/new/header_repeat1px.png) ; background-repeat: repeat-x;
background-position: top;}

.middlebox{
width:1024px;
height:289px;
padding-top:20px;
color:black;
background-image: url(images/new/contentarea1_bg.png); background-position: center; background-repeat: no-repeat;}

.middlebox1{
width:1024px;
height:289px;
padding-top:20px;
color:black;}

.button1{
width:401px;
height:21px;
padding-top:10px;
float:right;
text-align: center;}

.navbox{
width:100px;
height:20px;
float:left;}

.logopanel{
width:259px;
height:558px;
margin:15px 0px 0px 15px;
float:left;}

.boxtext1{
width:640px;
height:250px;
float:left;
background-image: url(images/new/textbg1.jpg); background-repeat: no-repeat; background-position: center;}

.boxtext1a{
width:580px;
height:100px;
margin:105px 0 0 55px;}

a{
text-decoration: none;
color: black;}

#contactform{
width:460px;
height:410px;
float:right;
margin:-110px 250px 0 0;}

.pageheader{
width:350px;
height:53px;
padding-left:50px;}

.pageheader1{
width:350px;
height:53px;
float:right;
margin-top:20px;}

.projectbox2 p{
color:black;
padding-top:25px;}

.projectbox2{
margin:auto 0;
width:350px;
height:280px;
padding:20px;
text-align: justify;
color:black;
padding-left:160px;
float:left;}

.projectbox3{
height:280px;
text-align: justify;
color:black;
padding:0 20px 20px 110px;
float:left;}

.projectbox4{
width:700px;
height:280px;
text-align: justify;
color:black;
padding:20px 20px 20px 165px;
float:left;}

.projectbox4 p{
color:black;
padding-top:25px;}

.projectbox4 ul li a:active{
text-decoration:none;
list-style:none;}

.projectbox4 ul li a:hover{
text-decoration:none;
list-style:none;
color: gray;
font-style: italic;}

.linkslist{
width:250px;
height:200px;
margin:60px 100px 0 0;
float:right;
color:black;}

.linkslist ul li a:active{
text-decoration:none;
list-style:none;}

.linkslist ul li a:hover{
color:gray;
font-style: italic;}

#thumbnails a{
margin-left:25px;
margin-top:15px;
float:left;}

#thumbnails {
width:500px;
margin: 0px auto;}

.gamebase{
width:800px;
height:60px;
background-color: #333333;
background-image: url(images/new/projectshead.jpg); background-repeat: no-repeat;
margin:0px auto;}

.clearall{
clear: both;}

.paragraph1{
width:480px;
text-align:justify;
margin: 0px auto;
color:white;
line-height: 2em;}

.paragraph2{
width:480px;
text-align:justify;
margin: 0px auto;
color:white;
line-height: 2em;}

.photo{
padding-left:550px;
margin-top:30px;}

/* rollovers start here */

#aboutbutton:hover{
width:170px;
height:20px;
color:white;}

#workbutton:hover{
width:170px;
height:20px;
color:white;}

#projbutton:hover{
width:170px;
height:20px;
color:white;}

#contactbutton:hover{
width:170px;
height:20px;
color:white;}

#player1{
width:270px;
height:240px;
float:left;
padding:15px 20px 0 50px;}

#bush{
width:150px;
padding-top:50px;
float:left;
margin-left:-430px;}

#newlogo{
position: absolute;
left:20px;
top:10px;}

#airplot{
padding-top:50px;
float:right;
width:150px;
height:150px;
margin-right:100px;}


#g20{
float:left;
width:150px;
padding-top:50px;
padding-right:50px;
margin-left:-110px;}

#bd{
margin-right:95px;
float:right;
padding-top:10px;
}

.stopie6{
border: 1px solid silver;
width:600px;}

*:first-child+html #g20{
float:left;
width:150px;
padding-top:50px;
padding-left:50px;
margin-left:110px;
}

*:first-child+html #bd{
float:left;
width:150px;
padding-top:50px;
padding-left:50px;
margin-left:110px;
}