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

body
{

margin:0;
padding:0;
background-image:url(../images/pixelBg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#f0f0f0;
cursor:default;
}

#nav {padding:0; margin:0; list-style:none; height:58px; position:relative; z-index:500;}

#nav li.omnia {display:block; float:left; padding:0; width:79px; height:58px;}
#nav li a.omnia_link span {float:left; display:block; padding:0; width:79px; height:58px; background: url(../images/omnia.jpg) left top no-repeat;}
#nav li:hover a.omnia_link span {background:url(../images/omniaH.jpg) no-repeat left top; cursor:pointer;}
#nav li a.omnia_link span.active {float:left; display:block; padding:0;background:url(../images/omniaH.jpg) no-repeat left top; cursor:pointer;width:79px; height:58px;}

#nav li.due {display:block; float:left; padding:0; width:16px; height:58px;}
#nav li a.due_link span {float:left; display:block; padding:0; width:16px; height:58px; background: url(../images/2.jpg) left top no-repeat;}
#nav li:hover a.due_link span {background:url(../images/2H.jpg) no-repeat left top; cursor:pointer;}
#nav li a.due_link span.active {float:left; display:block; padding:0; background:url(../images/2H.jpg) no-repeat left top; width:16px; height:58px;}


#nav li.design {display:block; float:left; padding:0; width:79px; height:58px;}
#nav li a.design_link span {float:left; display:block; padding:0; width:79px; height:58px; background: url(../images/design.jpg) left top no-repeat;}
#nav li:hover a.design_link span {background:url(../images/designH.jpg) no-repeat left top;cursor:pointer;}
#nav li a.design_link span.active {float:left; display:block; padding:0; background: url(../images/designH.jpg) left top no-repeat; width:79px; height:58px; }


#nav li.portfolio {display:block; float:left; padding:0; width:116px; height:58px;}
#nav li a.portfolio_link span {float:left; display:block; padding:0; width:116px; height:58px; background: url(../images/portfolio.jpg) left top no-repeat;}
#nav li:hover a.portfolio_link span {background:url(../images/portfolioH.jpg) no-repeat left top;cursor:pointer;}
#nav li a.portfolio_link span.active {float:left; display:block; padding:0; width:116px; height:58px; background: url(../images/portfolioH.jpg) left top no-repeat;}


#nav li.contact {display:block; float:left; padding:0; width:106px; height:58px;}
#nav li a.contact_link span {float:left; display:block; padding:0; width:106px; height:58px; background: url(../images/contact.jpg) left top no-repeat;}
#nav li:hover a.contact_link span {background:url(../images/contactH.jpg) no-repeat left top; cursor:pointer;}
#nav li a.contact_link span.active {float:left; display:block; padding:0; width:106px; height:58px; background: url(../images/contactH.jpg) left top no-repeat;}

#header
{
width:850px;
height:160px;
text-align:left;
}

#menu
{
float:right;
height:58px;
width:410px;
margin-top:102px;
}

#logo
{
float:left;
margin-top:43px;
width:156px;
height:117px;
display:none;
}

#logoV
{
float:left;
margin-top:43px;
width:156px;
height:117px;
}

h1.titolone1
{
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
color:#000;

}

h1.titolone2
{
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
color:#ff0099;

}

h1.titolone3
{
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
color:#ff9900;

}

h1.titolone4
{
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
color:#669900;
}

h1.titolone5
{
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
color:#3399cc;

}

h2
{
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
font-size:24px;
color:#ff0099;
font-weight:normal;

}

h3
{
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
font-size:20px;
color:#ff0099;
font-weight:normal;
font-style:italic;
}

#Main
{
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
font-weight:normal;
background-color:#f0f0f0;
width:850px;
margin-top:30px;
text-align:left;
min-height:350px;
}

#footer
{
text-align:center;
padding:50px 0px 20px 0px;
width:20%;
margin:0 auto;
margin-bottom:20px;
}

#footer a
{
font-size:11px;
color:#999;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
}

#footer a:hover
{
font-size:11px;
color:#666;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
}

#infoFooter
{
	padding-top:10px; margin-right:20px; float:left;
}

.noBorder
{
border:none;
}

.previewPortfolio
{
border:1px solid #CCCCCC;
}

a:hover img.previewPortfolio
{
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:0.75;
}

a
{
color:#999999;
text-decoration:none;
}

a:hover
{
color:#666666;
text-decoration:none;
}

.workInfo
{
	float:left; width:320px; padding-top:20px; padding-left:40px; line-height:200%;
}

#previewPortfolio
{
padding-top:20px;
width:560px;
}