@charset "UTF-8";
/* CSS Document */


body{background-image:url(../images/scicoStripe.png);}

#content{margin:0px auto 0px auto; width:699px;}

#headBlock{background-color:#000;}

#headBlock h1{color:#fff; margin:10px 5px; float:left; font-size:1.3em;}

#logo{margin:10px 5px; float:left;}

#headBlock h2{color:#c00;  margin:20px 5px 10px 5px; float:right; font-size:0.9em;}

#headBlock h1, #headBlock h2{font-family:Arial, sans-serif; font-weight:normal;}

#imago{position:relative; margin:0px 1px; background-image:url(../images/imago_luke.jpg); background-repeat:no-repeat; width:697px; height:278px; border-top:1px solid #c03; border-bottom:1px solid #c03;}

#imago h1{position:absolute; top:120px; text-align:center; color:#fff; font-family:Verdana, Geneva, sans-serif; margin:0px; padding:0px 20px; font-weight:normal; font-size:1em; line-height:95%; font-style:italic;}
#imago h1 span {color:#c03;}

#traspBox{
	position:relative;
	top:170px;
	height:90px;
	background-image:url(../images/back_70.png); background-position:top; background-repeat:repeat-x;
	/*border-bottom:1px solid #c03; border-top:1px solid #c03;*/}

/* Prova con Tre Box Sopra Imago Luca */

#box1, #box2, #box3{position:absolute; height:100px; width:190px; margin:0px 2px; text-align:center; float:left; background-color:transparent;}
#box1{top:-15px; left:10px;}
#box2{top:-15px; left:242px;}
#box3{top:-15px; left:483px;}




#currentVideo{
position:absolute;
top:157px;
width:697px;
height:100px;
border-top:1px solid #300;
background-color:#000;
filter:alpha(opacity=45);-moz-opacity:.45;opacity:.45;}

a img{border:0px;}
.clear{clear:both;}

#fourCols{background-color:#000;}

#col1, #col2, #col3, #col4 {width:174px; float:left; background-color:#000; margin-bottom:20px;}
#col1{border-right:1px solid #222;}
#col2{border-right:1px solid #222;}
#col3{border-right:1px solid #222;}
#col4{}

#col1 h1, #col2 h1, #col3 h1, #col4 h1{margin: 0px 5px; color:#c03; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.0em; border-bottom:1px solid #c03;}
#col1 p{margin:10px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
#col1 p.bigger{font-size:0.9em;}
#col1 strong{color:#c03; font-weight:normal;}


#col4 ul{margin:0px; padding:0px 5px; list-style-type:none; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
#col4 li{margin:3px 0px; padding:5px 0px 5px 4px; border-bottom:1px dotted #333;}
#col4 li:last-child{border-bottom:none;}
#col4 a{color:#c03;}
#col4 a:hover{color:#333;}

/* Definizione dei Box della TV  */

#worksTv, #worksCommercials, #worksOthers{height:100px; margin:0px 2px; text-align:center;}

#worksTv{background-color:#000;}

#worksCommercials{background-color:#000;}

#worksOthers{background-color:#000;}


#footer{
	margin:0px; padding:0px; background-color:#000; border-top:1px solid #c03; text-align:center;}
#footer p{margin:0px; padding:10px 5px; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; color:#fff;}
#footer a{color:#c03;}
#footer a:hover{text-decoration:none;}


/* parte Video Costruzione Visore Preview */

#holdaVideos{background-color:#ccc; width:90%;}

#video1, #video2, #video3, #video4, #video5, #video6, #video7, #video8, #video9{
	float:left;
	color:#fff;
	width:150px;
	height:140px;
	padding:5px;
	margin:10px;
	background-color:#c03;
	font-family:Arial, Helvetica, sans-serif;}
	
#video3, #video6, #video9{float:right;}	
#video2, #video5, #video8{margin-left:90px;}	
	
p.titleVid{font-size:0.9em; border-bottom:1px solid #fff;}
p.synopsVid{font-size:0.7em;}



