* {
	margin: 0;
	padding: 0;
}

a.linkout {
	/*background: url(../images/linkout.gif) top right no-repeat;*/
	padding: 0 10px 0 0;
}

body {
	background: url(../background/bg02.jpg) top center fixed #000000;
	color: #FFFFFF;
	font: 14px/14px Helvetica, "Trebuchet MS", Arial, sans-serif;
	/*overflow:hidden*/
}

img, fieldset {
	border: 0;
}

/*ul 			{
	list-style-type: none;
}*/

.clear {
	clear: both;
}

.hd {
	color: #FFFFFF;
	font: 12px Helvetica, "Trebuchet MS", Arial, sans-serif;
	height: 50px;
	left: 150px;
	position: absolute;
	top: 42px;
	width: 600px;
	z-index: 1;
}

.hd h3 {
	background: url() top center no-repeat;
	display: block;
	height: 26px;
	margin: 0 0 2px;
	text-indent: -9000px;
}

.hd p {
	padding-left: 1px;
	padding-top: 4px;
}

.sub {
	background: url(../background/overlay2.png) top center no-repeat;
	/*background: url(../background/overlay3.png) top center no-repeat;*/
	height: 740px; /* 57 -35*/
	margin: 0 auto;
	padding: 37px 0 0 0;
	position: relative;
	width: 960px;
}

#bordermiddleleft, #borderbottomleft{
	clear: left;
}

#cf .itf {
	width: 300px;
}

#cf .itf, #cf textarea {
	background: #001219;
	border: 2px solid #1D313A;
	color: #D5EDF6;
	filter: alpha(opacity=50);
	font: 14px Helvetica, "Trebuchet MS", Arial, sans-serif;
	margin: 0 0 5px;
	opacity: 0.5;
	padding: 7px;
}

#cf input.isb {
	background: url(../images/btn_general.gif) #FFFFFF top center no-repeat;
	border: 0;
	color: #000000;
	cursor: pointer;
	display: block;
	font: bold 12px/28px Helvetica, "Trebuchet MS", Arial, sans-serif;
	height: 28px;
	width: 112px;
}

#cf input.isb:hover {
	background-position: bottom center;
	color: #FFFFFF;
}

#cf label {
	display: block;
	height: 5px;
}

#cf textarea {
	height: 117px;
	margin: 0 0 14px;
	overflow: auto;
	width: 300px;
}

#colorbox{
	margin-left: -1px;
	margin-top: -1px;
	overflow: hidden;
	padding: 1px;
}

#colorbox{
}

/*******************************************************************************
 * =PLUGIN CSS
 -----------------------------------------------------------------------------*/
#colorbox, #modalbackgroundoverlay, #modalwrap{
	left: 0;
	position: absolute;
	top: 0;
	z-index: 9999;
}

/*=COMPANY -------------------------------------------------------------------*/
#company .hd h3 {
	background-image: url(images/hd_company.gif);
	width: 217px;
}

#company .info {
	height: 780px;
	left: 140px;
	overflow: hidden;
	position: absolute;
	top: 108px; /*left: 174px;*/
	width: 750px;
}

#company .info .about {
	float: left;
	margin: 0 25px 0 0;
	width: 296px;
}
 
 #company .info .about {
	float: left;
	margin: 0 25px 0 0;
	width: 296px;
	font: 12px/16px Helvetica, "Trebuchet MS", Arial, sans-serif;
}

#company .info .about h4 {
	border-bottom: 1px solid #1B323A;
	color: #96B82E;
	margin-bottom: 9px;
	padding-bottom: 15px;
}

#company .info .about p {
	color: #83A1AD;
	color: #D1DBDF;
	font: 12px/16px Helvetica, "Trebuchet MS", Arial, sans-serif;
	margin-right: 0;
	padding-bottom: 10px;
}

#company .info .about p a,
#company .info .about p a:hover,
#company .info .about p a:visited {
	color: #FF0000;
}

#company .info .about ul {
	border: 0;
	margin: -10px 0 0 0;
	padding: 0;
	position: absolute;
	width: 320px;
}

#company .info .about ul li {
	color: #FFA800;
	float: left;
	font: normal 12px/16px Helvetica, "Trebuchet MS", Arial, sans-serif !important;
	margin: 0 14px 0 0;
	padding: 6px 0 4px 0;
	text-align: left;
	width: 320px;
}

#company .info .about ul li {
	background: url(../images/tick.png) no-repeat left center;
	/*clip: rect(auto,auto,auto,auto);*/
	color: #7FB2B1;
	float: left;
	font: normal 12px/16px Helvetica, "Trebuchet MS", Arial, sans-serif !important;
	margin: 0 14px 0 0;
	padding: 6px 0 4px 0;
	text-align: left;
	text-indent: 20px;
	width: 320px;
}

#company .info .about ul li.nounderline {
	border-bottom: 0;
}

#company .info .about ul li.nounderline {
	background: url(../images/tick2.png) no-repeat left center;
}

#company .info .mikki {
	margin: 0 17px 0 0;
}

#company .info .mikki {
	float: left;
	width: 280px;
}

#company .info .mikki a {
	color: #648C0E;
}

#company .info .mikki a:hover {
	color: #FFCC00;
}

#company .info h4 {
	font: bold 16px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
	margin: 0 0 5px;
}

#company .info img {
	margin: 0 0 10px; /*border: 1px solid #3f4952;*/
}

#company .info li {
	line-height: 18px;
	margin: 0 4px 0 0;
	padding: 0 0 0 25px;
}

#company .info li.phone {
	background: url(../images/telefono.gif) top left no-repeat;
}

#company .info li.skype {
	background: url(../images/skype.gif) top left no-repeat;
}

#company .info li.twitter {
	background: url(../images/twitter.png) top left no-repeat;
}

#company .info p {
	font: 12px/16px Helvetica, "Trebuchet MS", Arial, sans-serif;
	margin: 0 4px 8px 0;
}

#company .info ul {
	list-style: none;
	margin: 0 0 10px;
}

#con {
	margin: 0 auto;
	width: 100%;
}

#con .item-box
	{
	background: transparent no-repeat right 65px;
	display: none;
	height: 100px;
	height: auto !important;
	min-height: 100px;
	padding: 30px 80px 10px 80px;
}

#con .item-box h3
	{
	background: url(../images/base.png) top left no-repeat;
	color: #FFCC00;
	margin: 0 0 15px 0;
}

#con .item-box p
	{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 16px;
	margin: 10px;
	width: 330px;
}

#con .more-box		{
	display: none;
}

#con a#work-next
	{
	background-image: url(../images/next.gif);
}

#con a#work-prev
	{
	background-image: url(../images/prev.gif);
}

#con a.button
	{
	background: transparent url(../images/button_bg.gif) no-repeat 0 0;
	cursor: pointer;
	display: block;
	float: right;
	height: 33px;
}

#con a.button span
		{
	background: transparent url(../images/button_corner.gif) no-repeat right 0;
	color: #999999;
	display: block;
	float: left;
	font-size: 12px;
	font-variant: small-caps;
	height: 100%;
	line-height: 20px;
	padding: 0 10px;
	text-transform: lowercase;
}

#con a.button:hover
	{
	text-decoration: none;
}

#con a.button:hover span
		{
	color: #FFFFFF;
	text-decoration: none;
}

#con a.button:active span			{
	padding-top: 1px;
}

#con a.button-selected span			{
	color: #7FC011;
}

#con a.button-selected:hover span	{
	color: #7FC011;
}

#con a.button-way
	{
	background: transparent no-repeat 0 0;
	float: right;
	height: 34px;
	outline: none;
	text-indent: -9999px;
	width: 35px;
}

#con a.button-way:hover		{
	background-position: 0 -34px;
}

#con a.button-way:active	{
	background-position: 0 1px;
}

#con a.more-link 			{
	color: #FFFFFF;
	font-variant: small-caps;
	text-transform: lowercase;
}

#con a.more-link i		{
	color: #7FC011;
}

#con a.more-link span.less 	{
	display: none;
}

#con p.grey			{
	color: #666666;
}

#con p.no-indent	{
	color: #5E9D9C;
	font: 12px/16px Helvetica, "Trebuchet MS", Arial, sans-serif;
	outline: none;
	text-indent: 0;
}

#con p.no-indent	{
	text-indent: 0;
}

#con p.no-indent a	{
	color: #86B6B6;
	outline: none;
	text-decoration: none;
	text-indent: 0;
}

#con p.no-indent a:hover	{
	color: #FFCC00;
	outline: none;
	text-decoration: underline;
	text-indent: 0;
}

#content-work ul li
	{
	background: transparent url(../images/list_item.png) no-repeat 0 0;
	margin: 0 0 5px;
	padding: 0 0 10px 25px;
}

#con ul.work-list
	{
	overflow: hidden;
	padding: 20px 0 0;
	width: 100%;
}

#con ul.work-list li
		{
	background: transparent url(../images/hr.gif) repeat-x bottom left;
	color: #FFFFFF;
	display: block;
	float: left;
	font: 12px/12px Helvetica, "Trebuchet MS", Arial, sans-serif;
	margin: 0 73px 10px 0;
	padding: 0 5px 10px;
	width: 160px;
}

#con ul.work-list li a
			{
	color: #86B6B6;
	text-decoration: none;
}

#con ul.work-list li a:hover
			{
	color: #FFFFFF;
	text-decoration: none;
}

#con ul.work-list li.selected a
			{
	color: #7FC011;
	font-weight: bold;
}

#cont p
	{
	line-height: 20px;
	margin: 0 0 10px;
	word-spacing: 2px;
}

#contact {
	height: 1200px;
}

#contact #cf {
	float: left;
	width: 330px;
}

#contact .contactInfo {
  float: right;
  width: 270px;
}

#contact .contactInfo h3 {
	color: #96B82E;
	padding-bottom: 6px;
	border-bottom: 1px dotted #EAEAEA;
	margin: 3px 0 9px 0;
}

#contact .contactInfo h4 {
	color: #96B82E;
	padding: 10px 0 10px 0;
}

#contact h4 {
  margin: 0 0 10px;
  font: bold 16px Trebuchet MS;
  color: #fff;
}

#contact .contactInfo p {
	margin: 0 0 10px;
	font: 14px/16px Helvetica, "Trebuchet MS", Arial, sans-serif;
	color: #FFF;
}

#contact .contactInfo ul {
  margin: 0 0 10px;
  list-style: none;
}

#contact .contactInfo li {
	margin: 0 0 5px;
	padding: 0 0 5px 25px;
	border-bottom: 1px dotted #DEDEDE;
	line-height: 18px;
}

#contact .contactInfo li.skype {
	background: url(../images/skype18.png) no-repeat left top;
}
#contact .contactInfo li.skype a {
	text-decoration:none;
	color:#FFF
}

#contact .contactInfo li.skype a:hover{
	text-decoration:underline;
	color:#FC0
}

#contact .contactInfo li.twitter {
	background: url(../images/twitter18.png) no-repeat left top;
}

#contact .contactInfo li.twitter a {
	text-decoration:none;
	color:#FFF
}

#contact .contactInfo li.twitter a:hover{
	text-decoration:underline;
	color:#FC0
}

#contact .contactInfo li.email {
  background: url(../images/icon_email.gif) top left no-repeat;
}

#contact .contactInfo li.email a{
		text-decoration:none;
	color:#FFF

}

#contact .contactInfo li.email a:hover{
		text-decoration:none;
	color:#FFCC00

}

#contact .contactInfo li.phone {
  background: url(../images/icon_phone.gif) top left no-repeat;
}

#contact .contactInfo li.phone2 {
  background: url(../images/icon_phone.gif) top left no-repeat;
  text-decoration:blink;
}

#contact .msg {
  position: absolute;
  top: 347px;
  left: 120px;
}
/*=CONTACT -------------------------------------------------------------------*/
#contact .hd h3 {
	background-image: url(images/hd_contact.gif);
	width: 181px;
}

#contact .info {
	height: 508px;
	left: 147px;
	overflow: hidden;
	position: absolute;
	top: 132px;
	width: 600px;
}

#contact .msg {
	left: 120px;
	position: absolute;
	top: 347px;
}

#contact h4 {
	color: #FFFFFF;
	font: bold 16px Helvetica, "Trebuchet MS", Arial, sans-serif;
	margin: 0 0 10px;
}

#contentcurrent{
	display: none;
}

#contentnext{
	background: url(images/buttons.png) right top no-repeat;
	display: block;
	height: 32px;
	position: absolute;
	right: 28px;
	text-indent: -9999px;
	top: -32px;
	width: 29px;
}

#contentnext:hover{
	background-position: right bottom;
}

#contentprevious{
	background: url(images/buttons.png) left top no-repeat;
	display: block;
	height: 32px;
	position: absolute;
	right: 60px;
	text-indent: -9999px;
	top: -32px;
	width: 29px;
}

#contentprevious:hover{
	background-position: left bottom;
}

#contenttitle{
	margin: 0;
}

#contenttitle{
	color: #000000;
	font-weight: bold;
	left: 0;
	position: absolute;
	top: -22px;
}

#content-work	{
	overflow: hidden; /*display: none;*/
	width: 100%;
}

#content-work
	{
	margin: 0 0 0 100px;
	width: 750px;
}

#ctrls a {
	background: url(images/btn_general.gif) #FFFFFF top center no-repeat;
	color: #FFFFFF;
	display: block;
	font: 12px/28px Helvetica, "Trebuchet MS", Arial, sans-serif;
	height: 28px;
	left: 725px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 101px;
	width: 112px;
}

#ctrls a:hover {
	background-position: bottom center;
}

/*******************************************************************************
 * =FOOTER
 -----------------------------------------------------------------------------*/
#ftr {
}

/*=HOME ----------------------------------------------------------------------*/
#home {
	padding: 100px 0 0;
}

#home .contentbox {
	/*background: url(../background/overlay2.png) top center no-repeat;*/
	background: url(../background/overlay3.png) top center no-repeat;
	height: 740px;
	margin: 0 auto;
	padding: 50px 0 10px 0;
	width: 960px;
}

#home .contentbox a {
	color: #83B3B3;
	text-decoration: none;
}

#home .contentbox a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#home .contentbox h3 {
	background: url(../images/base.png) no-repeat 30px 10px;
	color: #FFCC00;
	margin: 15px 30px 0 30px;
	padding: 10px 60px 10px 90px;
	width: 600px;
}

#home .contentbox p {
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
	line-height: 20px;
	margin: 0 30px 0 30px;
	padding: 10px 60px 10px 90px;
	width: 600px;
}

/*=HOME ----------------------------------------------------------------------*/
#profilo {
	padding: 100px 0 0;
}

#profilo .contentbox {
	background: url(../background/overlay2.png) top center no-repeat;
	/*background: url(../background/overlay3.png) top center no-repeat;*/
	height: 740px;
	margin: 0 auto;
	padding: 50px 0 10px 0;
	width: 960px;
}

#profilo .contentbox a {
	color: #83B3B3;
	text-decoration: none;
}

#profilo .contentbox a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#profilo .contentbox h3 {
	background: url(../images/base.png) no-repeat 30px 10px;
	color: #FFCC00;
	margin: 15px 30px 0 30px;
	padding: 10px 60px 10px 90px;
	width: 600px;
}

#profilo .contentbox p {
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
	line-height: 20px;
	margin: 0 30px 0 30px;
	padding: 10px 60px 10px 90px;
	width: 600px;
}

/*PROFILO*/

#servizi {
	padding: 100px 0 0;
}

#servizi .contentbox {
	/*background: url(../background/overlay2.png) top center no-repeat;*/
	background: url(../background/overlay3.png) top center no-repeat;
	height: 740px;
	margin: 0 auto;
	padding: 50px 0 10px 0;
	width: 960px;
}

#servizi .contentbox a {
	color: #83B3B3;
	text-decoration: none;
}

#servizi .contentbox a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#servizi .contentbox h3 {
	background: url(../images/base.png) no-repeat 30px 10px;
	color: #FFCC00;
	margin: 0 30px 0 30px;
	padding: 10px 60px 10px 90px;
	width: 600px;
}

#servizi .contentbox p {
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
	line-height: 20px;
	margin: 0 30px 0 30px;
	padding: 10px 60px 10px 90px;
	width: 600px;
}

#servizi .introbox ul {
	list-style:  url(../images/list_item.png);
	margin: 5px 0 10px 140px;
	line-height: 22px;
}

#profilo .quotebox ul {
	list-style:  url(../images/list_item.png);
	margin: 0 0 10px 140px;
	line-height: 22px;
}

/*FINE PROFILO*/
#home .introbox, #home .quotebox{
}

#home .logos {
	background: url(images/loghi.jpg) top center no-repeat;
	height: 120px;
	margin: 0 auto;
	width: 960px;
}

#home .logos p {
	text-indent: -9000px;
}

#home, #work, #profilo, #servizi, #contact, #where {
	height: 900px;
	padding: 80px 0 0;
}

#modalbackgroundoverlay{
	height: 100%;
	position: fixed;
	width: 100%;
}

#modalbackgroundoverlay{
	background: #000000;
}

#modalclose{
	background: url(images/buttons.png) -29px 0 no-repeat;
	display: block;
	height: 32px;
	position: absolute;
	right: 0px;
	text-indent: -9999px;
	top: -32px;
	width: 26px;
}

#modalclose, #contentprevious, #contentnext{
	border: 0;
	cursor: pointer;
	margin: 0;
	outline: none;
}

#modalclose:hover{
	background-position: -29px -31px;
	cursor: pointer;
}

#modalcontent{
	overflow: visible;
	position: relative;
}

#modalcontent{
	margin-top: 32px;
}

#modalcontent, #bordertopleft, #bordertopcenter, #bordertopright, #borderbottomleft, #borderbottomcenter, #borderbottomright, #bordermiddleleft, #bordermiddleright {
	float: left;
	height: 0;
	overflow: hidden;
	width: 0;
}

#modalloadedcontent{
	height: 0;
	overflow: auto;
	width: 0;
}

#modalloadedcontent{
	background: #182F37;
	padding: 2px;
}

#modalloadedcontent embed{
	border: 0;
	display: block;
}

#modalloadedcontent iframe{
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
}

#modalloadedcontent img#modalphoto{
	border: 0;
	display: block;
	margin: auto;
}

#modalloadingoverlay{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#modalloadingoverlay{
	background: url(images/loading.gif) center center no-repeat #000000;
}

#modalwrap{
	height: 9000px;
	width: 9000px;
}

#motto {
	background: url(../images/motto.png) no-repeat center 30px;
	display: block;
	height: 128px;
	margin: 0 auto;
	text-indent: -9000px;
	width: 960px;
}

#mottocontatti {
	background: url(../images/mottocontatti.png) top center no-repeat;
	display: block;
	height: 98px;
	margin: 0 auto;
	text-indent: -9000px;
	width: 960px;
}

#row1 {
	height: 200px;
	position: absolute;
	width: 1578px;
}

#row2 {
	clear: both;
	position: absolute;
	top: 200px;
	width: 1578px;
}

#sub .more-box		{
	display: none;
}

#thumbs {
	height: 380px;
	left: 150px;
	overflow: hidden;
	position: absolute;
	top: 132px;
	width: 600px;
}

#thumbs .item {
	float: left;
	margin: 0 20px 0 0;
}

#thumbs h4 {
	color: #FFFFFF;
	font: bold 16px Helvetica, "Trebuchet MS", Arial, sans-serif;
	margin: 0 0 5px;
}

#thumbs img {
	margin: 0 0 4px; /*border: 1px solid #3f4952;*/
}

#thumbs p {
	color: #648C0E;
	font: 12px Helvetica, "Trebuchet MS", Arial, sans-serif;
}

#thumbs p a {
	color: #648C0E;
}

#thumbs p a:hover {
	color: #FFA800;
}

#thumbs p em {
	color: #CCCCCC;
}

#top {
	background:#0A0A0A;
	/*filter: alpha(/*=90);*/
	height: 85px;
	/*opacity: 0.9;*/
	position: fixed;
	right: 0;
	top: 10px;
	width: 100%;
	z-index: 10;
	border-bottom:4px solid #191919;
	padding:10px 0 0 0
}

#top .topinner {
	margin: 0 auto;
	position: relative;
	width: 960px;
}
ul#nav {width:960px; height:80px; margin:0; padding:0; /*background:url(../images/top_nav_bkg.png) 50% 0 no-repeat;*/}
ul#nav li {float:left; margin:0; padding:0; height:80px; display:block; text-align:center;}
ul#nav li a {margin:0; padding:0; height:80px; display:block; text-indent:-9999px; overflow:hidden; outline:none}
ul#nav li a:hover {color:#fff; outline:none}		
li#nav1 {width:178px; height:80px;}
li#nav2 {width:170px; height:80px;}
li#nav3 {width:89px; height:80px;}
li#nav4 {width:108px; height:80px;}
li#nav5 {width:96px; height:80px;}
li#nav6 {width:132px; height:80px;}
li#nav7 {width:123px; height:80px;}
li#nav8 {width:64px; height:80px;}
/*li#nav9 {width:103px; height:80px;}
li#nav10 {width:54px; height:80px;}*/
li#nav1 a {background:url(../images/top2_2.png) no-repeat; background-position:0 0;}
li#nav2 a {background:url(../images/top2_2.png) no-repeat; background-position:-178px 0;}
li#nav3 a {background:url(../images/top2_2.png) no-repeat; background-position:-348px 0;}
li#nav4 a {background:url(../images/top2_2.png) no-repeat; background-position:-437px 0;}
li#nav5 a {background:url(../images/top2_2.png) no-repeat; background-position:-545px 0;}
li#nav6 a {background:url(../images/top2_2.png) no-repeat; background-position:-641px 0;}
li#nav7 a {background:url(../images/top2_2.png) no-repeat; background-position:-773px 0;}
li#nav8 a {background:url(../images/top2_2.png) no-repeat; background-position:-896px 0;}
/*li#nav9 a {background:url(../images/top2_2.png) no-repeat; background-position:-803px 0;}
li#nav10 a {background:url(../images/top2_2.png) no-repeat; background-position:-906px 0;}*/
li#nav1 a:hover {background-position:0 -81px;}
li#nav2 a:hover {background-position:-178px -81px;}
li#nav3 a:hover {background-position:-348px -81px;}
li#nav4 a:hover {background-position:-437px -81px;}
li#nav5 a:hover {background-position:-545px -81px;}
li#nav6 a:hover {background-position:-641px -81px;}
li#nav7 a:hover {background-position:-773px -81px;}
li#nav8 a:hover {background-position:-896px -81px;}
/*li#nav9 a:hover {background-position:-803px -81px;}
li#nav10 a:hover {background-position:-906px -81px;}*/


#where #cf {
	float: left;
	width: 470px;
}

/*WHERE*/
#where .hd h3 {
	background-image: url(images/hd_contact.gif);
	width: 181px;
}

#where .info {
	height: 380px;
	left: 67px;
	overflow: hidden;
	position: absolute;
	top: 132px;
	width: 788px;
}

/*=WORK ----------------------------------------------------------------------*/
#work .hd h3 {
	background: url(../images/porfolio.png) top left no-repeat;
	height: 29px;
	width: 160px;
}

/*
#home .contentbox a:visited {
	color: #2D4B4C;
	text-decoration: line-through;
}
*/
/*#con p+p			{
	text-indent: 25px;
}
*/