body {background: url(images/bg_pager.jpg) top center; font-family: arial; font-size: 15px;}
#main {width: 100%; background: #fff; overflow: hidden;}
#wrapper {width: 960px; margin: 0 auto 30px auto; overflow: hidden;}

#header { width: 960px; margin:0 auto; height: 130px; z-index:20; }
 #header img {display: block; margin: 0 auto}
body.page #header img {display: block; margin-left:30px;}

#works {width: 960px; height: 280px; margin:0 auto;
		background: url(images/bg_works.png) top center no-repeat ; 
	  z-index:10;
		overflow: hidden; }
		#gr {height: 15px; background: url(images/gr.png) top center repeat-x; width:100%; }
#slideshowcontainer {height: 260px; width:960px; background:transparent; margin:0 auto;}	
#slideshow { width:800px; margin:30px auto; overflow:hidden; float: left; position: relative}
#slideshow ul {height: 200px; width:4000px;}
#slideshow ul li {width:255px; height: 200px; float: left; margin:0 9px 0 4px; display: block; overflow: hidden;  position: relative}

#previtem, #nextitem {width: 80px;margin-top:100px; float: left;}

	
#guardaportfolio {width:252px; float:right; position:relative; top: -20px; margin-right:85px;}
#navigation  {width:900px; height:40px; margin:0 auto;  overflow: hidden;
display: block;

/* 					background: url('images/bg_navigation.png') top no-repeat; */}
					#navigation ul{margin-left: 30px; height:40px;}
					body.page #navigation ul{margin-left: 5px;}
					#navigation ul li {float: left;}

#navigation ul li a, #navigation ul li a.inactive { width: 155px; height: 40px;
		background: url('images/bg_nav_tab.png') top left no-repeat; display: block;
		color: #fff; text-decoration:none;}
		
		
#navigation ul li a.active, #navigation ul li a:hover	{background: url('images/bg_nav_tab_active.png'); color: #000; }
		
#navigation ul li a span {padding-top: 18px; padding-right:10px; text-align: center; display: block;}
#info-container {width:900px; 	 margin:0 auto; overflow: hidden;}

#works-container {width:1900px; margin:30px auto; overflow: hidden;}

#works-container ul li {float: left; margin: 9px;}
.slidepanel {width: 250px; height: 200px; position: relative}
.moreinfo {height: 100px; background: black; color: white;  position: relative; top:0;}
#works-container ul li img {}
#info-works {width:500px; float: left; overflow: hidden; position:relative }
#description-works {margin-left:510px; overflow: hidden; width: 350px; }
#description-works p {padding:10px 5px;}

#generic-description h1 {font-size: 16px; font-weight: bold; padding-left: 5px}
span.work-item-title {font-weight: bold; font-size: 18px;text-transform: uppercase;}

p.work-item-description {display:none;}
p.work-item-description a {color:#666666; text-decoration:none;}
h1.portfolioheading {font-weight: bold; font-size: 20px; margin: 0 5px; letter-spacing: -1px; text-transform: uppercase;}
#info {width:1900px;height:450px; }
#web-box, #video-box {width: 450px; height:450px; float: left;}

#web-box {background: url('images/bg_web_box.jpg') top no-repeat; }
#video-box {background: url('images/bg_video_box.jpg') top no-repeat; }
.infobox {padding: 160px 10px 10px 45px;}
ul.productlist li {list-style: disc; margin-bottom: 5px;}
#contatti-box {width:900px; height: 350px; margin:0 auto; overflow: hidden; text-align: center; background: url('images/contatti.png') top left no-repeat;}
.contatti {margin: 30px 50px 30px 450px; text-align: left;}
#footer {margin:0 auto;  overflow: hidden; 
	text-align: center; color: #fff; font-size: 11px;}
#footer .in {padding:25px 0;}

#contentpreview {display: none}

img.portfoliolink {margin: 30px 0 0 70px;}
img.torna {margin-top:50px;}
img.vai {margin:10px 0 0 0;}

.float-left {float: left;}
.float-right {float: right;}