body {

background-color: #000000;
font-size: 9px;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
margin: 0;
padding: 0;

}

img 	{

	border: none

}

p		{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
font-size: 10px;
}


td 	{

	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-size: 10px;
border: none

}

/**************************************************************/


.header		{
	font-weight:bold;
	font-family:Arial;
	color:#ffffff;
	text-decoration:none;
	font-size: 11px;
}

#top	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-image:url('images/header.gif');
	background-repeat:no-repeat;
	width:826px;
	height:78px;
	margin-top: 15px;
	margin-bottom: -2px
}

#footer {

	padding: 5px 0px 10px 0px; 
	width: 818px;
	color: #333333;
	text-align: center;

}

#footer a {

	color: #333333

}

#top div div	{

	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-size: 10px;
	float: left;
	margin-top: 21px;
	margin-right: 10px;
}

div.menu{

	background-repeat:no-repeat;
	width:818px;
	height:20px;
	margin-top: 5px

}


div.section{

	background-repeat:no-repeat;
	width:818px;
	height:189px;
	margin-top: 5px;
	border: solid 0px #222222;
	border-bottom-width: 1px

}

div.insidesection{

	background-repeat:no-repeat;
	width:818px;
	height:110px;
	margin-top: 5px;
	border: solid 0px #222222;
	border-bottom-width: 1px;
	text-align: left


}

div.sub_section{

	background-repeat:no-repeat;
	width:818px;
	margin-top: 5px;
	padding-bottom: 5px;
	border: solid 0px #222222;
	border-bottom-width: 1px

}


div.clients{

	background-repeat:no-repeat;
	width:818px;
	height:295px;
	margin-top: 5px;
	border: solid 0px #222222;
	border-bottom-width: 1px

}

div.service{

	background-repeat:no-repeat;
	width:818px;
	height:370px;
	margin-top: 5px;
	border: solid 0px #222222;
	border-bottom-width: 1px

}

.section_top_purple{

	height: 12px;
	background: url('images/lila_top.gif') no-repeat;

}

.section_bottom_purple{

	height: 12px;
	background: url('images/lila_bottom.gif') no-repeat;

}


.section_top_red{

	height: 12px;
	background: url('images/red_top.gif') no-repeat;

}

.section_bottom_red{

	height: 12px;
	background: url('images/red_bottom.gif') no-repeat;

}

.portfolio_top{

	height: 4px;
	background: url('portfolio/top.gif') no-repeat;

}

.portfolio_bottom{

	height: 8px;
	background: url('portfolio/bottom.gif') no-repeat;

}

#content1	{
	background-image:url('images/section_about_bg.jpg');
}
#insideportfolio	{
	background-image:url('images/inside_section_about.jpg');
}
#insidemusic	{
	background-image:url('images/inside_section_music.jpg');
}
#content2	{
	background-image:url('images/section_clients_bg.jpg');
}
#content3	{
	background-image:url('images/section_services_bg.jpg');
}
#content4	{
	background-image:url('images/section_team_bg.jpg');
}
#content5	{
	background-image:url('images/references_bg.gif');
	height: 106px
}

#content6	{
	display: none;
}

#content7	{
	display: none;
}



#content9	{
	display: none;
}

#div1	{display: block;}
#div2	{display: none;}
#div3	{display: none;}
#div4	{display: none;}
#div5	{display: none;}
#div6	{display: none;}

div.content{

	margin-left: 10px;
	padding-top: 14px

}

div.content div{

	line-height: 11px;
	width: 190px;
	margin-left: 24px;
	padding-top: 13px;
	background-repeat: no-repeat;
	float: left;

}

div.content div.content_first{

	margin: 0;
	width: 152px;
	float: left;
	margin-top: 120px;
	text-align: center;

}


div.content #music{
	background-image: url('images/music.gif');
}

div.content #web{
	background-image: url('images/web.gif');
}

div.content #altro{
	background-image: url('images/altro.gif');
}




/*--------------------------------------------*/

#clients_list{

	clear: both;

}

#clients_list div{

	float: left;
	width: 160px;
	margin-right: 43px;

}


table.content{

	width: 804px;
	margin-top: 20px;

}

table.content td{

	font-size: 10px;
	font-weight: normal;
	padding-left: 15px;

}

.photo	{

	width: 142px;
	padding-top: 15px;
	vertical-align: top;

}


.factsheet	{

	width: 110px;
	font-size: 10px;
	font-weight:normal;
	color:#ffffff;
	padding-top: 52px;
	text-align: center;

}

.references	{

	width: 375px;
	font-size: 10px;
	font-weight:normal;
	color:#ffffff;
	padding-top: 10px;
	/*text-align: center;*/

}

.clickview	{

	width: 120px;
	font-size: 10px;
	font-weight:normal;
	color:#ffffff;
	padding-top: 52px;
	text-align: center;

}

.desktop	{

	padding-top: 15px;
	padding-bottom: 8px;
	width: 210px;
	vertical-align: bottom;
	text-align: center;
}

ul {
	list-style-type: none;
	list-style-position: outside;
	margin-left: 5px;
	margin-top: 3px;
	padding: 0px;
	margin-bottom: 2px;
}

li {
	line-height: 12px;
	font-size: 10px;
	padding-left: 10px;
	background-image: url('images/list_pointer2.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
	color: #F091A8
}

h1 {
	font-weight:normal;
	font-family:Arial;
	color:#ffffff;
	text-decoration:none;
	font-size: 10px;
	font-weight: bold;
}

.myspace {
	font-family:Arial;
	color:#ffffff;
	font-size: 14px;
	font-weight: bold

}

a.myspace {font-family:Arial;color:#ffffff;font-size: 14px; font-weight: bold}
a.myspace:hover {  color: #FFFFFF; text-decoration: underline; font-size: 14px; font-weight: bold}
a.myspace:active {  color: #FFFFFF; font-size: 14px; font-weight: bold}
a.myspace:visited {  color: #FFFFFF;font-size: 14px; font-weight: bold}

a {  color: #FFFFFF; text-decoration: none; font-size: 10px}
a:hover {  color: #FFFFFF; text-decoration: underline; font-size: 10px}
a:active {  color: #FFFFFF; font-size: 10px}
a:visited {  color: #FFFFFF; font-size: 10px}


a.button { 
	background: url('images/button.gif') no-repeat; 
	text-align: center;
	vertical-align: middle;
	width: 86px;
	height: 31px;
	display: block;
	margin: 0 auto;
}

a.button img{

	margin-top: 7px;
	vertical-align: middle;

}

a.button_close{

	 background: url('images/button_close.gif') no-repeat; 
	 width: 27px; 
	 height: 27px; 
	 display: block;
	 margin-right: 3px;
margin-top: 3px;
	 float: right

}

.nega {  font-size: 10px; color: #FFFFFF; font-family: Verdana;}

.sendbutton {
	background-image: url('images/laheta.gif');
	border:medium none;
	height: 22px;
	width: 89px
}

.inquiry {
	background-image:  url('images/inq_header.gif');
	background-repeat: no-repeat;
	padding-top: 25px
}

.textfield	{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 11px;
	font-weight: normal;
	background: #000000;
	color: #cccccc;
}

/*---------definizione css per galleria foto---------*/


#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0}
#lightbox a img{ border: none}
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto}
#imageContainer{padding: 10px}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0	}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10}
#imageContainer>#hoverNav{ left: 0}
#hoverNav a{ outline: none}
#prevLink, #nextLink{ width: 49%;height: 100%;background: url('images/blank.gif') no-repeat; display: block}
#prevLink { left: 0; float: left}
#nextLink { right: 0; float: right}
#prevLink:hover, #prevLink:visited:hover { background: url('images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('images/nextlabel.gif') no-repeat right 15%; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;	width: 100%}
#imageData{padding:0 10px; color: #666}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}	
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em	}
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000	}