*								{ margin: 0; padding: 0; }
body
{
	font-family: "Lucida Grande" , Arial, Sans-Serif; color: red;	
	background: white url(../images/pianeta.gif) 10px 10px no-repeat;
}

a								{ text-decoration: none; outline: none; }
a img							{ border: none; }

h2								{ font-family: Georgia, Serif; font-size: 36px; text-align: center; 
								  font-weight: normal; }

#page-wrap						{ background: white; width: 960px; margin: 0 auto; 
								  padding: 50px 0; }

/*
#slider							{ background: red url(../images/slider-bg.jpg); height: 227px; overflow: hidden;
								  position: relative; margin: 50px 0; }
*/							  
#slider							{ background: white ; height: 355px; overflow: hidden;
								  position: relative; margin: 50px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1
{
	font-family: Helvetica, Sans-Serif;
	font-size: 30px;
	letter-spacing: -1px;
	color: #6699FF;
}
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 400px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; /*background: white;*/ color: red;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }

header
{
	height: 100px;
	width: 100%;
	text-align: center;
	padding-top: 30px;
	/*background-image: url(../images/header-shadow-dark.gif);*/
	background-repeat: no-repeat;
	background-position: center bottom;	
	
		
}
header h1						{ font-family: Helvetica, Sans-Serif; font-size: 40px; letter-spacing: 4px; color: #9d9d9d; text-align:center; }								  
header h1 span						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: 4px; color: white; background-color: #9d9d9d; }
header h2						{ font-family:  Helvetica, Sans-Serif; font-size: 12px; letter-spacing: 2px; color:  #6d6d6d;}								  


footer
{
	
	border-style: inset none none none;
	border-width: 0px 0px 0px 0px;
	border-color: #FFFFFF;
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 120px;
	width: 100%;
	background: #2e2c2c;
	text-align: center;
	font-size: 0.825em;
	background-image: url(../images/footer-shadow-dark.gif);
	background-color: #2c2c2c;
	background-repeat: no-repeat;
	background-position: center top;	
	
}
footer h1
{
	font-family: Helvetica, Sans-Serif;
	font-size: 18px;
	letter-spacing: -1px;
	color: white;
	margin-top: 10px;
}
footer p						{ color: #999; font-size: 12px; }

footer a:link
{
	color: #0066FF;
}
footer a:visited
{
	color: #0066FF;
}
footer a.by{
	float:left;

}

footer a.up{
	float:right;
}



/* IE 6 */
* html #footer					{  position:absolute;   
              					   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
								}