body,td,th {
	font-family: "Open Sans", sans-serif;
	margin: 0;
  font-size: 12px;
  line-height: 20px;
  color: #666;
  background-color: #fff;
}



h1{font-family: 'Open Sans', sans-serif; font-size:40px; color:#FFF; font-weight:300; line-height:46px; text-transform: uppercase;}


h2{font-family: 'Open Sans', sans-serif;font-size:30px; color:#666; font-weight:300; line-height:46px; text-transform: uppercase; margin:0; padding-top:70px;}


p {line-height:24px;}



#logo{position:fixed; width:245px; height:80px;left:0; top:100px;z-index:3;}


#slogan{margin:0; width:800px; text-align:center; top:50%; left:50%; margin-left:-400px;  position:absolute; border-bottom: 0px solid #fff;border-top: 0px solid #fff;}



.elements{margin:0; padding-top:20%;}

.box{text-align:center; margin:0 auto;background:url(../images/box.png) no-repeat bottom center;padding:0; width:200px; height:200px; text-align:center;}


/**#lateral { height:160px; position:fixed; right:40px; top:50%; margin-top:-80px;}
#lateral ul{ list-style:none; margin:0; padding:0;}
#lateral li{ width:14px; height:14px;background:url(../images/bullet2.png); margin-bottom:10px; }

#lateral ul a{ border:0; }
#lateral ul a:hover{ opacity:0.4;filter:alpha(opacity=40); }
**/



#top{
	height:200px; position:fixed; right:50px; top:50%; margin-top:-100px;
	
}

a img { border:0;}



.nav{
	list-style:none; 
	margin:0;
	padding:0; 
}


.nav li a{
    width:14px; height:14px;background:url(../images/bullet3.png) no-repeat;
	 opacity:0.9;filter:alpha(opacity=90);
}

.nav li {
    width:14px; height:14px;margin-bottom:10px;
}


.nav > li > a {
    color: #ffffff;
   padding:0 18px 0 0;
    text-decoration: none;
 
}

.nav .active > a, .nav .active> a:hover{
   opacity:0.5;filter:alpha(opacity=50);
	background:url(../images/bullet_active3.png) no-repeat;
}

.nav li a:hover {
   opacity:0.4;filter:alpha(opacity=40);
}






/**SEZIONI**/

#home{ 
	background:url(../images/img1.jpg);
	height:1100px;
    width:100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size: cover;	
	background-position: center center;
	overflow:hidden;
	
}
#testo{ 
	background:#fff;
	height:400px;
    width:100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size: cover;	
	
}

#arte{ 
	background:url(../images/img2.jpg);
	height:1100px;
    width:100%;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size: cover;
	background-position: center center;
	overflow:hidden;
	margin:0;
	
}

#creativita{ 
	background:url(../images/img3.jpg);
	height:1100px;
    width:100%;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size: cover;	
	background-position: center center;
	overflow:hidden;
	margin:0;
	
}

#design{ 
	background:url(../images/img4.jpg);
	height:1100px;
    width:100%;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size: cover;	
	background-position: center center;
	overflow:hidden;
	margin:0;
	
}


#passione{ 
	background:url(../images/img5.jpg);
	height:1100px;
    width:100%;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size: cover;	
	background-position: center center;
	overflow:hidden;
	margin:0;
	
}

#must{ 
	background:url(../images/img6.jpg);
	height:1100px;
    width:100%;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size: cover;	
	margin-bottom:5px;
	background-position: center center;
	overflow:hidden;
	
}



#contatti{ 
	background:url(../images/img7.jpg);
	height:1100px;
    width:100%;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;	
	background-position: center center;
	overflow:hidden;
	margin-top:5px;
	font-size:14px;
	text-align:center;
	
}
	

#contatti a:link {
	color: #fff;
	text-decoration: underline;
}


a:link {
	color: #fff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: none;
	opacity:0.6;filter:alpha(opacity=60);
}
a:active {
	text-decoration: none;
	color: #fff;
}


#social{margin:20px 0; padding:0;opacity:0.8;filter:alpha(opacity=80);}

#soial img{border:0;}




#info{margin:0 auto; padding-top:640px; text-align:center; color:#FFF;}




/**BORDO**/
#up {
    background-color: #FFFFFF;
    background-size: auto auto;
	margin: 0;
    height: 20px;
    position: fixed;
    width: 100%;
}
#bottom {
    background-color: #FFFFFF;
    background-size: auto auto;
	margin: 0;
    bottom: 0;
    height: 20px;
    position: fixed;
    width: 100%;
}
#left {
   
    background-color: #FFFFFF;
    background-size: auto auto;
	margin: 0;
    height: 100%;
    left: 0;
    position: fixed;
    width: 20px;
}
#right {
    background-color: #FFFFFF;
    background-size: auto auto;
	margin: 0;
    height: 100%;
    position: fixed;
    right: 0;
    width: 20px;
}






/* Preloader */
#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}



#scrolld{ width:300px; height:70px; text-align:center; position:absolute; bottom:30px; left:50%; margin-left:-150px; color:#FFF; font-size:12px;}



#footer{float:left; padding:15px 0 0 0;font-size:10px; position:relative; bottom:10px; margin:0 auto; text-align:center; width:100%;}
#footer a:link {
	color: #999;
	text-decoration: none;
}


#footer  a:visited {
	text-decoration: none;
	color: #999;
}
#footer  a:hover {
	text-decoration: none;
	color: #333;
}
#footer a:active {
	text-decoration: none;
	color: #999;
}



.fregio {
	width:124px;
	height:30px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/fregio.png); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	
}