/*
Studio Fra: Typograffiti
27 Oct, 2009

*/
body{
		 		text-align: center;
				margin: 0px auto;
				padding: 0px;
				background: #222;
}
img{
				border: 0px;
}
.wrapper{
				top: 10px;
				padding: 0px;
				width: 100%;
				text-align: left; 
				margin: 0 auto;
}
.numero{
				top: 80%;position: absolute;
				left: 89.5%;z-index: 3333;
				font-family: Georgia,'Trebuchet MS', sans-serif;
				font-size: 45px;
				padding: 5px;
				background: #000;
				color: white;
				text-align: right;
}
.preloader1{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-1-lo.jpg') #333 repeat-x;
}
.screen1{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-1.jpg')  #333 repeat-x;
}
.preloader2{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-2-lo.jpg') #333 repeat-x;
}
.screen2{
							
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-2.jpg') #333  repeat-x;
}
.preloader3{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-3-lo.jpg') #333 repeat-x;
}
.screen3{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-3.jpg')  #333 repeat-x;
}
.preloader4{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-4-lo.jpg') #333 repeat-x;
}
.screen4{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-4.jpg')  #333 repeat-x;
}
.preloader5{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-5-lo.jpg') #333 repeat-x;
}
.screen5{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-5.jpg')  #333 repeat-x;
}
.preloader6{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-6-lo.jpg') #333 repeat-x;
}
.screen6{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-6.jpg')  #333 repeat-x;
}
.preloader7{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-7-lo.jpg') #333 repeat-x;
}
.screen7{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-7.jpg')  #333 repeat-x;
}
.preloader8{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-8-lo.jpg') repeat-x;
}
.screen8{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-8.jpg')   repeat-x;
}
.preloader9{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-9-lo.jpg')  repeat-x;
}
.screen9{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-9.jpg')  repeat-x;
}
.preloader10{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-10-lo.jpg') repeat-x;
}
.screen10{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-10.jpg')   repeat-x;
}
.preloader11{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-11-lo.jpg')  repeat-x;
}
.screen11{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-11.jpg')   repeat-x;
}
.preloader12{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-12-lo.jpg')  repeat-x;
}
.screen12{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-12.gif') repeat-x;
}
.preloader13{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-13-lo.jpg') repeat-x;
}
.screen13{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-13.jpg') repeat-x;
}
.preloader14{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-14-lo.jpg') repeat-x;
}
.screen14{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-14.jpg') repeat-x;
}
.preloader15{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-15.gif') repeat-x;
}
.screen15{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-15.gif') repeat-x;
}
.preloader16{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-16-lo.jpg') repeat-x;
}
.screen16{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-16.jpg')  repeat-x;
}
.preloader17{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-17-lo.jpg') repeat-x;
}
.screen17{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-17.jpg')  repeat-x;
}
.preloader18{
				
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-18-lo.jpg') repeat-x;
}
.screen18{
				
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-18.jpg')  repeat-x;
}

.preloader-status{
								
				top: 20px;
				height: 539px;
				background: url('images/typograffiti-2-lo.jpg') repeat-x;
}
.screen-status{
								
				top: 0px;
				left: 10px;
				height: 539px;
				background: url('images/typograffiti-2.gif') repeat-x;
}

#scrollup{
   			overflow: hidden;
   			width: 100%;
				height: 539px;
}
 
.billboard{
  			position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 539px;
				cursor: pointer;
				background: #333;
	 			visibility: hidden;
	
}
 

 .captions{
 				position: relative;
				top: 545px;
				left: 20px;
				width: 50%;color: #999;
				font-family: 'Trebuchet MS', sans-serif;
				float: left;
				
}
 .dateline{
 				position: relative;
				top: 545px;
				right: 10px;
				width: 16%;
				float: right;color: #999;
				font-family: 'Trebuchet MS', sans-serif;
}	 
 					 
h1,h2{
	 			display: inline;
				font-weight: normal;
}
h1{
				font-size: 17px;
}
h2{
				font-size: 15px;
				color: gray;
}