/* general styles *************************************************************/
* {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
html {
	background: #131313 url('../images/bg-html.png');
	height: 100%;
}
body {
	background: url('../images/bg-body.png') repeat-x 0 112px;
	color: #e3e3e3;
	font: 11px/13px Arial, Helvetica, sans-serif;
	min-height: 100%;
}
a {
	color: #d2ff00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
p {
	margin: 1em 0;
}
ul,
ol {
	list-style: none;
}
address {
	font-style: normal;
}

.wrap {
	width: 100%;
	overflow: hidden;
}
.left {
	float: left !important;
	display: inline;
}
.right {
	float: right !important;
	display: inline;
}
.leftalign {
	text-align: left;
}
.rightalign {
	text-align: right;
}
.centeralign {
	text-align: center;
}

/* page holder ****************************************************************/
#container {
	width: 964px;
	padding: 33px 2px 21px 21px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

/* header *********************************************************************/
#header {
	height: 79px;
	overflow: hidden;
	background: url('../images/bg-header.png') no-repeat;
	margin-left: -3px;
	padding-right: 10px;
	text-align: right;
	color: #c7c7c7;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	float: left;
	width: 224px;
	height: 53px;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
	display: inline;
	margin: 12px 0 0 34px;
	position: relative;
}
h1 a {
	display: block;
	height: 53px;
}
#header h2 {
	position: relative;
	top: -100px;
	margin: 3px 0 10px;
	color: #e1e1e1;
	font: 18px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	height: 25px;
}

/* visual *********************************************************************/
#visual {
	width: 100%;
	overflow: hidden;
	background: #272727 url('../images/bg-visual.png') repeat-x 0 100%;
}
#visual img {
	float: left;
	margin-right: 2px;
}
.visual-flash {
	width: 564px;
	height: 180px;
	background: url('../images/visual.jpg') no-repeat;
	overflow: hidden;
	float: left;
}
.login {
	float: right;
	width: 177px;
	height: 143px;
	background: url('../images/bg-login.jpg') no-repeat;
	overflow: hidden;
	padding: 37px 10px 0 11px;
	position: relative;
}
.login .text {
	display: block;
	margin: -2px 0 5px;
	border: 1px solid #fff;
	color: #5c5c5c;
	font: 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background: #fff url('../images/bg-text.gif') repeat-x 0 100%;
	padding: 4px 7px 0;
	width: 161px;
	height: 21px;
}
*+html .login .text {
	margin: -3px 0 4px;
}
.login .button {
	float: right;
}
.login strong {
	position: absolute;
	top: 131px;
	left: 0;
	width: 198px;
}
.login a {
	float: left;
	color: #3d3d3d;
	font: 11px/26px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
.login strong a {
	display: block;
	float: none;
	height: 44px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/register.png') no-repeat;
}

/* navigation *****************************************************************/
#navigation {
	width: 100%;
	overflow: hidden;
}
#navigation li {
	float: left;
}
#navigation a {
	float: left;
	height: 43px;
	overflow: hidden;
	text-indent: -9999px;
}
.nav-home {
	width: 130px;
	background: url('../images/navigation.png') no-repeat;
}
.nav-home:hover {
	background-position: 0 -43px;
}
.active .nav-home {
	background-position: 0 -86px;
}
.nav-signup {
	width: 137px;
	background: url('../images/navigation.png') no-repeat -130px 0;
}
.nav-signup:hover {
	background-position: -130px -43px;
}
.active .nav-signup {
	background-position: -130px -86px;
}
.nav-sites {
	width: 165px;
	background: url('../images/navigation.png') no-repeat -267px 0;
}
.nav-sites:hover {
	background-position: -267px -43px;
}
.active .nav-sites {
	background-position: -267px -86px;
}
.nav-tools {
	width: 197px;
	background: url('../images/navigation.png') no-repeat -432px 0;
}
.nav-tools:hover {
	background-position: -432px -43px;
}
.active .nav-tools {
	background-position: -432px -86px;
}
.nav-terms {
	width: 176px;
	background: url('../images/navigation.png') no-repeat -629px 0;
}
.nav-terms:hover {
	background-position: -629px -43px;
}
.active .nav-terms {
	background-position: -629px -86px;
}
.nav-support {
	width: 159px;
	background: url('../images/navigation.png') no-repeat -805px 0;
}
.nav-support:hover {
	background-position: -805px -43px;
}
.active .nav-support {
	background-position: -805px -86px;
}

/* main content area **********************************************************/
#content {
	width: 100%;
	overflow: hidden;
	background: #292929;
}
.col1 {
	float: left;
	width: 281px;
	overflow: hidden;
	background: url('../images/bg-col1.jpg') no-repeat 0 100%;
}
.col2 {
	float: left;
	width: 398px;
	overflow: hidden;
	padding: 0 2px;
	background: url('../images/bg-col2.jpg') no-repeat 2px 100%;
}
.col3 {
	float: right;
	width: 281px;
	overflow: hidden;
	background: url('../images/bg-col3.jpg') no-repeat 0 100%;
}
#content h2 {
	border-bottom: 1px solid #282828;
	background: #303030 url('../images/bg-h2.png') repeat-x 0 100%;
	text-align: center;
	color: #e1e1e1;
	font: 20px/30px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin: 0 0 11px;
	height: 30px;
	overflow: hidden;
}
#content h2 img {
	display: block;
	margin: 0 auto;
}
#maincol h2 img {
	float: left;
	margin: 0 5px 0 0;
}
#content h2 span {
	float: left;
	color: #ababab;
	font: 12px/32px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#content h2 span.colored {
	color: #acb329;
}

.col1,
.col2,
.col3 {
	height: 420px;
	overflow: hidden;
}
.scrollable {
	width: 259px;
	height: 367px;
	overflow: hidden;
	margin: 0 11px;
}
.vscroll-up {
	border-bottom: 1px solid #1b1b19;
}
.vscroll-down {
	border-top: 1px solid #1b1b19;
}
.vscroll-slider {
	background: #9cbb07;
}

.features {
	width: 374px;
	margin: 0 auto;
	overflow: hidden;
}
.features li {
	float: left;
	width: 100%;
	margin: 0 0 7px;
}
.features img {
	display: block;
}

.rev {
	width: 232px;
	overflow: hidden;
	padding-left: 6px;
}
.rev li {
	padding: 3px 0 6px;
	margin-bottom: 3px;
	border-bottom: 1px solid #252525;
}
.rev li img {
	display: block;
	border: 1px solid #6b6b6b;
	margin: 3px 0;
}
.rev h3 {
	font: bold 12px/14px Arial, Helvetica, sans-serif;
}
.rev p {
	margin: 3px 0;
}
.rev strong a {
	color: #ff9800;
}

.col1 dl,
#sidebar dl {
	width: 232px;
	overflow: hidden;
	padding-left: 6px;
}
.col1 dt,
#sidebar dt {
	padding: 3px 0;
	color: #d2ff00;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
}
.col1 dd,
#sidebar dd {
	padding: 0 0 6px;
	border-bottom: 1px solid #252525;
	margin: 0 0 4px;
}
#maincol {
	float: left;
	width: 682px;
	overflow: hidden;
}
#maincol h2 {
	text-align: left;
	padding-left: 11px;
}

#sidebar {
	float: right;
	width: 281px;
	overflow: hidden;
	background: url('../images/bg-sidebar.jpg') no-repeat 0 31px;
}
#sidebar h2 {
	margin: 0;
}
#sidebar .scrollable {
	margin: 11px;
}
.programs {
	padding: 11px;
	background: #35352e url('../images/bg-programs.png') no-repeat 138px 100%;
}
.programs ul {
	background: url('../images/opacity.png');
	width: 245px;
	padding: 0 7px;
	overflow: hidden;
}
.programs li {
	float: left;
	width: 100%;
	border-top: 1px solid #1f1f1e;
	padding: 5px 0;
	margin-top: -1px;
}
.programs a {
	color: #d54bef;
	position: relative;
}
.programs h3 {
	color: #d54bef;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
}

.bg {
	background: #292929 url('../images/bg1.png') repeat-y !important;
}
.m-cont {
	margin: 11px;
	background: #2a2a27;
	padding: 7px;
}
.m-cont2 {
	margin: 11px;
	padding: 0 0 14px;
	width: 660px;
	overflow: hidden;
	background: #1e1e1c;
}
.m-cont p {
	margin: 0 0 13px;
}
.m-cont2 p {
	margin: 0 0 auto;
	padding: 7px;
}
.error-p {
	background: #232323;
	color: #d54bef;
}

.m-cont h3 {
	color: #d54bef;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
}
h4 {
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding: 5px 7px;
}
.row {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #2d2e2b;
	background: #484843 url('../images/bg-row.gif') repeat-y;
	font: 11px/24px Arial, Helvetica, sans-serif;
	padding: 6px 0;
}
.altrow {
	background: #52524c url('../images/bg-row-alt.gif') repeat-y;
}
.leftcell {
	float: left;
	padding: 0 9px;
	width: 184px;
	overflow: hidden;
	font-size: 12px;
	text-align: right;
}
.rightcell {
	float: right;
	width: 443px;
	padding-right: 9px;
	overflow: hidden;
	color: #babab7;
}
.rightcell .text {
	float: left;
	background: #c8c8c7;
	border: 1px solid #c3c3c1;
	font: 12px Arial, Helvetica, sans-serif;
	color: #595959;
	padding: 3px 6px;
	width: 275px;
	margin-right: 9px;
	height: 16px;
}
.rightcell select {
	float: left;
	background: #c8c8c7;
	border: 1px solid #c3c3c1;
	font: 12px Arial, Helvetica, sans-serif;
	color: #595959;
	width: 289px;
	margin-right: 9px;
	padding: 3px;
	height: 24px;
}
.button-row {
	padding: 7px 8px;
	margin-bottom: -15px;
}
.button-row input {
	border: 1px solid #e6870c;
	background: #e6870c;
	color: #1e1e1e;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	width: 297px;
	height: 24px;
	overflow: visible;
}


.site {
	width: 100%;
	overflow: hidden;
}
.site img {
	float: left;
	border: 1px solid #6b6b6b;
	margin: 0 6px 5px 0;
}
.site .headline {
	margin: 0 0 10px;
	width: 100%;
	overflow: hidden;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
}
.site .headline h3 {
	float: left;
}
.site .headline a.right {
	color: #ff9800;
	font-size: 11px;
}
.alt {
	background: #242421;
	border-top: 1px solid #2e2e2b;
	border-bottom: 1px solid #2e2e2b;
	margin: 0 -7px 7px;
	padding: 7px 7px 0;
}
.colored {
	color: #8b8c7c;
}



/* footer *********************************************************************/
#footer {
	height: 50px;
	padding: 2px 16px 0;
	overflow: hidden;
	color: #828282;
	font: 11px/50px Verdana, Arial, Helvetica, sans-serif;
	background: url('../images/bg-footer.png') no-repeat;
	margin-right: -2px;
	position: relative;
}

.since2003 {
	position: absolute;
	left: 0;
	top: 120px;
	z-index: 1;
	width: 21px;
	height: 77px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/since2003.png') no-repeat;
}