body {
	background: #000 url(background.gif) 50% 0 repeat-x;
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 80%;
	color: #999;
}

span.highlight {
  color:#dd852c;
}

span.space {
  display: block;
  padding-top: 20px;
}

h2.highlight {
	color: #f00;
}

a {
  color: #09f;
}

form {
	padding-top: 0px;
	margin-bottom: 20px;
}

form input.text {
	border: solid 2px #ff9933;
  color: #fff;
	padding: 5px;
	font-size: inherit;
	font-family: inherit;
	width: 225px;
/*
  height: 24px;
  line-height: 24px;
*/
	background: url(input-bg.png) 0 0 repeat-x;
}

form fieldset {
	border: none;
/*
	width: 330px;
*/
	margin: 20px auto 0;
	padding: 0px 15px 0;
	text-align: left;
}

div#notshowform {
  width: 265px;
  padding-bottom: 40px;
}

div#notshowform p {
  padding-left: 5px;
  margin: 20px auto;
}

form fieldset.top {
	border-top: none;
/*
	width: 330px;
*/
	margin: 20px auto 0;
	padding: 0px 15px 0px;
}

form fieldset legend {
	display: none;
}

form fieldset p {
	margin: 0 !important;
}

form fieldset div {
	margin-top: 20px;
}

form fieldset div p {
	margin-bottom: 5px !important;
}

/* ========================================================================== */

#wrapper {
	background: url(flames.jpg) 50% 0 no-repeat;
	min-width: 900px;
	text-align: center;
}

#header {
	width: 900px;
	height: 285px;
	position: relative;
	margin: 0 auto;
	padding-top: 30px;
	text-align: left;
}

#header h1 {
	width: 364px;
	height: 252px;
	background: url(title_24.png) 0 0 no-repeat;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/title_24.png',sizingMethod='image') !important;
	text-indent: -500em;
	margin: 0 auto;
	overflow: hidden;
}

#header #yb_logo {
	position: absolute;
	top: 16px;
	left: 31px;
	width: 110px;
	height: 70px;
	margin: 0;
	padding: 0;
	text-indent: -500em;
	background: url(yb_24.png) 0 0 no-repeat;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/yb_24.png',sizingMethod='image') !important;
	overflow: hidden;
}

div#center {
  background:#000;
  margin:0 auto;
  width:840px;
}

#left {
  float:left;
  width:524px;
  margin-left:10px;
}

#right {
  color: #ccc;
  float:right;
  width:264px;
  background: url(login-top.png) 0 0 no-repeat;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
/*
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/login_top.png',sizingMethod='image') !important;
*/
}

#right h2#startnow {
	width: 221px;
	height: 32px;
	background: url(start-playing-now.png) 0 0 no-repeat;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/start-playing-now.png',sizingMethod='image') !important;
	text-indent: -500em;
	margin: 0 auto;
	overflow: hidden;
}

.content.wide {
	width: 500px;
	margin: 0 auto;
	text-align: center;
}

.content h2 {
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 2em;
	margin: 5px;
  color: #f00;
}

.content p {
	margin: 0 0 15px;
	font-family: georgia, serif;
	font-size: 1.2em;
  text-align: left;
}

.screenshots {
  display:block;
  width:500px; 
	margin: 0 auto;
  padding-top:10px;
  padding-bottom:20px;
}

.screenshots img {
  border: 1px solid #333;
}

#footer {
	width: 840px;
	margin: 0 auto 25px;
	text-align: left;
	color: #666;
	font-size: 0.9em;
	position: relative;
	font-family: verdana;
}

#footer a {
	color: inherit;
}

#footer p.copyright {
	margin: 0 0 0 60px;
	padding: 15px 0;
	width: 58%;
	#width: 59%;
}

#footer img.fleming_logo {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -26px;
}

#footer img.puffin_logo {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -26px;
}

label.small {
  font-size: 0.8em;
}

h2.heading {
  text-align: left;
  padding-bottom: 5px;
}

p.tandc {
  padding-top:20px;
  padding-bottom:10px;
  font-size: 1.1em;
}

div#content-top img {
  padding:10px 0px 20px;
}

div#right img {
  margin-bottom: 30px;
}