/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #224477;
}

a:link, a:visited, a:hover {
	text-decoration: none;
	color: #3300CC;
}



/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-size: 130%;
 color: #000000;
 padding: 10px 0 0 10px;
}

h2{
 font-size: 100%;
 color: #FFFFFF;
 padding: 5px 0 10px 7px;
}

h3{
	font-size: 90%;
	color: #000000;
	padding: 3px 0px 7px 0px;
	text-align: center;
}

h4{
	font-size: 60%;
	color: #000000;
	padding: 5px 0 0 0px;
	text-align: center;
}
h5{
	font-size: 80%;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	text-align: center;
}




ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/



#main_logo_box{
	background: url(images/sg_title.gif) no-repeat top left;
	margin: 25px 0 0 50px;
	padding: 0 0 0 0;
	height: 185px;
	width: 345px;
	position: absolute;
}


#main_buttons{
	margin: 25px 0 0 560px;
	padding: 0 0 0 0;
	height: 35px;
	width: 400px;
	position: absolute;
}



.link_button{
	background-color: #6688AA;
	margin: 0 0 0 15px;
	height: 35px;
	width: 100px;
	float: left;
}

.link_button:hover{
	background-color: #227755;
}


.link_button a, .link_button p{
	margin: 0 0 0 0;
	padding: 3px 0 0 12px;
	display: block;
	width: 100px;
	height: 35px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 150%;
}




#link_button_selected{
	background-color: #227755;
}




#main_box {
	
	background-color: #227755;
	margin: 60px 0 0 400px;
	padding: 0 0 0 0;
	height: 510px;
	width: 560px;
	position: absolute;
}


#news_box {
	background-color: #227755;
	margin: 220px 0 0 50px;
	height: 350px;
	width: 340px;
	position: absolute;
}


#site_info_box {
	background-color: #227755;
	margin: 580px 0 0 780px;
	padding: 0 0 0 0;
	height: 50px;
	width: 180px;
	position: absolute;
}


#site_info_box {
	background-color: #227755;
	margin: 580px 0 0 780px;
	padding: 0 0 0 0;
	height: 50px;
	width: 180px;
	position: absolute;
}


#benmakesmovies_link_box {

	margin: 590px 0 0 100px;
	padding: 0 0 0 0;
	height: 34px;
	width: 385px;
	position: absolute;
}

#byond_link_box {

	margin: 580px 0 0 500px;
	padding: 0 0 0 0;
	height: 55px;
	width: 245px;
	position: absolute;
}

/***********************************************/
/*Main Box Divs                               */
/***********************************************/



.game_info_box {
	margin: 10px 0 0 15px;
	padding: 0 0 0 0;
	height:110px;
	position: absolute;
	width: 510px;
	background-color: #227755;
}



.about_box_top {
	margin: 10px 0 0 15px;
	padding: 0 0 0 0;
	height:470px;
	position: absolute;
	width: 510px;
	background-color: #227755;
}





/***********************************************/
/*Component Divs                               */
/***********************************************/



/************** #game_info styles *****************/
#game1{
	margin: 10px 0 0 15px;
}
#game2{
	margin: 130px 0 0 15px;
}
#game3{
	margin: 250px 0 0 15px;
}
#game4{
	margin: 370px 0 0 15px;
}

.game_info_content{
	background-color: #224477;
	width: 500px;
	height: 100px;
	margin: 5px 0 0 5px;
}



#game_banner {
	margin: 5px 0 0 5px;
	padding: 0 0 0 0;
	height: 66px;
	width: 256px;
	position: absolute;
	background-color: #6688AA;
}


#game_banner img{
	margin: 3px 0 0 3px;
}

#game_links {
	margin: 75px 0 0 5px;
	padding: 0 0 0 0;
	height: 20px;
	width: 256px;
	position: absolute;
}
#game_links p{
	padding: 8px 10px 0 10px;
	margin: 0 0 0 0;
	font-size: 80%;
	text-align: center;
	color: #000000;
}

#game_links a:link, #game_links a:visited{
	color: #33CCFF;
}

#game_links a:hover{
	color: #33CCFF;
	text-decoration: underline;
}




#game_description {
	margin: 5px 0 0 260px;
	padding: 0 0 0 0;
	height: 90px;
	width: 235px;
	position: absolute;
	color: #FFFFFF;
	font-size: 11pt;
}
#game_description p{
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	font-size: 80%;
}




/************** about box styles *****************/



#bio1{
	margin: 10px 0 0 15px;
}


.about_box_top_content{
	background-color: #224477;
	width: 500px;
	height: 460px;
	margin: 5px 0 0 5px;
}

#about_box_top_content_text{
	width: 335px;
	height: 450px;
	margin: 5px 0 0 5px;
	position: absolute;
}

#about_box_top_content_pic{
	background-color: #6688AA;
	width: 139px;
	height: 274px;
	margin: 5px 0 0 350px;
	position: absolute;
}

#about_box_top_content_pic img{
	margin: 2px 0 0 2px;
}

#about_box_top_content_text p{
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	font-size: 80%;
}

#about_box_top_content_text a:link, #about_box_top_content_text a:visited{
	color: #33CCFF;
}

#about_box_top_content_text a:hover{
	color: #33CCFF;
	text-decoration: underline;
}



#about_box_top_content_team{
	background-color: #6688AA;
	width: 139px;
	height: 170px;
	margin: 285px 0 0 350px;
	position: absolute;
}
#about_box_top_content_team p{
	padding: 0px;
	margin: 0px;
	font-size: 70%;
}




#bio_description {
	margin: 5px 0 0 260px;
	padding: 0 0 0 0;
	height: 90px;
	width: 235px;
	position: absolute;
	color: #FFFFFF;
	font-size: 11pt;
}
#bio_description p{
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	font-size: 80%;
}





/************** #main_box styles *****************/

#main_box_content{
	background-color: #6688AA;
	width: 540px;
	height: 490px;
	margin: 10px 0 0 10px;
}

#main_box_content p{
	font-size: 9pt;
	padding: 0px 0px 0 10px;
	color: #FFFFFF;
	margin-top: 2px;
}








/************** .info styles *****************/

.news_content{
	background-color: #6688AA;
	width: 320px;
	height: 330px;
	margin: 10px 0 0 10px;
}

.news_content p{
	font-size: 80%;
	padding: 0 10px 0 10px;
}




/************** .site info styles *****************/

#site_info_content{
	background-color: #6688AA;
	width: 170px;
	height: 40px;
	margin: 5px 0 0 5px;
	float: left;
}
#site_info_content p{
	font-size: 70%;
	margin: 7px 0 0 0;
	text-align: center;
}