/*===================================================================================================
	ELEMENT STYLES
===================================================================================================*/	

html {
	width: auto;
	height: auto;
	margin: 0; padding: 0; 
	}

Body {
	margin: 0; padding: 0; 
	background-color: #2078D8; 
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2078D8', endColorstr='#2078D8');
	background-image: -webkit-linear-gradient(left, #2078D8, #FFFFFF, #2078D8);
	background-image: -moz-linear-gradient(left, #2078D8, #FFFFFF, #2078D8);
	background-image: -ms-linear-gradient(left, #2078D8, #FFFFFF, #2078D8);
	background-image: -o-linear-gradient(left, #2078D8, #FFFFFF, #2078D8);
	background-image: linear-gradient(left, #2078D8, #FFFFFF, #2078D8);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font: 16px arial; color: #000000; 
	}

a {
	color: #3333FF;
	text-decoration: none; 
	}

a:hover  {
	color: #FFFFAA; 
	/*text-decoration: underline;*/
	}
	
textarea {
	width: 920px; min-width: 400px; max-width: 920px;
	height: 200px; min-height: 200px; max-height: 200px;
	resize: none;
	}
	
input.style {
	width: 144px; 
	height: 36px; 
	font: bold 24px Arial; 
	text-align: center;
	}

/*===================================================================================================
	FONT STYLES
===================================================================================================*/	

@font-face {
	font-family: itc-fenice-lt-oblique;
	src: 
		url("site_fonts/itc-fenice-lt-oblique.ttf"),
		url("site_fonts/itc-fenice-lt-oblique.eot"); /* IE9+ */
}

/*===================================================================================================
	MENUBAR STYLES
===================================================================================================*/	
	
#menubar {
	position: relative; 
	display: block;
	z-index: 10;
	top: 0px;
	width: 100%; min-width: 980px; 
	height: 64px;
	margin: 0; padding: 0;
	background-color: #C0C0C0; /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C0C0C0', endColorstr='#C0C0C0');*/ 
	background-image: -webkit-linear-gradient(top, #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -moz-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -ms-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -o-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-size: 100% 100%;
	background-repeat: repeat;
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: #101010;
	color: #FFFFFF; 
	}

#menubar_container {
	position: relative; /*fixed;*/
	display: block; 
	top: 0px;
	width: 100%; min-width: 980px; 
	height: 64px;
	margin: 0; padding: 0; 
	background-color: #C0C0C0; /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C0C0C0', endColorstr='#C0C0C0');*/
	background-image: -webkit-linear-gradient(top, #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -moz-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -ms-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -o-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-size: 100% 100%;
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: #101010;
	}

#menubar_shadow {
	position: absolute;
	display: none; 
	bottom: -16px;
	width: 100%; min-width: 980px; 
	height: 16px;
	margin: 0; padding: 0; 
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#000000', endColorstr='#000000ff');
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* CHROME & SAFARI */
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* FIREFOX */
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* IE10 */
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* OPERA */
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
	}
	
#menubar_content {
	position: relative;
	display: block;
	left: 0px;
	width: 980px;
	height: 64px;
	margin: 0 auto; padding: 0; 
	}
	
#menubar_logo {
	position: relative;
	display: block;
	float: left;
	left: -1px;
	width: 295px;
	height: 64px;
	margin: 0; padding: 0;
	background-image: url("site_images/menubar_icon.png");
	background-repeat: no-repeat;
	background-position: 4px -72px;
	}
#menubar_logo:hover {
	cursor: pointer;
	background-color: #A0A0A0;
	}
	
#menubar_icon_container {
	position: relative;
	display: block;
	left: 0px;
	width: 280px;
	height: 64px;
	margin: 0 auto; padding: 0;
	}
	
.menubar_icon {
	position: absolute;
	display: block;
	z-index: 2;
	width: 64px;
	height: 64px;
	margin: 0; padding: 0;
	background-image: url("site_images/menubar_icon.png");
	background-repeat: no-repeat;
	background-position: center;
	}
.menubar_icon:hover {
	cursor: pointer;
	background-color: #888888;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #101010;
	}
.menubar_icon:hover .menubar_icon_menu {
	position: absolute;
	display: block;
	border-width: 0px 1px 1px 1px;
	}
	
.menubar_icon_menu {
	position: absolute;
	display: none;
	z-index: 2;
	top: 64px; left: -52px;
	width: 168px;
	height: 168px;
	margin: 0; padding: 0;
	background-color: #888888;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-bottom-right-radius: 24px 24px; border-bottom-left-radius: 24px 24px;
	border-color: #101010;
	}

.menu_item_container {
	position: relative;
	display: block;
	top: 20px;
	width: 100%;
	height: 40px;
	margin: 0; padding: 0;
	font: 24px arial;
	text-align: center;
	}
.menu_item_container:hover {
	cursor: pointer;
	background-color: #A9A9A9;
	}
	
.menu_item {
	position: relative;
	display: block;
	top: 8px;
	width: 100%;
	height: auto;
	margin: 0; padding: 0;
	color: #FFFFFF;
	}
a .menu_item:hover {
	text-decoration: none;
	}

.menu_spacer {
	position: relative;
	display: block;
	top: 20px;
	width: 100%;
	height: 1px;
	margin: 0; padding: 0;
	background-color: #101010;
	}

#jump_menu_arrow { 
	position: absolute;
	display: none;
	z-index: 2;
	width: 64px;
	height: 64px;
	margin: 0; padding: 0;
	background-image: url("site_images/menubar_icon.png");
	background-repeat: no-repeat;
	background-position: center;
	}
#jump_menu_arrow:hover {
	cursor: pointer;
	background-color: #888888;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #002266;
	}
	
#jump_menu { 
	position: relative;
	display: none;
	top: 64px; left: -52px;
	width: 168px; height: auto; max-height: 480px;
	margin: 0; padding: 0;
	background-color: #888888;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #0F3C68;
	/*overflow-x: hidden;*/ overflow-y: auto;
	}
#jump_menu_arrow:hover #jump_menu{
	display: block;
	}
		
.jump_menu_item { 
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 100%; height: auto;
	margin: 0; padding: 0;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #101010;
	text-align: center;	
	font: 16px arial; color: #FFFFFF; 
	}
.jump_menu_item:hover {
	cursor: pointer;
	background-color: #FF0000;
	}
	
.jumpee {
 /* when giving an element the jumpee class, give it an ID so the menubar's jumpTo menu can recognize it and index it*/
 }	
 
/*===================================================================================================
	CONTENT STYLES
===================================================================================================*/	
							
#content {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 980px;
	height: auto; min-height: 600px;
	margin: 0 auto; padding: 0; 
	background-color: #D8D8D8; /*filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D8D8D8', endColorstr='#D8D8D8');*/
	background-image: -webkit-linear-gradient(top, #D8D8D8, #CDCDCD, #D8D8D8);
	background-image: -moz-linear-gradient(top, #D8D8D8, #CDCDCD, #D8D8D8);
	background-image: -ms-linear-gradient(top, #D8D8D8, #CDCDCD, #D8D8D8);
	background-image: -o-linear-gradient(top, #D8D8D8, #CDCDCD, #D8D8D8);
	background-image: linear-gradient(top, #D8D8D8, #CDCDCD, #D8D8D8);
	background-size: 100% 600px;
	background-repeat: repeat;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #0F3C68;
	}

/*===================================================================================================
	HOME STYLES
===================================================================================================*/	
		
#home_screen {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 980px;
	height: auto;
	margin: 0 auto; padding: 0;
	}
	
#home_title_container {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: auto;
	height: 64px;
	margin: 0 auto; padding: 0;
	background-color: #2078D8;
	}

#home_left_column_title {
	position: absolute;
	display: block;
	float: left;
	top: 0px; left: 0px;
	width: 779px;
	height: 64px;
	margin: 0; padding: 0; 
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #101010;
	}
		
#home_right_column_title {
	position: absolute;
	display: block;
	float: right;
	top: 0px; left: 780px;
	width: 200px;
	height: 64px;
	margin: 0; padding: 0;
	}

.home_title {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 100%;
	height: 64px;
	margin: 0; padding: 0;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #101010;
	font: 32px impact; color: #FFFFFF;
	text-align: center; line-height: 64px;
	}

#home_left_column_content {
	position: relative;
	display: block;
	float: left;
	top: 0px; left: 0px;
	width: 779px;
	height: auto; min-height: 600px;
	margin: 0 auto; padding: 0; 
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #101010;
	overflow: hidden;
	}
	
.home_news_post {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 779px;
	height: auto; min-height: 128px;
	margin: 0; padding: 0;
	}

.home_news_avatar {
	position: absolute;
	display: block;
	top: 0px; left: 0px;
	width: 120px;
	height: 128px;
	margin: 0; padding: 0;
	background-color: #;
	background-image: url("site_images/news_avatar.png");
	background-repeat: no-repeat;	
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #101010;
	}
	
.home_news_title {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 626px;
	height: 64px;
	margin: 0px 16px 0px 137px; padding: 0;
	font: bold 24px arial; color: #2078D8;
	text-align: center; letter-spacing: -1px; word-spacing: 0px; line-height: 64px;
	}

.home_news_date {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 626px;
	height: 24px;
	margin: 0px 16px 0px 137px; padding: 0;
	text-align: center; line-height: 24px;
	}

.home_news_content {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 626px;
	height: auto;
	margin: 16px 16px 16px 137px; padding: 0;
	background-repeat: no-repeat;
	line-height: 24px;
	}

#home_right_column_content {
	position: absolute;
	display: block;
	float: right;
	top: 79px; left: 780px;
	width: 200px;
	height: auto;
	margin: 0 auto; padding: 0;
	}

#home_options_container {
	position: relative;
	display: block;
	top: 0px;
	width: auto;
	height: auto;
	margin: 0 auto; padding: 0;
	}

.home_post_option {
	position: relaitve;
	display: block;
	width: 200px;
	height: auto;
	margin: 0; padding: 16px 0px 16px 0px;
	font: bold 20px arial; color: #2078D8;
	text-align: center; letter-spacing: -1px; word-spacing: 0px; line-height: 32px;
	}

/*===================================================================================================
	CHOOSE THE STYLE OF CONTENT
===================================================================================================*/	
		
#choose_screen {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 980px;
	height: auto;
	margin: 0 auto; padding: 0;
	}
	
#choose_title {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 100%; min-width: 980px;
	height: 64px;
	margin: 0; padding: 0;
	background-color: #2078D8;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #101010;
	font: 32px impact; color: #FFFFFF;
	text-align: center; line-height: 64px;
	}
	
#choose_menu_container {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 600px;
	height: auto;
	margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;
	background-color: #2078D8;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #101010;
	}
	
.choose_menu_game {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 300px;
	height: 148px;
	margin: 0 auto; padding: 0;
	opacity: 0.9;
	background-color: #2078D8;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("site_chars_images/game_logo.png");
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #101010;
	text-align: center; letter-spacing: -1px; word-spacing: 0px;
	}
.choose_menu_game:hover {
	opacity: 1.0;
	cursor: pointer;
	background-color: #002383;	
	}

.choose_menu_game_title {
	position: absolute;
	display: none;
	bottom: 0px; left: 0px;
	width: 300px;
	height: auto;
	margin: 0; padding: 0;
	background-color: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2078D8', endColorstr='#50C8FF');
	background-image: -webkit-linear-gradient(left, rgba(64,64,64,0.5), rgba(128,128,128,1.0), rgba(64,64,64,0.5));
	background-image: -moz-linear-gradient(left, rgba(64,64,64,0.5), rgba(128,128,128,1.0), rgba(64,64,64,0.5));
	background-image: -ms-linear-gradient(left, rgba(64,64,64,0.5), rgba(128,128,128,1.0), rgba(64,64,64,0.5));
	background-image: -o-linear-gradient(left, rgba(64,64,64,0.5), rgba(128,128,128,1.0), rgba(64,64,64,0.5));
	background-image: linear-gradient(left, rgba(64,64,64,0.5), rgba(128,128,128,1.0), rgba(64,64,64,0.5));
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #101010;
	font: bold 16px arial; color: #FFFFFF;
	text-align: center; letter-spacing: 0px; word-spacing: 0px; line-height: 24px;
	}
.choose_menu_game:hover .choose_menu_game_title {
	display: block;
	}

/*===================================================================================================
	LISTS
===================================================================================================*/	
	
#block_container {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 100%; min-width: 980px;
	height: auto;
	margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;
	background-color: transparent;
	}

.block {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 100%; min-width: 980px;
	height: auto; min-height: 140px;
	margin: 0; padding: 0;
	background-color: #2078D8; 
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2078D8', endColorstr='#2078D8');
	background-image: -webkit-linear-gradient(left, #2078D8, #002266, #2078D8);
	background-image: -moz-linear-gradient(left, #2078D8, #002266, #2078D8);
	background-image: -ms-linear-gradient(left, #2078D8, #002266, #2078D8);
	background-image: -o-linear-gradient(left, #2078D8, #002266, #2078D8);
	background-image: linear-gradient(left, #2078D8, #002266, #2078D8);
	}
	
.download {
	position: absolute;
	display: block;
	top: 54px; left: 430px;
	width: 120px; height: 33px;
	margin: 0 padding: 0;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 360px 33px;
	background-image: url("site_images/download.png");
	-webkit-transition: all 0ms;
	-moz-transition: all 0ms;
	-o-transition: all 0ms;
	transition: all 0ms;
	}
.download:hover {
	cursor: pointer;
	background-position: -120px 0px;
	-webkit-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	-moz-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	-ms-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	-o-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	}
.download:hover~.portrait {
	z-index: 9;
	background-color: #FF00FF;
	border-width: 0px 1px 0px 0px;
	border-top-right-radius: 24px 24px; border-top-left-radius: 24px 24px;
	border-bottom-right-radius: 24px 24px; border-bottom-left-radius: 24px 24px;
	-webkit-transform: matrix(1.25, 0.0, 0.0, 1.25, 0, 0);
	-moz-transform: matrix(1.25, 0.0, 0.0, 1.25, 0, 0);
	-ms-transform: matrix(1.25, 0.0, 0.0, 1.25, 0, 0);
	-o-transform: matrix(1.25, 0.0, 0.0, 1.25, 0, 0);
	transform: matrix(1.25, 0.0, 0.0, 1.25, 0, 0);
	}
.download:hover~.portrait .name {
	z-index: 9;
	opacity: 0.0;
	}
	
.broken_download {
	position: absolute;
	display: block;
	top: 54px; left: 430px;
	width: 120px; height: 33px;
	margin: 0 padding: 0;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 360px 33px;
	background-image: url("site_images/download.png");
	-webkit-transition: all 0ms;
	-moz-transition: all 0ms;
	-o-transition: all 0ms;
	transition: all 0ms;
	}
.broken_download:hover {
	cursor: pointer;
	background-position: -240px 0px;
	-webkit-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	-moz-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	-ms-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	-o-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	}
	
.download_counter {
	position: absolute;
	display: block;
	bottom: 0px; left: 390px;
	width: auto; min-width: 200px; max-width: 448px;
	height: 24px;
	margin: 0 auto; padding: 0;
	background-color: #C0C0C0;
	background-image: -webkit-linear-gradient(top, #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -moz-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -ms-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -o-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #101010;
	border-top-right-radius: 8px 8px; border-top-left-radius: 8px 8px;
	font: bold 16px arial; color: #000000;
	text-align: center; line-height: 24px;
	}

.portrait {
	position: relative;
	display: block;
	z-index: 1;
	top: 0px; left: 0px;
	float: left;
	width: 120px; height: 140px;
	margin: 0; padding: 0;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	background-color: #C0C0C0;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*background-image: url("site_chars_images/custom/custom_portrait.png");*/
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
	}

.name {
	position: absolute;
	display: block;
	z-index: 1;
	bottom: 0px; left: 0px;
	width: 100%;
	height: auto;
	margin: 0; padding: 0;
	background-color: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2078D8', endColorstr='#50C8FF');
	background-image: -webkit-linear-gradient(left, rgba(64,64,64,0.5), rgba(128,128,128,1.0), rgba(64,64,64,0.5));
	background-image: -moz-linear-gradient(left, rgba(64,64,64,0.5), rgba(128,128,128,1.0), rgba(64,64,64,0.5));
	background-image: -ms-linear-gradient(left, rgba(64,64,64,0.5), rgba(128,128,128,1.0), rgba(64,64,64,0.5));
	background-image: -o-linear-gradient(left, rgba(64,64,64,0.5), rgba(128,128,128,1.0), rgba(64,64,64,0.5));
	background-image: linear-gradient(left, rgba(64,64,64,0.5), rgba(128,128,128,1.0), rgba(64,64,64,0.5));
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-top-radius: 23px 23px;
	border-color: #101010;
	font: bold 16px arial; color: #FFFFFF;
	text-align: center; letter-spacing: 0px; word-spacing: 0px; line-height: 23px;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
	}
.portrait:hover .name {
	display: none;
	}

.data {
	position: relative;
	display: inline;
	top: 0px; left: 0px;
	float: left;
	width: 120px; height: 140px;
	margin: 0; padding: 0;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	background-color: #C0C0C0;
	}
	
.data_type {	
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 100%; height: 22px;
	margin: 0; padding: 0;
	background-color: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2078D8', endColorstr='#50C8FF');
	background-image: -webkit-linear-gradient(left, rgba(32,120,216,0.9), rgba(32,200,255,0.75), rgba(80,120,216,0.9));
	background-image: -moz-linear-gradient(left, rgba(32,120,216,0.9), rgba(32,200,255,0.75), rgba(80,120,216,0.9));
	background-image: -ms-linear-gradient(left, rgba(32,120,216,0.9), rgba(32,200,255,0.75), rgba(80,120,216,0.9));
	background-image: -o-linear-gradient(left, rgba(32,120,216,0.9), rgba(32,200,255,0.75), rgba(80,120,216,0.9));
	background-image: linear-gradient(left, rgba(32,120,216,0.9), rgba(32,200,255,0.75), rgba(80,120,216,0.9));
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #101010;
	font: bold 16px arial; color: #FFFFFF;
	text-align: center; line-height: 22px;
	}
	
.data_type_info {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 100%; height: 23px;
	margin: 0; padding: 0;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #101010;
	font: bold 12px arial; color: #000000;
	text-align: center; line-height: 23px;
	}
	
.description {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	float: left;
	width: 550px;
	height: 32px;
	margin: 0 auto; padding: 0;
	background-color: #C0C0C0; /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C0C0C0', endColorstr='#C0C0C0');*/ 
	background-image: -webkit-linear-gradient(top, #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -moz-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -ms-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -o-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #101010;
	font: bold 16px arial; color: #000000;
	text-align: center; line-height: 32px;
	}
							
.screenshot_cover {
	position: absolute;
	display: left;
	z-index: 5;
	top: 0px; right: 0px;
	width: 187px; height: 140px;
	margin: 0; padding: 0;
	background-color: #C0C0C0; /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C0C0C0', endColorstr='#C0C0C0');*/ 
	background-image: -webkit-linear-gradient(top, #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -moz-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -ms-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -o-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	transition: all 250ms;
}
.screenshot_cover:hover {
	z-index: 10;
	opacity: 0.0;
	cursor: pointer;
	border-top-right-radius: 24px 24px; border-top-left-radius: 24px 24px;
	border-bottom-right-radius: 24px 24px; border-bottom-left-radius: 24px 24px;
	-webkit-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	-moz-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	-ms-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	-o-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	}

.screenshot_cover_text {
	position: relative;
	display: block;
	top: 46px; left: 0px;
	width: 100%; height: auto;
	margin: 0; padding: 0;
	background-color: transparent;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	font: bold 24px arial; color: #000000;
	text-align: center; line-height: 24px;
}
	
.screenshot {
	position: relative;
	display: block;
	z-index: 0;
	top: 0px; left: 0px;
	float: right;
	width: 187px; height: 140px;
	margin: 0; padding: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 187px 140px;
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	transition: all 250ms;
}

.screenshot_cover:hover+.screenshot {
	z-index: 9;
	cursor: pointer;
	border-top-right-radius: 24px 24px; border-top-left-radius: 24px 24px;
	border-bottom-right-radius: 24px 24px; border-bottom-left-radius: 24px 24px;
	-webkit-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	-moz-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	-ms-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	-o-transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	transform: matrix(2.0, 0.0, 0.0, 2.0, 0, 0);
	}
/* matrix math (stupid matrix's roatation limitations forces me to not use unncessary code. >:/)
	0.0	-1.0 0	2.0	0.0	0	0.0	-2.0 0
	1.0	0.0 0 x	0.0	2.0	0 =	2.0	0.0  0
	0	0	1	0	0	1*/
	
/*===================================================================================================
	EMAIL STYLES
===================================================================================================*/	
		
#email_screen {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 980px;
	height: 600px;
	margin: 0 auto; padding: 0;
	}
	
#email_title {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 100%; min-width: 980px;
	height: 64px;
	margin: 0; padding: 0;
	background-color: #2078D8;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #101010;
	font: 32px impact; color: #FFFFFF;
	text-align: center; line-height: 64px;
	}
	
#email_form { 
	position: relative;
	display: block;
	width: 980px;
	margin: 16px 0px 0px 0px; padding: 0;
	text-align: center;
	}	

.email_error { 
	position: relative;
	display: inline;
	width: auto;
	height: auto;
	margin: 0; padding: 0;
	color: red;
	text-align: center;
	}	

#email_success { 
	position: relative;
	display: block;
	width: 980px;
	margin: 0; padding: 0;
	color: green;
	text-align: center;
	}	
	
/*===================================================================================================
	BACK ARROWS
===================================================================================================*/	

.back_arrow { 
	position: absolute;
	display: block;
	top: 0px; left: 0px;
	width: 44px;
	height: 100%; min-height: 44px;
	margin: 0 ; padding: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px;
	background-image: url("site_images/arrow_left.png");
	}	
.back_arrow:hover {
	cursor: pointer;
	background-position: -44px;
	}	

.forward_arrow { 
	position: absolute;
	display: block;
	top: 0px; right: 0px;
	width: 44px;
	height: 100%; min-height: 44px;
	margin: 0 ; padding: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: -44px;
	background-image: url("site_images/arrow_right.png");
	}	
.forward_arrow:hover {
	cursor: pointer;
	background-position: 0px;
	}	
												
/*===================================================================================================
	BOTTOM OF PAGE STYLES
===================================================================================================*/	

.spacer1 {
	position: relative;
	display: block;
	width: 980px;
	height: 13px;
	margin: 0 auto; padding: 0;
	background-color: #000000;
	background-image: url("site_images/spacer1.png");
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #101010;
	}

.spacer2 {
	position: relative;
	display: block;
	width: 100%;
	height: 13px;
	margin: 0 auto; padding: 0;
	background-color: #999999;
	background-image: url("site_images/spacer2.png");
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #101010;
	}

.spacer3 {
	position: relative;
	display: block;
	visibility: hidden;
	width: 100%;
	height: 40px;
	margin: 0 auto; padding: 0;
	background-color: #D8D8D8;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #101010;
	}

#site_bottom {
	position: relative;
	display: block;
	bottom: 0px;
	width: 980px;
	height: 48px;
	margin: 0 auto; padding: 0;
	background-color: #C0C0C0; /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C0C0C0', endColorstr='#C0C0C0');*/
	background-image: -webkit-linear-gradient(top, #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -moz-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -ms-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: -o-linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-image: linear-gradient(top,  #C0C0C0, #E0E0E0, #C0C0C0);
	background-size: 100% 100%;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-bottom-right-radius: 24px 24px; border-bottom-left-radius: 24px 24px;
	border-color: #101010;
	text-align: center; line-height: 48px;
	}

/*===================================================================================================
	MISC STYLES
===================================================================================================*/	
		
#donate {
	position: absolute;
	display: block;
	top: 8px; right: 0px;
	margin: 0; padding: 0;
	}

/*Float Fix*/	
.clearfix {
	clear: both;
	}
	
/*Fixes*/	
.clearfix2::after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	}
		
/*Get Width of Scroll Bar*/	
.scroll_get {
  position: absolute;
  visibility: hidden;
  top: -99999999999999px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/*Make a Div unslectable*/	
.unselectable {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}