@charset "utf-8";
/* CSS Document */
body{	
font-size:12px;	
font-family:Arial, Helvetica, sans-serif;
background:#000000;

}
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{ margin: 0;	padding: 0;		}
.cbody{ margin:0 auto;width:963px; position:relative;}
input,select,textarea{	vertical-align:middle;}
img{ border:0;}
ul,li{	list-style-type:none;}
a:link,a:visited{
text-decoration:none;
}
a:hover{text-decoration:underline;}

.left{	float:left;	}
.right{	float:right;	}

.overhide{
	overflow:hidden;
	text-indent:-100em;
	}
.mabottom{
	margin-bottom:10px;
	}

/* `Containers
----------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

#header{
	height:121px;
	background:url(../image/bg.jpg) repeat-y;
	position:relative;
	z-index:4;
	}
	
	
	/*----MENU----*/
	
	
#menu{
	height:37px;
	position:absolute;
	bottom:0px;
	+bottom:-1px;
	background:#1D1D1D url(../image/menbg.jpg) no-repeat 7px 8px;
	
	width:960px;
	left:1px;
	}
#menu li{
	width:119px;
	height:22px;
	position:absolute;
	top:8px;
	}

#sub{
	position:absolute;
	left:481px;
	bottom:-38px;
	background:url(../image/subBg.jpg) no-repeat;
	width:119px;
	height:46px;
	}
#menu li.men01{	left:7px;	}
#menu li.men02{	left:126px;	}
#menu li.men03{	left:245px;	}
#menu li.men04{	left:364px;	}
#menu li.men05{	left:483px;	}
#menu li.men06{	left:602px;	}
#menu li.men07{	left:721px;	}
#menu li.men08{	left:840px;	}

#menu  li span,#menu  li a{
	display:block;
	width:119px;
	height:22px;
	text-indent:-100em;
	overflow:hidden;
	cursor:pointer;
	}
#menu  li {	background-repeat:no-repeat;	}
.menhover01,,.menA01{	background-image:url(../image/menhover.jpg);	background-position:0 0;	}	
.menhover02,.menA02{	background-image:url(../image/menhover.jpg);	background-position:-119px 0; }
.menhover03,.menA03{	background-image:url(../image/menhover.jpg);	 background-position:-238px 0; }
.menhover04,.menA04{	 background-image:url(../image/menhover.jpg);	 background-position:-357px 0; }
.menhover05,.menA05{	background-image:url(../image/menhover.jpg);	 background-position:-476px 0; }
.menhover06,.menA06{	background-image:url(../image/menhover.jpg);	 background-position:-595px 0; }
.menhover07,.menA07{	background-image:url(../image/menhover.jpg);	background-position:-714px 0; }
.menhover08,.menA08{	 background-image:url(../image/menhover.jpg);	background-position:-833px 0; }

#sub li span{
	display:block;
	width:119px;
	height:23px;
	text-indent:-100em;
	overflow:hidden;
	cursor:pointer;
	}
.menhover09{
	background:url(../image/subhover.jpg) no-repeat 0 0;
	}
.menhover010{
	background:url(../image/subhover.jpg) no-repeat 0 -23px;
	}

#wraper{
	background:url(../image/bg.jpg) repeat-y;
	min-height:430px;
	_height:430px;
	}
.target{
	padding-left:7px;
	}
#homebtn{
	padding-left:7px;
	}
#header h1{
	width:143px;
	height:64px;
	position:relative;
	left:32px;
	top:10px;
	display:block;
	}
#header h1 a{
	background:url(../image/logo.jpg) no-repeat;
	width:143px;
	height:64px;
	display:block;
	}
#header h1 a:hover{
	background:url(../image/logo1.jpg) no-repeat;
	}




/*----PAGE BACKGROUNDS----*/


	#aboutbckgrnd{
	background:url(../../images/aboutbckgrnd.jpg) no-repeat;
	}
	
	#techbckgrnd{
	background:url(../../images/techbckgrnd.jpg) no-repeat;
	}
	
	#betterbckgrnd{
	background:url(../../images/betterbckgrnd.jpg) no-repeat;
	}
	
	#storybckgrnd{
	background:url(../../images/betterbckgrnd.jpg) no-repeat;
	}
	
	#techbckgrnd, #aboutbckgrnd, #betterbckgrnd, #storybckgrnd{
	width:949px;
	margin-left: 2px;
	}
	
	
	
/*----SURROUNDS NEW CONTENT SO THAT THE TEXT IS INDENTED ON THE LEFT BY 45PX----*/
	
	
	#privacy {
	color:#CCCCCC;
	}
	
	#privacy p {
	padding: 10px 25px 0px 45px;
	line-height:18px;
	}
	
	#privacy h1 {
	padding: 25px 25px 5px 45px;
	font-size:15px;
	color:#ffffff;
	}
	
	#privacy h2 {
	margin: 25px 25px 0px 45px;
	font-size:14px;
	color:#666666;
	}
	
	#privacy h3 {
	margin: 15px 25px 0px 45px;
	font-size:12px;
	}
	
	#privacy ul {
	padding: 10px 25px 0px 65px;
	}
	
	#privacy li {
	padding: 10px 25px 0px 0px;
	list-style-type:disc;
	
	}
	
	
	/*----STYLES FOR PRESS PAGE----*/
	
	
	#press {
	color:#CCCCCC;
	}
	
	#press p {
	padding: 10px 25px 0px 0px;
	line-height:18px;
	}
	
	#press h1 {
	padding: 25px 25px 5px 45px;
	font-size:15px;
	color:#ffffff;
	}
	
	#press h2 {
	margin: 25px 25px 0px 45px;
	font-size:14px;
	color:#666666;
	}
	
	
	
	/*----STYLES FOR LINKS----*/
	
	a.bluelnk 
	{
	color:#0099FF;
	text-decoration:none;
	}
	
	a:hover.bluelnk 
	{
	color:#999999;
	}
	
	a:active.bluelnk 
	{
	color:#999999;
	}
	
	
	a.greylnk 
	{
	color:#666666;
	text-decoration:none;
	}
	
	
	a.whitelnk 
	{
	color:#ffffff;
	text-decoration:none;
	}
	
	
	a:hover.whitelnk, a:hover.greylnk
	{
	color:#0099FF;
	}
	
	a:active.whitelnk, a:active.greylnk 
	{
	color:#666666;
	}
	
	
	
	
	/*----CLASSES FOR COLOUR AND IMAGE POSITION----*/
	
	
	.blue {
	color:#0099FF;
	}
	
	
	.imageleft {
	margin: 10px 0px 0px 45px;
	}
	
	




	/*----SIMON'S STYLES----*/

	/*----FOOTER----*/


#footer{
	background:url(../image/footerBg.jpg) top no-repeat;
	height:30px;
	text-align:center;
	padding-top:15px;
	}
	
	
	
#flash{
	width:949px;
	height:430px;
/*	background:url(../image/flashBg.jpg) repeat-x;*/
	}
	
	
	
#music{
	position:absolute;
	right:17px;
	top:15px;
	width:120px;
	height:60px;
	}

#wraper2{
	background:url(../image/bg.jpg) repeat-y;
	color:#FFF;
	}
#wLeft{
	float:left;
	width:545px;
	position:relative;
	left:51px;
	margin-top:21px;

	}
#storetitle{
	background:url(../image/onlinestore.jpg) no-repeat;
	text-indent:-100em;
	overflow:hidden;
	height:30px;
	}
.onList{
	width:545px;
	height:200px;
	position:relative;
	
	padding-top:20px;
	}
.onListline{
	border-top:1px solid #363636;
	}
.onList img{
	float:left;
	margin-right:15px;
	}
.onList dl{
	float:left;
	width:250px;
	position:relative;
	height:181px;
	}
.onList dl dt{
	font-size:14px;
	font-weight:bold;
	margin-bottom:4px;
	line-height:16px;
	}
.onList dl dd{
	line-height:16px;
	}
.liprize{
	position:absolute;
	bottom:40px;
	}
.liprize tt{
	color:#03ABEA;
	}

.wpsc_buy_button{
	background:url(../image/btn.jpg) no-repeat;
	width:127px;
	height:31px;
	border:0px;
	color:#FFF;
	position:absolute;
	bottom:0px;
	}