*{padding:0;margin:0}
body{background:#4D4D4D url(../img/body_bg.jpg) top repeat-x; color:#999999;font:12px sans-serif; min-width:1000px}



h2 {font-size: 26px; color:#F90; margin: 0px; padding: 0px;}
#box p{margin-top: 20px; line-height:1.5; font-size: 19px;}
hr{display:none}

#page {background:#000000 url(../img/earth_bg.jpg) center top no-repeat; }
#header {height: 85px; background:url(../img/header.jpg) center top no-repeat; }
#footer {width: 800px; margin: 0px auto 0px auto; text-align:center; color: #333333; line-height:1.5;}
	#footer p {padding: 20px;}
	#footer a {color: #333333; }
	#footer a:hover {color: #999999;}
#content{width:600px; margin: 0 auto; height: 355px;}
a { color: #999; }
a:hover {color: #fff; }

#admin a {color: #FFFFFF;}
#admin a:hover {color:#999999;}

/* TOP NAV */

#topnav {height: 50px; width: 811px; background-color:#000000; margin: -1px auto 0px auto; overflow: hidden; padding: 0; position:relative;}

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

#topnav li {
display:inline;
}

#topnav li a {
background-image:url(../img/topnav_bg.jpg);
background-repeat:no-repeat;
float:left;
height:0;
overflow:hidden;
padding-top:50px;
color:transparent;
}

#topnav li#promoted a {
background-position:0 -50px;
width:135px;
}
#topnav li#newest a {
background-position:-135px -50px;
width:136px;
}
#topnav li#popular a {
background-position:-271px -50px;
width:135px;
}
#topnav li#login a {
background-position:-406px -50px;
width:135px;
}
#topnav li#draw a {
background-position:-541px -50px;
width:135px;
}
#topnav li#download a {
background-position:-676px -50px;
width:135px;
}



#topnav li#promoted a:hover {
background-position:0 0;
}
#topnav li#newest a:hover {
background-position:-135px 0;
}
#topnav li#popular a:hover {
background-position:-271px 0;
}
#topnav li#login a:hover {
background-position:-406px 0;
}
#topnav li#draw a:hover {
background-position:-541px 0;
}
#topnav li#download a:hover {
background-position:-676px 0;
}


#topnav.promoted li#promoted a {
background-position:0 0!important;
}
#topnav.newest li#newest a {
background-position:-135px 0!important;
}
#topnav.popular li#popular a {
background-position:-271px 0!important;
}
#topnav.login li#login a {
background-position:-406px 0!important;
}



/* SECOND NAV */

#secondnav {height: 50px; width: 706px; background-color:#000000; margin: 0px auto -1px auto; overflow: hidden; padding: 0; position:relative;}

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

#secondnav li {
display:inline;
}

#secondnav li a {
background-image:url(../img/secondnav_bg.jpg);
background-repeat:no-repeat;
float:left;
height:0;
overflow:hidden;
padding-top:50px;
}


#secondnav li#theapp a {
background-position:0 -50px;
width:141px;
}
#secondnav li#drawing a {
background-position:-141px -50px;
width:141px;
}
#secondnav li#viewer a {
background-position:-282px -50px;
width:142px;
}
#secondnav li#settings a {
background-position:-424px -50px;
width:141px;
}
#secondnav li#help a {
background-position:-565px -50px;
width:141px;
}



#secondnav li#theapp a:hover {
background-position:0 0;
}
#secondnav li#drawing a:hover {
background-position:-141px 0;
}
#secondnav li#viewer a:hover {
background-position:-282px 0;
}
#secondnav li#settings a:hover {
background-position:-424px 0;
}
#secondnav li#help a:hover {
background-position:-565px 0;
}



#secondnav.theapp li#theapp a {
background-position:0 0!important;
}
#secondnav.drawing li#drawing a {
background-position:-141px 0!important;
}
#secondnav.viewer li#viewer a {
background-position:-282px 0!important;
}
#secondnav.settings li#settings a {
background-position:-424px 0!important;
}
#secondnav.help li#help a {
background-position:-565px 0!important;
}



/*SLIDERS */
#box{
	position:absolute;
}
#box div {
	width:660px;
	float:left;
	padding: 30px 20px 20px 20px;
}

#box div div {
	
	padding: 0;
	margin:0;
	}
	
	
#box .buttons{
	text-align:left
}

#box h3 {display: none; }

.mask{
	position:relative;
	width:700px;
	height:570px;
	overflow:hidden;
}

#prevnextdrawings { 
				   
				   width: 380px; margin: 0 auto; text-align:center; height:25px; padding: 0px; position:relative;
				   
				   }

#prevnextdrawings a#prev20 {
	background-image:url(../img/prev_next_bg.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:72px;
	height:0px;
	padding-top: 16px;
	display: block;
	margin: 0;
	text-align:left;
	float:left;
	overflow:hidden;	
	}
	
#prevnextdrawings a#prev20:hover {
	background-position:0px -16px;
	}
	
#prevnextdrawings a#next20  {
	background-image:url(../img/prev_next_bg.png);
	background-position:-72px 0px;
	background-repeat:no-repeat;
	width:72px;
	height:0px;
	padding-top: 16px;
	display: block;
	margin: 0;
	text-align:right;
	float:right;
	overflow:hidden;
	}
	
#prevnextdrawings a#next20:hover  {
	background-position:-72px -16px;
	}

#scroller a#prev {
	background-image:url(../img/arrows_bg.png);
	background-position:0px 0px;
	width:41px;
	height:0px;
	padding-top: 41px;
	display: block;
	margin: 30px 0 0 0;
	text-align:left;
	float:left;
	overflow:hidden;
}

#scroller a#prev:hover {
	background-position:-41px 0px;
}


#scroller a#next {
	background-image:url(../img/arrows_bg.png);
	background-position:0px -41px;
	width:41px;
	height:0px;
	padding-top: 41px;
	display: block;
	margin: 30px 0 0 0;
	text-align:right;
	float:right;
	overflow:hidden;
}

#scrollbars {
width: 660px;
height: 490px;
overflow:auto;
overflow-x:hidden;
padding: 0px 20px 0px 0px;
margin:0px 0px 0px 0px;	
}

#scrollbars p {padding: 0 20px 0 0;}

#scrollbars h2 {margin: 20px 0 10px 0;}

#scrollbars ul {padding:0 0 0 30px; margin:20px 0 0 0; font-size:19px; line-height:1.5;}

#scrollbars ul li{padding:10px 20px 0 0}

#scrollbars b {color:#ECECEC;}

#scroller a {color:#FF9A00;text-decoration:none}

#scroller a:hover {color:#333333;}




#scroller a#next:hover {
	background-position:-41px -41px;
}

p#viewing  {color: #666666; }


/* FORMS  */