html { 
    overflow: hidden; 
}
body{background-color:#000000;color:white;margin:0;padding:0; font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;}a,a:visited,a:hover{color:white;text-decoration:none;}
#nav{
	position:absolute;
	top:0;
	z-index:4;
	height:80px;
	left:0;
	right:0;
	background:#000000;
}

#follow {
	width:auto;
	float:right;
	margin-top:10px;
}

#header {
	width:530px;
	float:left;
	height:80px;
}

#header h3 {
	color:#3397F6;
	font-size:30pt;
	padding:2px;
	margin:2px;
}

#mp3player {
	position:absolute;
	z-index:4;
	bottom:0;
	height:auto;
	right:0;
	padding:5px;
}

#extContainer{
	position:absolute;
	z-index:0;
	overflow:hidden;
}
#extContainer>*{
	z-index:0;
}

#rigato {
	position:absolute;
	z-index:2;
	background: transparent url(../images/overbg.gif) repeat;
	height:100%;
	width:5760px;
}

.normal, a {
	text-transform:lowercase;
	border:0px;
	width:auto;
	margin-right:10px;
}

#work {
	float:left;
	padding:3px;
	width:169px;
	height:85px;
}

.image-portfolio {
	width:169px;
	height:85px;
	border:0px;
}

#sfondo {
	background: #000000 url(../images/bg.jpg) bottom left no-repeat;
	position:absolute;
	z-index:1;
	height:100%;
	width:5760px;
}

#menu {
	height:20px;
	width:450px;
	float:left;
	margin-top:60px;
}
	
#Home, #Works, #Contact {
	height:16px;
	padding:8px;
}

.buttonSwitch, a {
	text-align:center;
	width:120px;
	height:auto;
	float:left;
	text-transform:lowercase;
	cursor:pointer;
}

.buttonSwitch:hover, a:hover  {
    color:#3397f6;
}

.buttonSwitchCurrent, .buttonSwitchCurrent:hover{
	    color:#3397f6;
}

.screen{
	position:absolute;
}

.black {
	color:#ffffff;
	background-color:#000000;
	padding:3px;
	font-size: 30px;
	line-height:40px;
}

.black-small {
	color:#ffffff;
	background-color:#000000;
	padding:3px;
	font-size: 15px;
	line-height:40px;
	
}

.blue {
	color:#3397f6;
	background-color:#000000;
	padding:3px;
	font-size: 30px;
	line-height:40px;
}

.blue-small {
	color:#3397f6;
	background-color:#000000;
	line-height:40px;
	padding:3px;
	font-size: 15px;
}

.content{
	position:relative;
	margin:auto;
	width:800px;
	height:400px;
	margin-top:200px;
	text-align:center;
	font-size:20px;
}

.content-home{
	position:relative;
	margin:auto;
	width:950px;
	height:400px;
	margin-top:200px;
	text-align:center;
	font-size:20px;
}

.content-work {
	position:relative;
	margin:auto;
	width:880px;
	height:457px;
	margin-top:100px;
	text-align:center;
	font-size:20px;
	background: transparent url(../images/bg-menu.png) top left repeat;
}

.content-contact {
	position: relative;
	margin:auto;
	width: 800px;
	height: 170px;
	margin-top:200px;
	text-align: center;
	font-size:20px;	
	background: transparent url(../images/bg-menu.png) top left repeat;
}

.works {
	width:880px;
}

.part2 {
width:auto;
float:left;
min-width:140px;
}

.part {
width:auto;
min-width:200px;
border-right:1px solid #4d4d4d;
float:left;
}

h4 {
	margin:0px;
	padding:0px;
	font-size:12px;
}

#img-contact  {
margin-left:618px;
margin-top:321px;
position:absolute;
z-index:10;
}

#img-works  {
margin-left:19px;
margin-top:321px;
position:absolute;
z-index:10;
}

.contact img {
	margin-right:5px;
}

.contact {
font-size:12px;
text-align:left;
padding:10px;
float:left;
}

.border {
	border-bottom:1px solid #4d4d4d;
	margin-bottom:4px;
	padding-bottom:4px;
}

#contact3 h3.title {
	margin:5px;
	border-bottom:1px solid #4d4d4d;
}

#contact3 hr.title {
	margin:0px;
}

#container{
	position:absolute;
	z-index:3;
}