img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

@font-face {
	font-family: 'MangaTempleBold';
	src: url('mangatb.eot');
	src: local('Manga Temple'), local('MangaTempleBold'), url('mangatb.woff') format('woff'), url('mangatb.ttf') format('truetype');
}

@font-face {
	font-family: 'MangaTempleRegular';
	src: url('mangat.eot');
	src: local('Manga Temple'), local('MangaTemple'), url('mangat.woff') format('woff'), url('mangat.ttf') format('truetype');
}

body {
	/* These rules have no effect on the functionality */
	/* They are for styling only */
	margin: 0;
	padding: 20px 0 0 0;
	autoflow:hidden;
}
#mainpage {
	top: 0px;
	bottom: 0px;
	overflow: hidden;
}	
#header {
	top: 20px;
	width:978px;
	left:50%;
	margin-left: -498px;
	height: 140px;
	position: fixed;
	z-index: 1;
	color: #000000;	
	font-family: MangaTempleRegular;
	font-size: 14px;
}
#logo {
	position:relative;
	top:10px;
	left:20px;
	float: left;
}
#scarlogo {
	position:relative;
	top:20px;
	right:0px;
	float: right;
}
#fb {
	position:relative;
	top:22px;
	right:0px;
	float: right;
}
#twit {
	position:relative;
	top:23px;
	right:0px;
	float: right;
}
#menu {
	position:absolute;
	top:135px;
	left:50px;
	color: #000000;
}
#menu a:link {
	color: #000000;
	text-decoration: none;
}
#menu a:visited {
	color: #000000;
	text-decoration: none;
}
#menu a:hover {
	color: #990000;
	text-decoration: underline;
	cursor:pointer;
}
#content {
	position: absolute;
	width: 978px;
	left:50%;
	margin-left: -498px;
	overflow:hidden;
	top: 150px;
	bottom: 22px;
	right: 0px;
	padding-top:5px;
}
#welcome {
	position:absolute;
	top:45px;
	left:50px;
	width:62%;
	bottom:10px;
	overflow:auto;
	float: left;
	font-size: 14px;
	color: #000000;	
	font-family: "Century Gothic";
	font-size: 14px;
}
#welcome a:link, :visited {
	color: #73020E;
	text-decoration: none;
	font-weight: bold;
}
#welcome a:hover {
	color: #990000;
	font-weight: bold;
}
.header{
	font-size: 18px;
	font-family: MangaTempleBold;
}
.subheader{
	font-size: 13px;
	font-family: MangaTempleBold;
}
#subheader1{
	position:absolute;
	top:30px;
	left:220px;
	font-size: 13px;
	font-family: MangaTempleBold;
	color: #990000;
	text-align: left;
	vertical-align: top;
}
#subheader2{
	position:absolute;
	top:30px;
	left:690px;
	font-size: 13px;
	font-family: MangaTempleBold;
	color: #990000;
	text-align: left;
	vertical-align: top;
}
#subheader1a{
	position:relative;
	top:0px;
	left:0px;
	font-size: 13px;
	font-family: MangaTempleBold;
	color: #990000;
	text-align: left;
	vertical-align: top;
}
#subheader2a{
	position:relative;
	top:0px;
	left:0px;
	font-size: 13px;
	font-family: MangaTempleBold;
	color: #990000;
	text-align: left;
	vertical-align: top;
}
.smaller{
	font-size: 12px;
	font-family: "Century Gothic";
}
#madsam {
	position:relative;
	top:100px;
	right:-220px;
	float: right;
	z-index:5;
}
#cover {
	position:relative;
	top:-13px;
	right:-5px;
	float: right;
}
#sun {
	position:relative;
	top:130px;
	right:-235px;
	float: right;
	z-index:5;
}
#footer {
	position: absolute;
	height: 25px;
	width: 978px;
	left:50%;
	margin-left: -498px;
	padding-Top:3px;
	bottom: 0px;
	overflow:hidden;
	font-family: "Century Gothic";
	font-size: 12px;
	color: #5A0709;
	line-height: 18px;
	text-align: center;
}
#footer a:link {
	color: #5A0709;
	text-decoration: none;	
}
#footer a:visited {
	color: #5A0709;
	text-decoration: none;	
}
#footer a:hover {
	color: #990000;
	text-decoration: underline;	
}
.simple_overlay {
	display:none;
	z-index:10000;
	position: absolute;
	vertical-align: top;
	padding: 5px;
	color: #330506;
	background-color: #FFFFFF;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
   background-image:url(../images/overlay/apple-close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:25px; 
    width:25px; 
}
#previewbox {
	font-family: "Century Gothic";
	font-size: 14px;
	width:800px;
	height:520px;
	overflow:hidden;
	text-align: center;
}
#reviewbox {
	font-family: "Century Gothic";
	font-size: 14px;
	width:700px;
	height:420px;
	overflow:hidden;
	text-align: left;
	padding: 10px;
}
#reviewbox a:link {
	color: #73020E;
	text-decoration: none;
	font-weight: bold;
}
#reviewbox a:visited {
	color: #73020E;
	text-decoration: none;
	font-weight: bold;
}
#reviewbox a:hover {
	color: #73020E;
	text-decoration: underline;
	cursor:pointer;
}
#trailerbox {
	font-family: "Century Gothic";
	font-size: 14px;
	width:650px;
	height:420px;
	overflow:hidden;
	text-align: center;
}
#trailerbox a:link, :visited {
	color: #73020E;
	text-decoration: none;
	font-weight: bold;
}
#trailerbox a:hover {
	color: #73020E;
	text-decoration: underline;
	cursor:pointer;
}
#previewpics {
	height:100%;
	overflow:auto;
}
.form {
	font-family: "Century Gothic";
	background-color: #FFFFFF;
	border: 1px solid #990000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
	font-size: 12px;
}
.formboxerror {
	font-family: "Century Gothic";
	background-color: #FFACA3;
	border: 1px solid #990000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
	font-size: 12px;
}
.formsubmit {
	font-family: "Century Gothic";
	background-color: #FFFFFF;
	border: 1px solid #990000;
	font-size: 12px;
	-moz-border-radius:2px; 
    -webkit-border-radius:2px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
	}	
.formsubmit:hover {
	border: 1px solid #FFFFFF;
	background-color: #990000;
	color: #FFFFFF;
}
#creators {
	position:absolute;
	top:45px;
	left:50px;
	width:920px;
	bottom:10px;
	overflow:auto;
	float: left;
	font-size: 14px;
	color: #000000;
	font-family: "Century Gothic";
	font-size: 14px;
}
#creators a:link, :visited {
	color: #73020E;
	text-decoration: none;
	font-weight: bold;
}
#creators a:hover {
	color: #990000;
	font-weight: bold;
}