body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; background-image:url(img/body_bg.jpg); background-repeat:no-repeat;background-color:#FFF;}
.title{ width:510px; height:226px; margin-bottom:10px;}
.contatti{ font-size:12px; color:#999; margin-left:30px;}
.contatti a{color:#999;}
.contatti a:visited;{color:#999;}
.contatti a:hover;{color:#666;}
.contatti h1{text-indent:-9999px;}
.category{
	margin-top:30px;
	margin-left:30px;
}
.category li{
	display:inline;
	list-style:none;
}
.all{
	background: transparent url(img/all_works.png) no-repeat scroll;
	height:40px;
	width:104px;
	text-indent:-9999px;
	display:block;
	float:left;
}
.all:hover{
	background-position:0 -49px;
}
.web{
	background: transparent url(img/web.png) no-repeat scroll;
	height:40px;
	width:65px;
	text-indent:-9999px;
	display:block;
	float:left;
	margin-left:10px;
}
.web:hover{
	background-position:0 -49px;
}
.graphics{
	background: transparent url(img/graphics.png) no-repeat scroll;
	height:40px;
	width:103px;
	text-indent:-9999px;
	display:block;
	float:left;
	margin-left:10px;
}
.graphics:hover{
	background-position:0 -49px;
}
.photography{
	background: transparent url(img/photography.png) no-repeat scroll;
	height:40px;
	width:136px;
	text-indent:-9999px;
	display:block;
	float:left;
	margin-left:10px;
}
.video:hover{
	background-position:0 -49px;
}
.video{
	background: transparent url(img/video.png) no-repeat scroll;
	height:40px;
	width:76px;
	text-indent:-9999px;
	display:block;
	float:left;
	margin-left:10px;
}
.photography:hover{
	background-position:0 -49px;
}
.prj { 
	height:588px;
	width:940px;
	display:block;
	/*margin-left:30px;*/
	margin-top:15px;
	clear:both;
	/*background-image:url(../img/bg_prj.jpg);*/
}
.prj_video { 
	height:420px;
	width:940px;
	display:block;
	/*margin-left:30px;*/
	margin-top:15px;
	clear:both;
	/*background-image:url(../img/bg_prj.jpg);*/
}
.video_vimeo{
	margin-left:34px;
	margin-right:34px;
	margin-top:34px;
}

.video_prj{
	height:420px;
	width:710px;
	float:left;
}

.image_prj{
	height:588px;
	width:710px;
	float:left;
}
.sidebar_prj{
	width:230px;
	float:left;
	padding-top:35px;
}
.box_prj{
	width:180px;
	background-color:#eaeaea;
	background-image:url(img/bg_box.gif);
	background-position:bottom;
	background-repeat:repeat;
	border:1px solid #CCC;
	padding:15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.box_prj h2{
	font-family:"Rockwell", Georgia;
	font-size:26px;
	line-height:22px;
	background-image:url(img/trat.png);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
	color:#333;
}
.box_prj p{
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	font-size:11px;
	margin-top:5px;
	
}

.box_prj a{
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	
}

.box_prj a:hover{
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	
}

.visita {
	margin-top:10px;
}
.visita_link {
	background: transparent url(img/visita.png) no-repeat scroll;
	height:40px;
	width:72;
	text-indent:-9999px;
	display:block;
	margin-left:107px;
}
.visita_link:hover{
	background-position:0 -49px;
}
/*
mySQL : 0;
php : -25;
Flash (as2) : -50;
Falsh (as3) : -75;
xHtml : -100;
Illustrator : -125;
sony alpha 100 : -150;
Photoshop : -175;
*/
.tech_cont{
	margin-bottom:10px;
	overflow:hidden;
}
.tech_cont ul{
	list-style:none;
	margin-top:-5px;
}
.tech{
	background: transparent url(img/tech.png) no-repeat scroll;
	height:25px;
	text-indent:-9999px;
	display:block;
	float:left;
}
.tech.mySQL{
	background-position: 0 0;
	width:67px;
}
.tech.php{
	background-position: 0 -25px;
	width:41px;
}
.tech.Flash_as2{
	background-position: 0 -75px;
	width:92px;
}
.tech.Flash_as3{
	background-position: 0 -50px;
	width:92px;
}
.tech.xHtml{
	background-position: 0 -100px;
	width:56px;
}
.tech.xml{
	background-position: 0 -100px;
	width:56px;
}
.tech.Illustrator{
	background-position: 0 -125px;
	width:85px;
}
.tech.Sony{
	background-position: 0 -150px;
	width:88px;
}

.tech.Photoshop{
	background-position: 0 -175px;
	width:92px;
}
.tech.xml{
	background-position: 0 -200px;
	width:41px;
}
.tech.js_mootools{
	background-position: 0 -225px;
	width:99px;
}
.tech.FinalCutPro{
	background-position: 0 -250px;
	width:109px;
}
.tech.Canon5dMarkII{
	background-position: 0 -275px;
	width:147px;
}

	
.footer{height:120px;font-size:10px; color:#666; margin-left:30px; overflow:hidden; margin-top:10px;}

.footer a{
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
.footer a:hover{
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	}