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

/* ----------------- Png ----------------- */
img, div, a{
	behavior: url(Scripts/iepngfix.htc);
}
	
/* ----------------- Reset ----------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
	
.clear	{ clear: both; overflow:hidden;}

/* ----------------- Body ----------------- */
body{
	background-image: url(../Files/Design/header.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-color: #FFF;
	text-align:center;
}

/* ----------------- Layout ----------------- */
#wrapper{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:960px;
	text-align:left;
	padding-top:100px;
}
#top{
	width:960px;
	height:288px;
	padding-bottom:20px; 
}
#video{
	float:right;
	width:450px;
	height:278px;
	background-image: url(../Files/Design/player.png);
	padding-top:5px;
	padding-left:10px;
	overflow:hidden;
}
#intro {
	float:right;
	width:260px;
	height:248px;
	background-image: url(../Files/Design/intro.png);
	background-repeat: no-repeat;
	margin-right:20px;
	padding:20px;
	overflow:hidden;
}
#content{
	width:960px;
}
#text{
	float:left;
	width:640px;
	margin-right:20px;
}
#promo {
	float:left;
	height:240px;
	width:260px;
	background-image: url(../Files/Design/promo.png);
	background-repeat: no-repeat;
	padding:20px;
}
#text1{
	width:640px;
	height:20px;
	background-image: url(../Files/Design/text1.png);
	overflow:hidden;
}
#text2{
	width:600px;
	padding-left:20px;
	padding-right:20px;
	background-image: url(../Files/Design/text2.png);
}
#footer{
	width:100%;
	background-image: url(../Files/Design/footer.png);
	height:222px;
	background-position: center top;
	text-align:center;
}
#copyright{
	position:relative;
	width:960px;
	height:222px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}
#terms{
	position:absolute;
	left:250px;
	bottom:10px;
	width: 480px;
	height:72px;
}
#character{
	position:absolute;
	right:0px;
	bottom:30px;
	width:300px;
	height:298px;
}
.products{
	float:right;
	padding-left:10px;
}
#holder{
	height:106px;
}

/* ----------------- Logo ----------------- */

#logo {
	position:absolute;
	left:30px;
	bottom:20px;
	width:193px;
	height:49px;
	background: url("../Files/Design/logo.gif") no-repeat 0 0;
}

#logo:hover
{ 
  background-position: 0 -49px;
}