html, body {
    padding: 0;
    margin: 0;
    
    
    }
html {
    font-size: 1em;
    height: 100%;

    }
body {
    font-size: 100%;
    height: 100%;
	background-color: #151413;
	background-color: white;

    }

a img, :link img, :visited img {
    border: 0;
    }

#nonFooter
    {
        position: relative;
        min-height: 100%;
        /* background: url(http://www.fiiiiight.com/image/header4.jpg) top center repeat-x; */
    }

* html #nonFooter
    {
        height: 100%;
        
    }


#video{
position:relative;
bottom:415px;

}



#left
{

	position:absolute;
	width: 600px;
	height:575px;
	background: url(http://www.fiiiiight.com/image/playground.png) top center no-repeat;
	float:left;
	display: block;
	background-position: center;
	bottom: 0px;
	
}


#right
{

	position:relative;
	padding-top: 50px;
	width: 500px;
	height:400px;
	background-color: transparent;
	float:right;
	display: block;
	background-position: center;
	bottom: 0px;
	color:black;
	font-family: Chalkboard;
	padding-right: 50px;
	font-size: small;
	padding-bottom: 20px;
	
	
}

#right .space{
margin-left:20px;

}




#right #title
{

	position:relative;
	
	width: 100%;
	height:50px;
	background-color: transparent;
	float:right;
	display: block;
	background-position: center;
	bottom: 0px;
	color:black;
	font-family: Chalkboard;

	font-size: x-large;
	
}



#right #linkbox
{

	position:relative;
	padding-top: 40px;
	width: 100%;
	height:50px;
	background-color: transparent;
	float:right;
	display: block;
	background-position: center;
	bottom: 0px;
	color:black;
	font-family: Chalkboard;
	text-align: right;
	font-size: x-small;
	
}


#right .signup
{

	position:relative;
	padding-top: 5px;
	text-align: right;
	width: 100%;
	/* height:200px; */
	background-color: transparent;
	float:right;
	display: block;
	text-decoration: underline;
	bottom: 0px;
	color:black;
	font-family: Chalkboard;
	font-size: x-small;
}



#right .box{
	clear: both;
	overflow: auto;
	background-color: white;
	color:black;
	font-family: Chalkboard;
	font-size: x-large;
	height: 30px;
	width: 500px;
	border-color: black;
	
	
}


#right .enter{
	clear: both;
	overflow: auto;
	float:right;
	margin-right: 50px;
	margin-top: 10px;
	/* background-color: #fff; */
	/* background-color: black; */
	/* background-color:#f30;opacity : 0.5; */
	background-color: black;
	font-size: medium;
	color:white;
	font-family: Chalkboard;
	cursor: pointer;
	border-color: black;
	
}


#right .enter:hover{
	clear: both;
	overflow: auto;
	float:right;
	margin-right: 50px;
	margin-top: 10px;
	/* background-color: #fff; */
	/* background-color: black; */
	/* background-color:#f30;opacity : 0.5; */
	background-color: grey;
	font-size: medium;
	color:white;
	font-family: Chalkboard;
	cursor: pointer;
	border-color: black;
	
}


#footer
	{
		display: block;
		margin:auto;
		background-color: black;
		height:20px;
		font-family: Bradley Hand ITC TT;
		font-size:small;
		color: white;
		

	}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

	* html #footer
	{
		margin-top: -7.4em;
	}







a:link {text-decoration:none; color: black;}     /* unvisited link */
a:visited {text-decoration:none; color: black;}  /* visited link */
a:hover {text-decoration:line-through; color: gray;}   /* mouse over link */
a:active {text-decoration:line-through; color: gray;}   /* selected link */

a.active:link {text-decoration:underline; color: black;}     /* unvisited link */
a.active:visited {text-decoration:underline; color: black;}  /* visited link */
a.active:hover {text-decoration:underline; color: gray;}   /* mouse over link */
a.active:active {text-decoration:underline; color: gray;}   /* selected link */

a.active2:link {text-decoration:none; color: black; font-size: small;}     /* unvisited link */
a.active2:visited {text-decoration:none; color: black;font-size: small;}  /* visited link */
a.active2:hover {text-decoration:line-through; color: gray;font-size: small;}   /* mouse over link */
a.active2:active {text-decoration:line-through; color: gray;font-size: small;}   /* selected link */


a.active3:link {text-decoration:underline; color: black;}     /* unvisited link */
a.active3:visited {text-decoration:underline; color: black;}  /* visited link */
a.active3:hover {text-decoration:underline; color: gray;}   /* mouse over link */
a.active3:active {text-decoration:underline; color: gray;}   /* selected link */


a.non:link {text-decoration:none; color: black; border: 0px;}     /* unvisited link */
a.non:visited {text-decoration:none; color: black;}  /* visited link */
a.non:hover {text-decoration:none; color: black;}   /* mouse over link */
a.non:active {text-decoration:none; color: black;}   /* selected link */