div.message{
	color:#FFFFFF;
	font-weight:bold;
	padding:8px;
}

h1#logo{
	height:120px;
	width:310px;
	padding:0;
	margin:0;
}
	h1#logo a{
		display:block;
		height:120px;
		width:310px;
		padding:0;
		margin:0 0 0 -20px;
		text-indent:-5000px;
		background:url(logo.png) no-repeat top left;
	}
	
/* ----------------------------------------- */
	
#nav{
   display: block;
   position: relative;
   clear: left;
  /* height: 20px;*/
   width: 630px;
   margin: 50px 0 0 0;
   list-style: none;
}

#nav li{
   float: left;
   height: 20px;
}


#nav li a{
   display: block;
   float: left;
   height: 20px;
   padding: 0;
   text-decoration: none;
   background-position:0 0;
   color:#FFFFFF;
}

#nav .current ul ul,
#nav li ul{
	position: absolute;
	left: -999em;
	z-index: 999;
	list-style: none;
	margin-left:0;
	padding-left:0;
	width: 630px;
	height: 20px;
	top:20px;
	padding-top:10px;
}

#nav li li,
#nav li li.current{
   float: left;
   font-size: 85%;
}

#nav .current ul,
#nav li:hover ul,
#nav li.sfhover ul{
   top: 20px;
   left: 0px;
   width: 630px;
   padding:10px 0 0 0;
   z-index:2;
}


#nav li#nav-news a.first{
	background-image:url(title-news.png);
	width:150px;
	   text-indent:-5000px;
}
#nav li#nav-team a.first{
	background-image:url(title-team.png);
	width:100px;
	   text-indent:-5000px;
}
#nav li#nav-products a.first{
	background-image:url(title-products.png);
	width:180px;
	   text-indent:-5000px;
}
#nav li#nav-stores a.first{
	background-image:url(utils-stores.png);
	width:120px;
	   text-indent:-5000px;
}
#nav li#nav-contact a.first{
	background-image:url(utils-contact.png);
	width:80px;
	   text-indent:-5000px;
}

#nav li#subnav-decks a{
	background-image:url(subtitle-decks.png);
	width:75px;
	text-indent:-5000px;
}
#nav li#subnav-shirts a{
	background-image:url(subtitle-shirts.png);
	width:105px;
	text-indent:-5000px;
}
#nav li#subnav-trucks a{
	background-image:url(subtitle-trucks.png);
	width:85px;
	text-indent:-5000px;
}
#nav li#subnav-wheels a{
	background-image:url(subtitle-wheels.png);
	width:80px;
	text-indent:-5000px;
}
#nav li#subnav-accesories a{
	background-image:url(subtitle-accesories.png);
	width:125px;
	text-indent:-5000px;
}

#nav li#subnav-tatu a{
	background-image:url(subtitle-tatu.png);
	width:150px;
	text-indent:-5000px;
}
#nav li#subnav-milton a{
	background-image:url(subtitle-milton.png);
	width:185px;
	text-indent:-5000px;
}
#nav li#subnav-quique a{
	background-image:url(subtitle-quique.png);
	width:145px;
	text-indent:-5000px;
}

#nav li#subnav-fede a{
	background-image:url(subtitle-fede.png);
	width:145px;
	text-indent:-5000px;
}

#nav li#nav-news a.first:hover,
#nav li#nav-team a.first:hover,
#nav li#nav-products a.first:hover,
#nav li#nav-stores a.first:hover,
#nav li#nav-contact a.first:hover,
#nav li#subnav-decks a:hover,
#nav li#subnav-shirts a:hover,
#nav li#subnav-trucks a:hover,
#nav li#subnav-wheels a:hover,
#nav li#subnav-accesories a:hover,
#nav li#subnav-tatu a:hover,
#nav li#subnav-milton a:hover,
#nav li#subnav-quique a:hover,
#nav li#subnav-fede a:hover,
#nav li.current a.first{
	background-position: 0 -20px;
}

#nav .current a.first,
#nav .current .subcurrent a,
#nav li:hover a.first,
#nav li.sfhover a.first{
	background-position: 0 -20px;
}

/* ------------------------------------------------------------------- */	

div.news#content{
	background:url(dummy-bg.jpg) no-repeat top left
}

div.skater-1{
	background:url(bg-skater-tatu2.jpg) no-repeat top left
}

div.skater-2{
	background:url(bg-skater-milton.jpg) no-repeat top left
}

div.skater-3{
	background:url(bg-skater-quique.jpg) no-repeat top left
}

div.skater-4{
	background:url(bg-skater-federico.jpg) no-repeat top left
}

div.products#content, 
div.contact#content{
	padding-top:40px;
	padding-bottom:60px;
}

div.skater-1#content .main,
div.skater-2#content .main,
div.skater-3#content .main{
	background-color:#FFFFFF;
	margin-top:330px;
}

#content .main{
	background-color:#FFFFFF;
	margin-top:70px;
}

#content .main .news-content{
	margin-left:40px;
}

#content .main .news-content p{
	margin-right:10px;
}

#content .main .news-date{
	font-weight:bold;
}

div.news#content .main h2{
	height:18px;
	text-indent:-5000px;
	background:url(title-latest.png) no-repeat top left;
	margin:0;	
}

div.skater-1 .main h2,
div.skater-2 .main h2,
div.skater-3 .main h2,
div.skater-4 .main h2{
	height:18px;
	text-indent:-5000px;
	background:url(title-news-skater.png) no-repeat top left;
	margin:0;	
	padding:0;
}

#content .main h3.news-title{
	font-size:3em;
	padding:0;
	text-transform:uppercase;
	font-weight:bolder;
	margin:0 0 40px 0;
	line-height:.7em;
	background:url(bg-titles.png) top left  #FF0000;
	color:#FFFFFF;
	font-family:Georgia, Helvetica, sans-serif;
}

#content .main h3.news-title a{
	text-decoration:none;
	color:#FFFFFF;
}

#content .product{
	text-align:center;
}

#content .product .title{
	color:#FF0000;
	display:block;
	margin-bottom:5px;
	font-weight:bold;
	font-size:1.3em;
}

#content .product a.title:hover{
	text-decoration:none;
}

#content .product p{
	color:#FFF;
}

#content .extra{
	margin-top:400px;
	padding:0 0 80px 0;
}

#content .extra p{
	background-color:#FF0000;
	padding:15px 0 10px 0;
	margin:0;
	color:#FFFFFF;
}

#content .extra img.banner{
	display:block;
	margin:0;
	padding:0;
}

#content .extra h3{
	width:230px;
	height:24px;
	text-indent:-5000px;
	background:url(title-latest.gif) no-repeat top left;
	margin:-24px 0 0 0;	
}

#content .extra a{
	color:#FFFFFF;
}

#content .extra .product{
	text-align:center;
	background-color:#000000;
}

#content .extra .product p{
	color:#FFF;
	background-color:#000000;
}


	div.skater-1#content .rider-info,
	div.skater-2#content .rider-info,
	div.skater-4#content .rider-info{
		margin-top:120px;
	}
	
	div.skater-3#content .rider-info{
		margin-top:134px;
	}

	#content .rider-info h3#title-rider-1{
		width:230px;
		height:88px;
		text-indent:-5000px;
		background:url(title-tatu2.png) no-repeat top left;
		margin:0;
	}
	
	#content .rider-info h3#title-rider-2{
		width:230px;
		height:68px;
		text-indent:-5000px;
		background:url(title-milton.png) no-repeat top left;
		margin:0;
		/*margin:-60px 0 0 0;	*/
	}
	
	#content .rider-info h3#title-rider-3{
		width:230px;
		height:78px;
		text-indent:-5000px;
		background:url(title-quique.png) no-repeat top left;
		margin:0;
		/*	margin:-72px 0 0 0;	*/
	}

	#content .rider-info h3#title-rider-4{
		width:230px;
		height:78px;
		text-indent:-5000px;
		background:url(title-federico2.png) no-repeat top left;
		margin:0;
		/*margin:-60px 0 0 0;	*/
	}

	#content .rider-info .tabs,
	#content .rider-info p,
	#content .rider-info .product
	{
		color:#FFF;
		background-color:#000000;
	}

	ul.nav-rider {
		list-style: none;
		margin: 0;
		padding: 0 0 10px 0;
		background-color:#000000;
	}
	
	ul.nav-rider li {
		float:left;
		height:30px;
	}
	
	ul.nav-rider li a{
		display:block;
		padding: 0;
		margin:0;
		text-indent:-5000px;
		height:30px;
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	ul.nav-rider li#nav-rider-bio a{
		background-image:url(nav-rider-bio.png);
		width:44px;
	}
	
	ul.nav-rider li#nav-rider-news a{
		background-image:url(nav-rider-news.png);
		width:86px;
	}
	
	ul.nav-rider li#nav-rider-products a{
		background-image:url(nav-rider-products.png);	
		width:93px;
	}
		
	ul.nav-rider li a.selected,
	ul.nav-rider li a:hover {
		background-position:0 -30px;
	}


div.contact#content p{
	font-size:1.4em;
	color:#FFFFFF;
}

div.contact#content p span.title{
	color:#E1E1E1;
	font-weight:bold;
}


#footer p{
	color:#CCCCCC;
	padding-top:20px;
}

#footer .credits{
	display:block;
	width:40px;
	height:20px;
	text-indent:-5000px;
	background:url(credits.png) no-repeat top left;
	margin-bottom:10px;
	
}