/* Copyright Vargotah 1999-2010 */
* {margin: 0; padding: 0;}
/* wrapper */
#wrapper {margin: 0 auto; width: 820px;}
#background {background: #000 url(../img/bg_universe.jpg) center top no-repeat;}

/* misc */
.left {float: left;}
.right {float: right;}
body {
	background: #000;
	font: normal 0.7em Helvetica,Arial,sans-serif;
	color: #999;
	line-height: 1.3em;
	padding: 0;
     }
h1 {
	color: #ccc;
	font: normal 1.0em sans-serif;
	text-transform:uppercase;
	margin: 6px 0 4px 0;
    }
.button {
	font: normal 0.9em Arial,sans-serif;
	color: #000;
	letter-spacing: 1px;
	text-transform: none;
	padding: 5px;
	background-color: #8F8F8F;
	border: 4px solid #222;
	margin: 0px 0px 0px -3px;
    }
.button:hover {background-color: #717171}

.imgborder {filter: none; background: none; border: 1px solid #2C2924;}

/* additions */
a {outline: none;} /* Gets rid of Firefox's dotted borders */
a img {border: none;} /* Gets rid of IE's blue borders */

/* newsletter */
.newsletter {
	font: normal 1.0em Arial, Helvetica, sans-serif;
	color: #555;
	letter-spacing: 1px;
	text-transform:none;
	padding: 5px;
	border: 0px solid #181818;
	margin: 0px 0px 0px 0px;
	background: #191919;
	text-align: center;
	margin: 0px 0px 0px 3px;
	-webkit-border-radius: 2px; -moz-border-radius: 2px;
    }

/* imageshift */
#imageshift { margin: 0px 0px 0px -20px;}

/* popuptabs (same as popup minus text) makes tabs-arrow visible */
#popuptabs {
    background: #030503;
	margin: -5px 0px 0px 0px;
	width: 100%;
	float: left;
    }
/* id tabs */
ul.tabs {font-family:Georgia, Times, serif; border-bottom: 1px solid #111; padding-bottom: 37px;}
ul.tabs li {list-style: none; display: inline;}
ul.tabs a {position: relative; float: left; font-size: 13px; line-height: 20px; padding-bottom: 4px; margin-right: 15px; color: #999; text-decoration: none;!important}
ul.tabs a:hover {color: #fff;}
ul.tabs a.selected {color: #fff; background: url(../img/tabs_arrow.png) center bottom no-repeat; cursor: default;}

/* popupwrapper (for padding and margin: place below popup div) */
#popupwrapper { width: 98%; margin: 0px 0px 0px 10px; padding: 0px; background: none;}

/* popupcenter (div centering for popups w/o tabs, no move on click) */
#popupcenter { width: 800px; margin-left: auto; margin-right: auto; background: none; padding: 0px 0px 0px 0px;}

/* popup (main look) */
#popup {
    background: #030503;
	margin: -5px 0px 0px 0px;
	width: 100%;
	float: left;
	font: normal 1.1em Futura, Arial, sans-serif;
	color: #555;
	letter-spacing: 0px;
    }
#popup .h7 {font: normal 1.3em Georgia, sans-serif;color: #999;}
#popup a {
	background: none;
	color: #fff;
	font: normal 0.9em Arial,sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0px;
	padding: 0px;
	border-bottom:none;
    }
#popup a:hover {background: none; color: #fff; text-decoration: underline;}
/* poptwitter */
#poptwitter {
	background: #030503;
	margin: 0px 0px 0px -1px;
	padding: 8px 0px 0px 5px;
	width: 99%;
	float: left;
	font: normal 0.9em "lucida grande", Tahoma, Arial, sans-serif;
	color: #696969;
	letter-spacing:0px;
	line-height: 1.1em;
    }
#poptwitter a {
	background: none;
	color: #333;
	font: normal 0.9em Arial, sans-serif;
	text-decoration:none;
	text-transform:none;
	letter-spacing:1px;
	border-bottom:none;
    }
#poptwitter a:hover {background: none; color: #ccc; text-decoration: none;}
/* popnews */
#popnews {
    background: #030503;
	margin: -9px 0px 0px 0px;
	width: 100%;
	float: left;
	font: normal 1.1em Futura, Arial, sans-serif;
	color: #555;
	text-align:justify;
    }
#popnews a {
	background: none;
	color: #fff;
	font: normal 0.9em Arial,sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0px;
	border-bottom:none;
    }
#popnews a:hover {background: none; color: #fff; text-decoration: underline;}
/* poptour */
#poptour {
    background: #030503;
	margin: 0px 0px 0px 0px;
	width: 100%;
	float: left;
	font: normal 1.0em Helvetica, Arial, sans-serif;
	color: #666;
	letter-spacing: 0px;
	line-height: 1.4em;
    }
#poptour a {
	background: none;
	color: #fff;
	font: normal 0.9em Arial,sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0px;
	border-bottom:none;
    }
#poptour a:hover {background: none; color: #fff; text-decoration: underline;}
/* popfont - smaller fonts */
#popfont {
    background: transparent;
	margin: 0px 0px 0px 0px;
	width: 100%;
	float: left;
	font: normal 0.9em Helvetica, Arial, sans-serif;
	color: #666;
	letter-spacing: 0px;
	line-height: 1.3em;
    }
#popfont a {
	background: none;
	color: #fff;
	font: normal 0.9em Arial,sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0px;
	border-bottom:none;
    }
#popfontdark {
    background: transparent;
	margin: 0px 0px 0px 0px;
	width: 100%;
	float: left;
	font: normal 0.8em Helvetica, Arial, sans-serif;
	color: #222;
	letter-spacing: 0px;
	line-height: 1.3em;
    }
.popfontcyan {
	background: transparent;
	margin: 0px 0px 0px 0px;
	font: normal 0.9em Futura, Helvetica, Arial, sans-serif;
	color: #00C1EB;
    }

/* naviup */
#naviup a:link, #naviup a:visited {
	float: left;
	font: normal 0.8em Helvetica,Arial,sans-serif;
	color: #907C19;
	text-decoration: none;
	text-transform:none;
	letter-spacing:0px;
	height: 14px;
	margin: 0 10px 4px 10px;
	border-bottom: 4px solid #000;
	padding-bottom: 2px;
	}
#naviup a.active:link, #naviup a.active:visited, #naviup a:hover {
	border-bottom: 4px solid #FFF;
	padding-bottom: 2px;
	background: #000;
	color: #907C19;
	}
#naviup {
 float: left;
 width: 820px;
 color: #000;
 padding: 0px;
 border: 0px solid #CCC;
 margin: 0px 0px 0px 0px;
 font: normal 0.8em Helvetica,Arial,sans-serif;
 color: #000;
 text-transform:none;
 letter-spacing: 1px;
 }

/* navimid */
#navimid {
	background: #000;
	font: normal 0.9em Helvetica,sans-serif;
	color: #666;
	letter-spacing: 1px;
	line-height: 1.2em;
	float: left;
	vertical-align: middle;
	text-align: left;
	width: 806px;
	padding: 12px 6px 8px 8px;
	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
    }
#navimid a, #navimid a:visited {
    color: #fff;
	padding: 0px 0 0 0px;
	text-decoration: none;
	text-transform:none;
	letter-spacing: 1px;
    }
#navimid a:hover {
	background: none;
	text-decoration: underline;
    }

/* navidown */
#navidown {
	font: normal 0.9em Helvetica,Arial,sans-serif;
	float: right;
	text-align: right;
	width: 800px;
	color: #777;
	padding: 6px 10px 5px 10px;
	border: 0px solid #2C2924;
	margin: 0px 0px 0px 0px;
	background: #000;
    }
#navidown a {
	color: #000;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing:1px;
    }
#navidown a:hover {background: none; color: #222; text-decoration: none;}

/* header */
#header {
 color: #000;
 width: 820px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 300px;
 margin: 0px 0px 0px 0px;
}
#headerstore {
background-image:url(../img/store_header.jpg);
 color: #000;
 width: 800px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 80px;
 margin: 0px 0px 0px 0px;
}
#headerlearn {
background-image:url(../img/learn_header.jpg);
 color: #000;
 width: 800px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 120px;
 margin: 0px 0px 0px 0px;
}
/* infobox */
.infobox {
	font: normal 2.0em Helvetica,Arial,sans-serif;
	width: 25%;
	color: #FFF;
	padding: 10px;
	border: 1px solid #2C2924;
	margin: 0px 0px 0px 0px;
	background: #0E0E0E;
    }

/* leftcolumn */
#leftcolumn { 
 color: #555;
 border: 1px solid #2C2924;
 background: #030503;
 font: normal 1.1em Futura,sans-serif;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 310px;
 width: 250px;
 float: left;
 }
#leftcolumn a {
    background: none;
	color: #fff;
	font: normal 0.9em Arial,sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0px;
	padding: 0px;
	border-bottom:none;
    }
#leftcolumn a:hover { background: none;  color: #fff; text-decoration: underline; border: 0px; }
#leftcolumn .descr { color: #444; margin-top: 6px; margin-bottom: 4px; }

/* content */
#content {
	float: right;
	font: normal 1.1em Futura, Arial, sans-serif;
	color: #777;
	letter-spacing: 0px;
	border: 1px solid #2C2924;
	background: #030503;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 00px;
	height: 310px;
	width: 560px;
	display: inline;
    }
.content { color: #999; line-height: 1.0em; padding: 0 10px 10px; }
#content a:link, #content a:visited {
	background: #none;
	color: #fff;
	font: normal 0.9em Arial,sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0px;
	padding: 0px;
	border-bottom:none;
    }
#content a:hover {background: none; color: #fff; text-decoration: underline;}
.content p { margin: 4px 0 10px 0; }
#content .descr { font: normal 0.8em; color: #907C19; margin-top: 6px; margin-bottom: 4px; }

/* footer */	
#footer {
	width: 820px;
	clear: both;
	background: #000;
	font: normal 0.9em Arial,sans-serif;
	color: #191919;
	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
    }
#footer a:link, #footer a:visited { color: #191919; text-decoration: none; text-transform:uppercase;}
#footer a:hover {background: #none; color: #222; text-decoration: none; text-transform:uppercase;}