/*
 * CSS Styles that are used on the jScrollPane demo site - these are custom to the site and
 * you shouldn't need to use them in your own implementations of jScrollPane.
 */

*
{
	margin: 0;
	padding: 0;
}

html,
body
{
	background: #e0e0e0;
}

body
{
}

img{border:0px;}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}


.content{
	width:1000px;
	z-index:100;
	position:relative;
	left:20px;
	
	}

.portfolio{
	position:absolute;
	width:750px;
	left:0px;
	height:100%;
	overflow:visible;
}


.nav{
	position:absolute;
	height:100%;
	width:50px;
	left:750px;
border-left:1px dotted #aaa;
	border-right:1px dotted #aaa;
	background-color:#e0e0e0
}

.story{
	position:absolute;
	height:100%;
	width:200px;
	left:800px;
	border-right:1px dotted #aaa;

}


.top{
	position:absolute;
	height:200px;
	width:1000px;
	top:0px;
	z-index:1000;
}

.pier{
	position:absolute;
	height:160px;
	top:30px;
	width:400px;
	left:320px;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 70px;
color:#ccc;
	line-height:55px;
}


.title{
	height:40px;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	 width:1000px; 
	margin-top:50px;
	position:relative;
	margin-bottom:20px;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 35px;
	color:#77aaad;
	line-height:40px;
	padding-left:10px;
	}
	
.block{
	height:40px;
	width:100px;
	position:absolute;
	top:0px;
	left:750px;
		background-color:#e0e0e0

	
	}	

.data{
	position:absolute;
	height:40px;
	width:300px;
	margin-top:-40px;
	right:60px;
	text-align:right;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 35px;
	color:#fff;
	line-height:40px;		
	}
	
.about{
	position:absolute;
	height:40px;
	width:100px;
	margin-top:-40px;
	left:810px;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 35px;
	color:#ccc;
	line-height:40px;		
	}	
	
.percentage{
	position:absolute;
	height:40px;
	width:300px;
	margin-top:-40px;
	left:1010px;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 35px;
	color:#ccc;
	line-height:40px;		
	}		
	
	
.graph{
	position:absolute;
	height:410px;
	width:750;
	margin-top:40px;
	left:1020px;	
	}		
	
	

.mytime{
	position:absolute;
	width:200px;
	height:70px;	
	top:180px;
	left:1040px;;
font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 50px;
	color:#ccc;
	line-height:55px;	
	}
	
	
	.time{
	position:absolute;
	width:569px;
	height:445px;	
	top:30px;
	left:1150px;;
	background-image:url(img/time.jpg);
	}



 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:750;
	height:410px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
	width:750;
	height:410px;
  overflow:hidden; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
	width:750;
	height:410px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:44px;
  height:44px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:60px;
  left:753px;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  left:753px;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}

.link {
  display:block;
  width:44px;
  height:44px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  top:366px;
  left:753px;  
}


.tweet{
	position:relative;
	width:980px;
	background-color:#77aaad;
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 55px;
	color:#ffffff;
	line-height:50px;
	padding:20px;	
	margin-top:50px;
  -moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari and Chrome */
  font-weight:normal;

  border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.status{
	position:absolute;
	height:14px;
	background-color:#fff;
	font-family: 'PixeladeRegular', sans-serif;
	font-size: 13px;
	color:#000;
	text-transform:uppercase;
	line-height:13px;
	padding:2px;
	padding-right:8px;
	padding-left:25px;	
  -moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari and Chrome */
  font-weight:normal;

  border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.pointer{
	position:absolute;
	height:22px;
	width:21px;
	background-image:url(img/pointer.png);
	top:-2px;
	left:-4px;
	
	
	}
.green{
	position:absolute;
	width:13px;
	height:19px;
	bottom:-19px;
	right:6px;
	background-image:url(img/green-triangle.jpg);
	}
	
.white{
	position:absolute;
	width:13px;
	height:19px;
	bottom:-19px;
	right:6px;
	background-image:url(img/white-triangle.jpg);
	}	
	
.contact{
	position:absolute;
	height:109px;
	width:109px;
	left:933px;
	top:30px;
	z-index:10000;}	

strong{ 
color:#005263;
font-weight:normal;
}

.storia{
	position:absolute;
	height:410px;
	left:805px;
	width:200px;
	top:50px;
}

.baloon-client{
	position:relative;
	width:190px;
	background-color:#000;
	font-family: 'PixeladeRegular', sans-serif;
	font-size: 13px;
	color:#ffffff;
	text-transform:uppercase;
	line-height:16px;
	padding:10px;	
	margin-top:10px;
  	-moz-border-radius: 4px; /* Firefox */
  	-webkit-border-radius: 4px; /* Safari and Chrome */
  	font-weight:normal;

  	border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	
	
	
	}

p{
	padding:10px;
	margin:0px;
	width:170px;
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 22px;
	color:#555;
	line-height:26px;
	text-transform:uppercase;
	}

a{color:#c5bda5;}

p a{
	background-color:#000;
	text-decoration:none;
	color:#fff;
	padding:3px;
	
	}
	
p a:hover{
	background-color:#fff;
	text-decoration:none;
	color:#000;
	padding:3px;
	
	}	



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 23, 2010 */



@font-face {
	font-family: 'BebasNeueRegular';
	src: url('bebasneue-webfont.eot');
	src: local('☺'), url('bebasneue-webfont.woff') format('woff'), url('bebasneue-webfont.ttf') format('truetype'), url('bebasneue-webfont.svg#webfontAr8YHh8c') format('svg');
	font-weight: normal;
	font-style: normal;
	font-size-adjust: 0.58;
}



@font-face {
	font-family: 'PixeladeRegular';
	src: url('pixelade-webfont.eot');
	src: local('☺'), url('pixelade-webfont.woff') format('woff'), url('pixelade-webfont.ttf') format('truetype'), url('pixelade-webfont.svg#webfontg4qBbbfP') format('svg');
	font-weight: normal;
	font-style:normal;
	font-size-adjust: 0.1;
	
	
}