* {
	margin: 0;
	padding: 0;
}

html
{
	overflow:-moz-scrollbars-vertical;
	height: 100%;
}

body{
	margin: 0;
	padding: 0;
	height: 100%;

	xtext-align: justify;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background: #333333;
}

img {
border: none;

}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 15px;
	margin-top: 12px;
	color: #e0e0e0;
}

h4 {
	font-size: 13px;
	margin-top: 8px;
}


ol, ul {
	margin-left: 3em;
}


#note ul
{
	list-style-type: none;
	padding-left: 10px;
	margin-left: 0;

}


#note li {
	 background:url(images/icon-next.png) 0px 6px no-repeat;
padding-left: 18px;
list-style: none;
padding-bottom: 4px;
	}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

hr { display: none; }

.white{
	color: #FFFFFF;
}


.yellow{
	color: #FFFFCC;
}

.quote{
font-style:italic;
	color: #FFFFCC;
}

.quote-author{
	font-size: 10px;
}

.quote-author a{
	color: #CCCCCC;
	text-decoration: none;

	border-bottom-color: #222222;
	border-bottom-width: 1px;
	border-bottom-style: solid;

}

.spaceabove {
	margin-top: 8px;
}

.spacebelow {
	margin-bottom: 8px;
}


a {
	color: #667EB3;
	outline: none;
}

.smallertext{
	font-size: 11px;
}

#c_toggle {
cursor:pointer;
cursor:hand;
text-decoration:underline;
color:#444;
font-size:75%;
}


.smallertextdark{
	font-size: 11px;
	color:#555;
}


.smalltext{
	font-size: 10px;
}


/* Buttons*/

.formbutton {
    xborder: 1px solid #006;
    background: #EEEEDD;
	font-size:smaller;
	margin-left:10px;
}

.formfield
{
    background: #EEEEDD;
	font-size:10px;
	margin-left:10px;
}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100% 
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #FFC;
    display: block;
    float: left;
	font-size: 16px;
	font-weight: bold;
    height: 28px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 30px;
} 



a.button:hover {
    background-position: center right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: center left;
} 




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

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 30px; /* push text down 1px */
} 

/* Button */






/* Main Page */


#mainpage {
	position: relative;
	margin: 0 auto;
	width: 960px;

	height: auto !important;
	height: 100%;
	min-height: 100%;
	
	background: #000000;
	background-image: url(images/back-solarsystem.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#header {
	xbackground: #aa8392;
	xborder-bottom:6px double gray;
	height: 140px;
}

#logomain {
	float: left;
	xmargin: 0;
	padding-top: 30px;
	padding-left: 40px;
	width: 350px;
	height: 120px;
xbackground: #336633;
}


#content {
	padding: 40px 80px 50px  70px;
	width: 810px;

	xclear: both;
	xfloat: left;
	xpadding:1em 1em 5em; /* bottom padding for footer */
	xbackground: #000000;
	xheight: 545px;
	xmargin-top:20px;
	xmargin: 0 auto;
	xborder: thin solid;
}

.snapshot {
    border-style: solid;
	border-width: 2px;
    border-color: #333333;
	margin-right:15px;
}

#snapshot {
    border-style: solid;
	border-width: 2px;
    border-color: #333333;
	float:left;
}

#columnheight
{ xwidth: 320px;
xfloat: left;
}


#columnleft
{ width: 320px;
clear: both;
float: left;
	padding: 40px 0px 0px 70px;
}


#columnleftwide
{ width: 790px;
clear: both;
float: left;
	padding: 40px 0px 0px 70px;
}


#videoinfo
{ 
xclear: both;
xfloat: left;
xposition: relative;
xposition: inherit;
	padding: 20px 20px 20px 500px;

}

#left
{ float: left; }

#leftclear
{ float: left; 
clear:left; 
padding-bottom: 40px;
}


#right
{ float: right; }


#columnfull
{ width: 720px;
clear: both;
float: left;
	padding: 40px 0px 0px 70px;
}


#columnright
{ width: 434px;
padding-top: 90px;
margin-left: 380px;
xpadding-left: 380px;
xpadding-bottom: 50px;
position: relative;

xclear: both;
xfloat: right;
}

#columnrightsmall
{ width: 434px;
padding-top: 10px;
margin-left: 380px;
position: relative;

xclear: both;
xfloat: right;
}

#footer {
	font-size: 11px;
	clear: both;
	xpadding-top: 20px;
}

#footer_old {

	clear: both;
	float: left;
	xwidth: 100%;
	
	xmargin: 40px 40px 40px 40px;
	padding: 40px 80px 60px 70px;
		
	xposition: relative;
	xdisplay: inline;
	xposition: absolute;
	xbottom: 0;
	xborder-top:6px double gray;
	background: #ff0000;
	xclear: both;


}

#footer p {
font-size: 10px;
	color: #555555;
padding: 40px 30px 40px 75px;
		margin:0;
}




/* Menu */

#menu {
	xmargin: 0;
	padding-top: 58px;
	xposition:relative;
	xclear: both;
	float: right;
	width: 525px;
	xborder: thin solid;
}

#menu ul {
	margin: 0;
	list-style: none;

}

#menu li {
	display: inline;
	font-size: 18px;
	padding: 4px 20px;
	
	xxmargin: 7px 20px;
	xpadding-left: 7px;
	xpadding-right: 7px;
	xpadding: 7px 20px;
	position:relative;
	display: block;
	float: left;
	text-align: center;


}

#menu a {
	position:relative;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;


	xwidth: 100px;

	xborder-bottom-color: #666666;
	xborder-bottom-width: 1px;
	xborder-bottom-style: solid;

	xmargin: 0;
	xmargin 17px 12px;
	xpadding: 0px 20px;

	xbackground:  #000000;
	xborder: thin;

	xtext-transform: uppercase;

	xfont-weight: normal;
	xfont-family: Georgia, "Times New Roman", Times, serif;
	xcolor: #A6A6A6;
	
	xborder-top-width: 1px;
	xborder-right-width: 1px;
	xborder-bottom-width: 1px;
	xborder-left-width: 1px;
	xborder-top-style: solid;
	xborder-right-style: solid;
	xborder-bottom-style: solid;
	xborder-left-style: solid;
}

#menu a:hover {
	color: #667EB3;	 
	xcolor: #A0C9E0; /*skyblue*/
}

#menu a:active {
	color: #A0C9E0;
}

#menu .currentitem {
	color: #405580;
	font-size: 18px;
	xpadding: 7px 20px;

}



/* MenuSub */


#menusub {
	margin: 0;
	padding: 0px;
	float: right;
	xborder: thin solid;
}

#menusub.about
{	width: 308px;
	xborder: thin solid;
  }

#menusub.forum
{	width: 210px;
	xborder: thin solid;
  }


#menusub ul, #menusub li  {
	margin: 0;
	list-style: none;
	xdisplay: inline;
}

#menusub li  {
	padding: 1px 12px;
	font-size: 12px;
	font-weight: normal;
	xposition:relative;
	xdisplay: block;
	xfloat: left;
	xtext-align: center;
}

#menusub a {
	xdisplay: block;
	xfloat: left;
	margin: 0;
	xtext-align: center;
	text-decoration: none;
	zxtext-transform: uppercase;
	zxfont-family: Georgia, "Times New Roman", Times, serif;
	color: #CCCCCC;
}

#menusub a:hover {
	color: #7487A5;
}

#menusub a:active {
	color: #BFBB86;
}

#menusub .currentitem {
	color: #405580;
}

#menusub .currentitem a {
	color: #405580;
}

#menusub .currentitem a:hover {
	color: #606B80;
}

#screenshotbars{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

#screenshot{
 xfloat:left;
 xdisplay: inline;
 padding:0px 0px 0px 0px;
}

#screenshotdesc{
padding-left:70px;
padding-top:10px;
padding-bottom:50px;
}


	

a[rel="external"] {background:url(images/icon-external.png) 99% 3px no-repeat; padding-right: 14px;}
xa[rel="external"] {background:url(icon-red.png) 99% 3px no-repeat; padding-right: 14px;  background-color: #FF0000;}

a[rel="next"] {background:url(images/icon-next.png) 99% 40% no-repeat; padding-right: 14px;}
xa[rel="next"] {background:url(icon-red.png) 99% 40% no-repeat; padding-right: 14px;  background-color: #FF0000;}

a[rel="prev"] {background:url(icon-prev.png) 0px 40% no-repeat; padding-left: 14px;}
xa[rel="prev"] {background:url(icon-red.png) 0px 40% no-repeat; padding-left: 14px;  background-color: #FF0000;}

a[rel="closex"] {background:url(icon-slideclose.png) 99% 40% no-repeat; padding-right: 18px;}
xa[rel="closex"] {background:url(icon-slideclose.png) 99% 40% no-repeat; padding-right: 18px;  background-color: #FF0000;}
/* link changes  */




.cmdmouse {background:url(images/icon-mouse.png) 11px 3px no-repeat; padding-left: 28px;}
.cmdkey {background:url(images/icon-key.png) 11px 3px no-repeat; padding-left: 28px;}
.cmdwii {background:url(images/icon-wii.png) 11px 3px no-repeat; padding-left: 28px;}
.cmdnote {background:url(images/icon-next.png) 11px 3px no-repeat; padding-left: 28px;}
.cmdblank {padding-left: 28px;}

.captionsmall {padding-left: 4px; 	font-size: 11px; color:#888888;}


table.keyboard
{text-align: center;
font-weight: normal;
font-size: 11px;
xcolor: #fff;
width: 400px;
xbackground-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.keyboard td
{xbackground-color: #CCC;
xcolor: #000;
padding: 4px;
text-align: left;
border: 1px #333333 solid;}

table.keyboard td.key
{width: 130px;} 

table.keyboard td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;} 








table.compare
{
	text-align: center;
font-weight: normal;
font-size: 11px;
xcolor: #fff;
xwidth: 400px;
xbackground-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.compare td
{xbackground-color: #CCC;
xcolor: #000;
padding: 4px;
xtext-align: left;
border: 1px #333333 solid;}

table.compare td.keytop
{xbackground-color: #CCC;
xcolor: #000;
padding: 4px;
xtext-align: left;
border: 0px #000000 solid;}

table.compare td.key
{width: 130px;} 

table.compare td.hed
{background-color: #666;
color: #fff;
padding: 4px;
xtext-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}