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

*
{
margin: 0;
padding: 0;
}


body
{
font: 11px arial;
color: #000;
background: #ECE6E6;
}

img
{
border: none;
}

ul
{
list-style-type: none;
}

p
{
line-height: 15px;
}

p a
{
color:#000;
}
a
{
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

.last
{
border-bottom: 0;
}

/* Site Structure */

#wrapper
{
width: 990px;
overflow:hidden;
margin: 10px auto;
background: #fff;
padding:  5px 5px 7px 5px;
}


#header
{
width: 990px;
background: #fc0;
float: left;
height: 150px;
margin: 0 0 10px 0;
}

#maincontainer
{
width: 990px;
float: left;
margin: 0 0 0 0;
}

#leftcolumn
{
width: 755px;
float: left;
}

#leftcolumn-inside
{
width: 168px;
float: left;
}

#rightcolumn
{
width: 235px;
float: left;
}

#footer
{
width: 100%;
overflow: hidden;
margin: 10px auto;
height: 40px;
background: url(../images/footer-bg.jpg) repeat-x top left;
text-align: center;
padding: 20px 0 0 0;
color: #fff;
}

#sidelinks
{
width: 168px;
background: #fff url(../images/sidelinks-bg.jpg) repeat-x top left;
float: left;
border: 1px solid #eee;
}

#topboxes
{
width: 565px;
float: left;
padding: 0 5px 0 5px;
}


#top-leftbox
{
width: 320px;
float: left;
}


#promotionbox
{
width: 318px;
background: #fff url(../images/promotionbox-bg.jpg) no-repeat top left;
float: left;
margin: 0 10px 0 0;
border: 1px solid #eee;
}

#top-rightbox
{
width: 235px;
background: url(../images/downloadbox-bg.gif) no-repeat top left;
float: right;
height: 368px;
margin: 0 0 0 0px;
}

#featurebox
{
width: 318px;
background: #fff url(../images/featurebox-bg.jpg) repeat-x top left;
margin: 10px 0 0 0;
float: left;
padding: 0 0 10px 0;
border: 1px solid #eee;
}


#secondbox
{
width: 745px;
float: left;
margin: 10px 10px 0 0px;
}


/* Side Links */

	#sidelinks ul
	{
	width: 160px;
	margin: 0 0 0 5px;
	height: 365px;
	}
	
	#sidelinks ul li
	{
	display: block;
	font: bold 11px arial;
	background: url(../images/arrow-gry.gif) no-repeat center left;
	padding: 0 0 0 10px;
	border-bottom: 1px dotted #ccc;
	line-height: 25px;
	}
	
	#sidelinks ul li a
	{
	color: #000;
	}
	


/* promotionbox */

	#promotionbox h2
	{
	width: 318px;
	background: #fff url(../images/promotion-header.gif) no-repeat top left;
	height: 63px;
	}
	
	#promotionbox ul
	{
	width: 300px;
	margin: 0 0 0 10px;
	}
	
	#promotionbox ul li
	{
	font: 11px arial;
	border-bottom: 1px dotted #ccc;
	margin: 5px 0;
	padding: 0 0 5px 0;
	}
	
	#promotionbox ul li a
	{
	font: bold 11px arial;
	color: #c00;
	}
	
	
	
	
	
/* Feature Box */

#featurebox span
{
display: block;
width: 125px;
background: url(../images/span-bg.jpg) repeat-x top left;
height: 22px;
padding: 5px 0 5px 10px;
font: bold 15px arial;
}

#featurebox span a
{
color: #000;
}

#featurebox ul
{
margin: 0 0 0 10px;
}


#featurebox ul li h2 a
{
display: block;
font: bold 11px arial;
color: #c00;
padding: 0 0px;
margin: 0 0 5px 0;
}


	
/* Right Box One */

#rightboxone
{
width: 213px;
background: url(../images/rightboxone-bg.jpg) repeat-x top left;
border: 1px solid #BCDBE5;
height: 60px;
padding: 5px 10px 5px 10px;
margin: 0 0 10px 0;
float: left;
}

#rightboxone h2
{
font: bold 18px arial;
}

#rightboxone ul
{
margin: 0;
padding: 0;
}

#rightboxone ul li
{
background: url(../images/blk-arrow-up.gif) no-repeat  center left;
display: block;
padding: 0 0 0 15px;
line-height: 20px;
}

#rightboxone ul li a
{
color: #000;
}



/* News Box */

#newsbox
{
width: 213px;
background: url(../images/newsbox-bg.jpg) repeat-x top left;
border: 1px solid #eee;
padding: 5px 10px 5px 10px;
margin: 0 0 10px 0;
float: left;
}

#newsbox h2
{
font: bold 18px arial;
height: 22px;
border-left: 2px solid #000;
padding: 3px 0 5px 5px;
margin: 10px 0 15px 0;
}

#newsbox ul
{
margin: 0 0 0 0;
}

#newsbox ul li
{
border-bottom: 1px solid #ccc;
padding: 5px 0;
}

#newsbox ul li h3
{
font: bold 11px arial;
}

#newsbox ul li h3 a
{
color: #c00;
}



/* Download Box*/

#top-rightbox h2
{
display: block;
font: bold 25px "Trebuchet MS";
color: #fff;
float: right;
padding: 10px 10px 0 0;
margin: 0;
}

#top-rightbox span.cost
{
width: 200px;
display: block;
font: bold 17px "Trebuchet MS";
color: #fc0;
float: right;
padding: 0 10px 0 0;
text-align: right;
}

#top-rightbox span.logo
{
width: 230px;
display: block;
float: right;
text-align: right;
padding: 10px 0px 0 0;
}


#top-rightbox  p
{
color: #fff;
padding: 5px 5px 0px 15px;
}

#top-rightbox span.code
{
width: 200px;
font: bold 30px "Trebuchet MS";
float: left;
color: #fc0;
padding: 0px 10px 0 10px;
}

#top-rightbox span.downloadbut
{
position: relative;
top: 15px;
left: 35px;
font: bold 22px arial;
}

#top-rightbox span.downloadbut a
{
color: #fff;
}

#top-rightbox span.regbut
{
margin: 5px 0 0 5px;
display: block;
}




/* Bonus Box*/

#bonusbox
{
width: 233px;
padding: 0 0 5px 0;
border: 1px solid #eee;
margin: 0px 0 10px 0;
float: left;
background: #fff url(../images/featurebox-bg.jpg) repeat-x top left;
}

#bonusbox span
{
display: block;
width: 170px;
background: url(../images/span-bg.jpg) repeat-x top left;
height: 22px;
padding: 5px 0 5px 10px;
font: bold 15px arial;
}

#bonusbox span a
{
color: #000;
}


#bonusbox p
{
margin: 5px 5px 5px 10px;
}

#bonusbox h3
{
font: bold 11px arial;
padding: 10px 0 0 10px;
}

#bonusbox h3 a
{
color: #c00;
}





/* About Box*/
#aboutbox
{
width: 343px;
float: left;
border: 1px solid #eee;
background: #fff url(../images/sidelinks-bg.jpg) repeat-x top left;
margin: 0 0 10px 0;
padding: 10px;
}

#aboutbox h2 a
{
font: 15px arial;
margin: 0 5px 5px 0;
color:#000;
}


#aboutbox p
{
margin: 5px 0 5px 0;
}










#secondbox-left
{
width: 360px;
float: left;
margin: 0 0 0 0px;
padding: 0px 0 0 10px;
}

#howbox
{
width: 370px;
border: 1px solid #eee;
background: #fff url(../images/featurebox-bg.jpg) repeat-x top left;
float: left;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

#howbox span
{
display: block;
width: 170px;
background: url(../images/span-bg.jpg) repeat-x top left;
height: 22px;
padding: 5px 0 5px 10px;
font: bold 15px arial;
}

#howbox span a
{
color: #000;
}

#howbox p
{
padding: 0 0 0 10px;
}





.botbox
{
padding: 0 0 10px 0;
float: left;
}



.botbox h3
{
font: bold 15px arial;
}

.botbox h3 a
{
color: #000;
}

.botbox h4
{
font: bold 12px arial;
margin: 5px 0 0px 0;
}


.botbox ul
{
width: 350px;
margin: 0;
padding: 0;
float: left;
}

.botbox ul li
{
float: left;
padding: 0 10px 0 0px;
font: bold 11px arial;
}

.botbox ul li a
{
color: #c00;
}
























#header-top
{
width: 990px;
float: left;
}


#header-bottom
{
width: 990px;
float: left;
height: 30px;
}

#head-left
{
width: 370px;
margin: 0;
padding: 10px 10px 0px 20px;
float: left;
}

#head-left span.caption
{
position: relative;
top: 0px;
left: -72px;
font: 13px arial;
}

#head-right
{
width: 590px;
margin: 0;
padding: 0;
background: url(../images/header-bg.jpg) no-repeat top left;
float: left;
height: 111px;
}









#Dbox
{
width: 200px;
position: relative;
top: 10px;
right: 25px;
float: right;
color: #fff;
}

#Dbox span.text
{
display: block;
width: 150px;
float: left;
}

#Dbox span.code
{
display: block;
width: 150px;
font: 25px "Trebuchet MS";
}

#Dbox span.down
{
float: left;
padding: 10px 0 0 40px;
margin: 0px 0 0 0;
font: 12px "Trebuchet MS";
}

#Dbox span.down a
{
color: #000;
}




span.otherlinks
{
float: left;
margin: 5px 0 0 0;
color: #fff;
}


span.otherlinks a
{
color: #fff;
}















#top-outter
{
width: 565px;
padding:0 10px;
float:left;

}
#topboxes-inside
{
width: 545px;
float: left;
padding:6px;
background:  url(../images/h1-bg.jpg) repeat-x top left;
}


#topboxes-inside h1,
#topboxes-inside h2,
#topboxes-inside h3
{

display: block;
font: 20px "Trebuchet MS";
margin: 0 0 15px 0;
}

#topboxes-inside h2
{
font: 15px "Trebuchet MS";
margin: 0px 0 0 0;
}

#topboxes-inside h3
{
font: bold 12px "Trebuchet MS";
margin: 0 0 0 0;
display:block;
width:150px;
}

#topboxes-inside h3 a
{
color: #000;
}



#topboxes-inside p
{
padding: 0 0 10px 0;
}

#topboxes-inside p a
{
text-decoration: underline;
font-weight: bold;
color: #0066CC;
}

img.fleft
{
margin: 0px 5px 5px 0;
float: left;
}

ul.contentlist, ol.orderlist
{
margin: 10px 0px 10px 0px;
}

ul.contentlist li
{
padding: 0 0 10px 10px;
margin: 0;	
background: url(../images/blk-arrow-up1.gif) no-repeat  top left;
}

ul.contentlist li ul li
{
padding: 10px 0 10px 10px;
list-style: disc;
list-style-position:inside;
background:none;
}

ol.orderlist li
{
padding: 0 0 10px 10px;
}


ul.gameslist
{
width: 150px;
margin: 0;
float: right;
background: #eee;
border: 1px solid #ccc;
}

ul.gameslist li
{
padding: 0 0 0 10px;
margin: 0;
line-height: 20px;
border-bottom: 1px dotted #ccc;
}

ul.gameslist li a
{
color: #000;
display:block;width: 150px;
}

ul.gameslist li h3
{
font: 12px arial;
padding: 5px 0;
}














ul.articlelist
{
width: 545px;
margin: 0 0 0 0;
border-top: 1px solid #ccc;
padding: 10px 0 0 0;
float: left;

}

ul.articlelist li
{
width: 550px;
float: left;
margin: 0 0 0px 0;
}

ul.articlelist li h3
{
float: left;
margin: 10px 0 0 0;
font: bold 20px arial;
}

ul.articlelist li h4
{
font: bold 12px arial;
}


ul.articlelist li h4 a
{
color: #000;
text-decoration: underline;
}

ul.articlelist li span.date
{
font-style: italic;
}









span.goback a
{
width: 150px;

height: 17px;
padding: 3px 0 0 5px;
color: #000;
margin: 0 0 10px 0;
display: block;
background:  #99CC00;
}

.table-object
{


border-collapse:collapse;

}

.table-object th
{
padding:5px;
text-align:left;
border:1px solid #ccc;
vertical-align:top;
}

.table-object td
{
border:1px solid #ccc;
padding:5px;
vertical-align:top;
}

.table-object td span
{
margin-bottom:10px;
}

.table-object td a
{
color:#000;
text-decoration:underline;
}