body {
  background:#2C4464;
  margin:0;
  padding:0;
  color:#000;
  font:x-small/1.5em Georgia,Serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}

#top-bg
{
	background-image:url("../images/top-bg.png");
	background-repeat:repeat-x;
	height:300px;
}

#container
{
	width:902px;
	height:100%;
	position:absolute;
	top:0px;
	left: 50%;
    margin-left: -451px;
}

#header
{
	background-image:url("../images/rol_newheader.jpg");
	height:200px;
	width:900px;
}

#main-content
{
	margin-top: 10px;
	height:100%;
	width:900px;
	color:white;
}

#artwork
{
	width: 380px;
	float: left;
}

#join_now
{
	margin-right:20px;
	width: 500px;
	float: left;
	text-align:right;
	padding:0px;
}

h2.tagline {
color:#FFFFFF;
font-size:50px;
font-weight:normal;
line-height:45px;
}

p.sub_tagline {
color:#FFFFF;
font-size:18px;
padding:0px;
margin:5px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	position:relative;
	left: 100px;
	margin-top:20px;
}

a.button {
    background: transparent url('../images/bg_button_a2.png') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    font: normal 24px arial, sans-serif;
    height: 72px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span2.png') no-repeat;
    display: block;
    line-height: 42px;
    padding: 15px 0 15px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #444;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 16px 0 14px 18px; /* push text down 1px */
} 

#info
{
	width:450px;
	border-right:1px solid #999999;
	float:left;
}

#login
{
	width:449px;
	float:left;
}

#small_box_header
{
	width:450px;
	height:25px;
	background-image:url("../images/small_box_header.png");
	background-repeat:repeat-x;
	color:black;
}

#small_header_text
{
	display:inline;
	margin-left:10px;
	position:relative;
	top:5px;
}

#info-text
{
	float:left;
	width:325px;
}
#screenshots
{
	float:left;
	width:125px;
}

#login-box
{
	margin-left:10px;
}