/**********************
 
 Team 0071
 
 palette:
 
 arancio:	ff7f2a
 azzurro:	2aaaff
 grigio:	333
 grigio2:	888
 grigio3:	bbb
   
 testo body: c0cdd5
 testo highlight: fff
 paragrafo emph: d5c5bb
 
 ***********************/
* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

a {
    color: #2aaaff;
    text-decoration: none;
}

a:hover {
	color: #333;
}

a:visited{
	color: #8e0348;
}

body {
    text-align: left;
    background: #333 url(../images/path.png) no-repeat left top;
    font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #c0cdd5;
	overflow-x: hidden;
}

hr{
	border-top: 1px solid #000;
	border-bottom: 1px solid #555;
	margin: 0 0 0 10px;
	padding:0;
}

/**/

h1 {
    text-align: left;
    font-size: 28px;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	line-height:24px;
	font-weight:normal;
	letter-spacing: 1px;
	margin-top:20px;
	padding:0 0 0 10px;
}

h2 {
	font-size: 28px;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0 0 0 10px ;
	text-align:left;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing: 3px;
	color: #2aaaff;
	height: 28px;
	vertical-align:text-bottom;
}

h2 img{
	
}

.left{
	padding-left:5px;
	text-align:left;
}

.right{
	text-align:right;
	padding-right:5px;
}

h3 {
    text-align: left;
    font-size: 14px;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:16px;
	font-weight:normal;
	margin: 0 0 10px 0;
	text-transform:uppercase;
	letter-spacing: 3px;
	padding:0 10px;
	position:relative;
}

h3 span, .content h3 span{
	color:#ff7f2a;
}

h3 a, .content h3 a{
	position:absolute;
	right:0;
}

h4 {
    text-align: left;
    font-size: 12px;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*margin: 5px 0 0 0;*/
	line-height:18px;
	font-weight:normal;
	/*margin: 10px 0;*/
	text-transform:uppercase;
	letter-spacing: 3px;
	padding:0 10px;
}

h4 span, .content h4 span{
	color:#fff;
	border:none;
}

.spacer{
	display:block;
	width:100%;
	height:20px;
}

.dropcap {
    float: left;
    font-size: 60px;
	height:56px;
	margin: -8px 8px 0 0;
    font-family: "Times New Roman", Times, serif;
} 

#wrapper {
  width:15000px;
  height:500px;
  position:relative;
  /*border-top:10px solid #888;*/
  /*background: url(../images/stripe.gif) top center repeat-x;*/
}

.page{
	width:750px;
	height:500px;
	display:block;
	position:relative;
	overflow:visible;
}

.content{
	width: 750px;
	margin-bottom:20px;
	position:relative;
}

.content ul{
	padding: 0 0 0 10px;
	list-style-position: inside;
	width:490px;
	margin: 0 10px 10px 0;
}

.content ul li{
	list-style-image: url(../images/list.gif);
	padding-bottom:15px;
}

.content img{
	border-left:10px solid transparent;
}

.content img:hover{
	border-left:10px solid #2aaaff;
}

.content h2 img{
	border:none;
}

.content h2 img:hover{
	border:none;
}

.content img.thumb{
	margin: 0 5px 15px 5px;
}
.content a{
	color:#2aaaff;
	border-bottom:1px dotted;

	font-size: 14px;
}

.content a:visited{
	color:#fff;
}

.content a:hover{
	color:#fff;
	border-bottom:1px solid #fff;
}

.column_wrapper{
	width: 750px;
	float:left;
	/*overflow-x:hidden;*/
	margin-bottom:20px;
}

.column_1{
	float:left;
	width: 250px;
	/*overflow-x:hidden;*/
}

.column_2{
	float:left;
	width: 500px;
	/*overflow-x:hidden;*/
}

p{
	font-size:14px;
	padding: 0 0 10px 10px;
	letter-spacing: 0.1px;
	line-height: 18px;
}

.highlight{
	padding: 12px 0 10px 10px;
    font-size: 16px;
	font-variant: small-caps;
	color:#fff;
	line-height: 22px;
}

ul{
	padding: 0 0 10px 10px;
	list-style-position: outside;
	margin: 10px 10px 10px 0;
}

strong{
	font-weight:normal;
	/*color:#ff7f2a;*/
	color: #fff;
}

em{
	font-style:italic;
}

span.small{
	letter-spacing: 5px;
	text-transform:uppercase;
	font-size:12px;
	padding-left:5px;
	color:#d5c5bb;
}

.dida{
	letter-spacing:0.5px;
	font-size:10px;
	padding-left:10px;
	color:#d5c5bb;
}

.emph p{
	font-style:italic;
	font-size:13px;	
	color: #d5c5bb;
	padding: 0 0px 18px 10px;
}






/*****************************/
/*           MENU            */
/*****************************/
#menu{
	top:0;
	left: 0;
	position:absolute;
	text-align:left;
	z-index: 0;
}

#logo{
	position:absolute;
	top:70px;
	left:70px;
	height:256px;
	width:242px;
	display:block;
	background: url(../images/logo.png) no-repeat left top;
	z-index: 0;
}

#logo:hover{
	background: url(../images/logo_hov.png) no-repeat left top;
}

#menu li img{
	border:0;
	padding:0;
	margin:0
}

.spaced{
    text-decoration: none;
	padding:0;
	margin:0;
	margin:18px 0 22px 0;
}

#menu li{
	padding-bottom:5px;
}

#menu li a {
	color: #fff;
    text-decoration: none;
	font-size:18px;
	padding:0;
	letter-spacing: 1px;
	padding-left:5px;
	
}

/*#menu li a:hover {
	color: #fff;
	background-color: #2aaaff;
}*/

.hovered_link{
	width: 100%;
	background-color: #2aaaff;
}

.normal_link{
	width: 0px;
	background-color: #fff;
}

div.container{
	position:relative;
}

span.slide{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background-color: #fff;
	width:0px;
	z-index:-1;
}

#nav{
	list-style:none;
	width:180px;
	position:absolute;
	top: 90px;
	left: 500px;
	z-index: 1;
}

.page_nav{
	position:absolute;
	top:64px;
	right:250px;
	z-index: 1;
	height:9px;
}

a.menu_link{
	display:block;
	height:9px;
	width: 9px;
	overflow:hidden;
	background-image: url(../images/bullets.png);
	background-position: 0 0;
	float:left;
	text-decoration:none;
	margin: 0 8px;
}

a.page_link{
	display:block;
	height:9px;
	width: 9px;
	overflow:hidden;
	background-image: url(../images/bullets.png);
	background-position: -9px 0;
	float:left;
	text-decoration:none;
	margin: 0 8px;
}

a.menu_link:hover, a.page_link:hover{
	display:block;
	height:9px;
	width: 9px;
	overflow:hidden;
	background-image: url(../images/bullets.png);
	background-position: -18px 0;
	float:left;
	text-decoration:none;
}

.current{
	display:block;
	height:9px;
	width: 9px;
	overflow:hidden;
	background-image: url(../images/bullets.png);
	background-position: -27px 0;
	float:left;
	text-decoration:none;
	margin: 0 8px;
}

#team0071{
	position:absolute;
	top:400px;
	left:500px;
	color:#333;
	z-index: 0;
}

/*****************************/
/*         THE TEAM          */
/*****************************/
#team{
	top:0;
	left: 3630px;
	position:absolute;
	z-index: 0;
}

#freewally, #corsaro{
	display:block;
	border:none;
	margin-left: 10px; 
	width:240px;
	height: 125px;
	overflow:hidden;
}

#freewally:hover, #corsaro:hover{
	text-indent: -240px;
}

#freewally img, #corsaro img{
	border:none;
}

/*****************************/
/*         SERVICES          */
/*****************************/

#services{
	top:0;
	left: 6680px;
	position:absolute;
	z-index: 0;
}

.services_item{
	display: block;
    margin-bottom: 40px;
}

.services_full_column{
    width: 100%;
}
.services_half_column{
    width: 48%;
}

#tech{
	background: url(../images/tech.gif) no-repeat top center;
	display:block;
	width:500px;
	height: 120px;
}

a.img_link{
	margin:0;
	padding:0;
	border:none;
	display:block;
	float:left;
	width:120px;
	height:60px;
	overflow:hidden;
}

a.img_link:hover{
	border:none;
}

#logo1{
	background: url(../images/logo1_2.gif) no-repeat top center;
}
#logo1:hover{
	background: url(../images/logo1_hov.gif) no-repeat top center;
}

#logo2{
	background: url(../images/logo2_2.gif) no-repeat top center;
}
#logo2:hover{
	background: url(../images/logo2_hov.gif) no-repeat top center;
}

#logo3{
	background: url(../images/logo3_2.gif) no-repeat top center;
}
#logo3:hover{
	background: url(../images/logo3_hov.gif) no-repeat top center;
}

#logo4{
	background: url(../images/logo4_2.gif) no-repeat top center;
}
#logo4:hover{
	background: url(../images/logo4_hov.gif) no-repeat top center;
}

#logo5{
	background: url(../images/logo5_2.gif) no-repeat top center;
}
#logo5:hover{
	background: url(../images/logo5_hov.gif) no-repeat top center;
}

#logo6{
	background: url(../images/logo6_2.gif) no-repeat top center;
}
#logo6:hover{
	background: url(../images/logo6_hov.gif) no-repeat top center;
}

#logo7{
	background: url(../images/logo7_2.gif) no-repeat top center;
}
#logo7:hover{
	background: url(../images/logo7_hov.gif) no-repeat top center;
}

#logo8{
	background: url(../images/logo8_2.gif) no-repeat top center;
}
#logo8:hover{
	background: url(../images/logo8_hov.gif) no-repeat top center;
}

/*****************************/
/*         PORTFOLIO         */
/*****************************/
#portfolio{
	top:0;
	left: 9700px;
	position:absolute;
	z-index: 0;
}



.portfolio_description {
    padding-top: 10px;
    border-top: 2px solid #ccc;
}
/*****************************/
/*         CONTACTS          */
/*****************************/
#contact{
	top:0;
	left: 12350px;
	position:absolute;
	z-index: 0;
}


form label {
    text-align: left;
    font-size: 12px;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:12px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing: 3px;
	color:#d5c5bb;
	padding:0 0 0 10px;
	border:none;
	display:block;
}

form input {
}

form textarea {
    height: 130px;
}

.form_field:focus {
    border-bottom: 10px solid #ff7f2a;
}

.form_field:focus:hover {
    border-bottom: 10px solid #ff7f2a;
}

.form_field:hover {
    border-bottom: 10px solid #2aaaff;
}

textarea:hover {
    border-bottom: 10px solid #2aaaff;
}

.form_field {
    font-size: 12px;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #333;
    width: 220px;
	padding-left:5px;
    margin: 5px 0 10px 10px;
    border-bottom: 10px solid #333;
    background: #fff;
}

.button {
    font-size: 16px;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 5px 0 10px 10px;
    background: #2aaaff;
    padding: 3px 10px;
}

.button:hover {
    color: #333;
	background: #fff;
}
/* logger style */
#log {
	margin-top: 16px;
    text-align: left;
}

/*#log p{
	color: #bbb;
    text-align: left;
	font-size: 13px;
}*/

#log_res {
    height: 150px;
    overflow: auto;
}

#log_res.ajax-loading {
    background: url('../images/throbber.gif') no-repeat center;
}