h1, h2, h3, h4, h5, h6 {
	font-family: "Myriad Web", Tahoma, sans-serif;
	letter-spacing: 1px;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
body {
	background: #000;
	color: #333333;
	font: 12px/1.8 Verdana, sans-serif;
	position: relative;
}
button {
	cursor: pointer;
}



#email_wrap {
	background: #832e10 url(/img/bg_lineatop.png) repeat-y 50% 0%;
}
#header_wrap {
	height: 120px;
	min-height:120px;
	background: #1e2125 url(/img/bg_header_120px_def.png) no-repeat 50% top;
	
}
  #primopiano_wrap {
	background: #b7babf url(/img/featured-bground2.jpg) repeat-y 50% 0%;
	height: 250px;
}
#evidenza_wrap {
	background: #171e0c url(/img/primary-bground_chiaro.png) repeat-y 50% 0%;
	min-height: 290px;
}
#hpmain_wrap {
	background: #000 url(/img/secondary-bground.jpg) repeat-y 50% 0%;
	min-height: 210px;
}
#footer_wrap {
	background: #000 url(/img/footer-bground.jpg) no-repeat 50% 0%;
	clear: right;
	height: 100px;
}
#email {
	margin: 0 auto;
	padding-bottom: 14px;
	position: relative;
	width: 980px;
}
#email form {
	padding: 8px 0;
}
#email p {
	color: #f0b783;
	font: 24px Tahoma;
	margin-bottom: 10px;
}
#email input, #email button {
	background: #dbdddf;
	border: 2px solid #4c535d;
	color: #4c535d;
	float: left;
	font-size: 15px;
	margin-right: 10px;
	padding: 5px 3px;
	width: 165px;
}
#email button {
	background: none;
	border: 0 none;
	padding: 0;
	width: auto;
}
#email #newsletter_login {
	border-left: 2px dotted #4c535d;
	padding-left: 2.4em;
	position: absolute;
	right: 0;
}
#tab {
	background: #832e10 url(/img/steve-bground.jpg) no-repeat 50% 0%;
	bottom: 0;
	height: 5px;
	position: relative;
	z-index: 9;
}
#tab p {
	margin: 0 auto;
	width: 980px;
}
#tab a {
	display: block;
	float: right;
	margin-top: 5px;
}
#tab a#email_click {
	background: url(/img/client-login.png) no-repeat;
	height: 30px;
	margin-right: 130px;
	text-indent: -9999px;
	width: 107px;
}

#sx{
	width:300px;
	float:left;
	margin: 0;
  }
#header {
	margin: 0 auto;
	position: relative;
	width: 980px;
	height:120px;
	min-height:120px;
}

 
#main_menu{
	width:600px;
	float:left;
	margin:15px 0 0 50px;
 
	
 }

#main_menu ul{
	width:600px;
	/*float:left;*/
/*	position:absolute;*/
 }
 
#main_menu ul li{
	float:left;
/*	height:120px;
	min-height:120px; */
 
 }
 
 
#main_menu ul li a.website{
 	background:url(/img/menu/website.png) no-repeat left top;
   	text-decoration:none;
	display:block;
	height:27px;
 	width:97px;
	height:27px;
 }
 
#main_menu ul li a.website{
 	background:url(/img/menu/website.png) no-repeat left top;
   	text-decoration:none;
	display:block;
	height:23px;
 	width:97px;
	height:23px;
	margin:0 30px 0 0;
 }
 
#main_menu ul li a.website:hover{
 	background:url(/img/menu/website.png) no-repeat left 100%;
  }
  
 #main_menu ul li a.webmarketing{
 	background:url(/img/menu/webmarketing.png) no-repeat left top;
   	text-decoration:none;
	display:block;
	height:23px;
 	width:170px;
	height:23px;
	margin:0 30px 0 0 ;
 }
 
#main_menu ul li a.webmarketing:hover{
 	background:url(/img/menu/webmarketing.png) no-repeat left 100%;
  }
 #main_menu ul li a.soluzioni{
 	background:url(/img/menu/soluzioni.png) no-repeat left top;
   	text-decoration:none;
	display:block;
	height:23px;
 	width:255px;
	height:23px;
 }
 
#main_menu ul li a.soluzioni:hover{
 	background:url(/img/menu/soluzioni.png) no-repeat left 100%;
  } 
#header h1 {
 	display:block;
	width:229px;
	height:72px;
	min-height:72px;
	background: url(/img/logo_netplanet2.png) no-repeat;
	margin:23px 0 0  0px;
  }
 
#header h1 a {
	display: block;
	height: inherit;
	text-decoration: none;
	width: inherit;
}

#header h1 a span {
	visibility: hidden;
}

ul#nav {
	position: absolute;
	right: 25px;
	top: 46px;
	width: 570px;
}
ul#nav li {
	cursor: pointer;
	float: left;
	margin-left: 42px;
}
ul#nav li#first {
	margin-left: 0;
}
ul#nav li a {
	display: block;
	text-indent: -9999px;
}
ul#nav a#about {
	background: url(/img/about-nav.png) no-repeat left top;
	height: 54px;
	width: 53px;
}
ul#nav a#services {
	background: url(/img/services-nav.png) no-repeat left top;
	height: 54px;
	width: 63px;
}
ul#nav a#portfolio {
	background: url(/img/portfolio-nav.png) no-repeat left top;
	height: 54px;
	width: 98px;
}
ul#nav a#weblog {
	background: url(/img/weblog-nav.png) no-repeat left top;
	height: 54px;
	width: 92px;
}
ul#nav a#contact {
	background: url(/img/contact-nav.png) no-repeat left top;
	height: 54px;
	width: 93px;
}
ul#nav a:hover#about, ul#nav a#about-here {
	background: url(/img/about-nav.png) no-repeat left -54px;
	height: 54px;
	width: 53px;
}
ul#nav a:hover#services, ul#nav a#services-here {
	background: url(/img/services-nav.png) no-repeat left -54px;
	height: 54px;
	width: 63px;
}
ul#nav a:hover#portfolio, ul#nav a#portfolio-here {
	background: url(/img/portfolio-nav.png) no-repeat left -54px;
	height: 54px;
	width: 98px;
}
ul#nav a:hover#weblog, ul#nav a#weblog-here {
	background: url(/img/weblog-nav.png) no-repeat left -54px;
	height: 54px;
	width: 92px;
}
ul#nav a:hover#contact, ul#nav a#contact-here {
	background: url(/img/contact-nav.png) no-repeat left -54px;
	height: 54px;
	width: 93px;
}
.primopiano {
	margin: 0 auto;
	position: relative;
	width: 980px;
	height: 285px; 
	z-index: 9;
}

 

#s7{
 	margin: 0 auto; 
	width: auto; 
}
img#case_study {
	display: block;
 	position: absolute;
	right: 0;
	top: -30px;
 
 }
h5#blurb {
	color: #4c535d;
	font-size: 20px;
	height: 211px;
	padding-top: 28px;
	width: 394px;
}
h5#blurb strong {
	color: #6f963c;
	font-weight: normal;
}
h5#blurb a, h5#blurb a:hover {
	color: #da4c1a;
}
#evidenza {
	background: url(/img/shadow.png) no-repeat;
	color: #eee;
	margin: 0 auto;
	overflow: auto;
	padding-bottom: 2em;
	padding-top: 3em;
	width: 980px;
}
#evidenza h3, #evidenza h3 a {
	color: #c5d5b1;
	font-size: 22px;
	height: 30px;
	margin-bottom: 22px;
}
#evidenza h3 a {
	font-weight: normal;
}
#evidenza a {
	border-bottom: 0 none;
	color: #f0b7a3;
	font-weight: bold;
	letter-spacing: 0.05em;
}
#evidenza a:hover, #evidenza h3 a:hover {
	border-bottom: 1px dotted;
}
#who {
	float: left;
	margin-left: 30px;
	width: 270px;
}
#who p {
	margin-top: 11px;
}
#what {
	float: left;
	margin-left: 40px;
	width: 270px;
}
#what dl {
	margin-top: 11px;
}
#we_do dt {
	background: url(/img/rounded-corners.gif)  left top;
	font: bold 12px Verdana;
	margin-top: 3px;
	padding: 3px 0;
	text-indent: 8px;
}
#we_do dd {
	background: url(/img/rounded-corners.gif)   left bottom;
	padding: 0 2px 0 8px;
}
.head {
	cursor: pointer;
	 
}
#where {
	float: left;
	margin-left: 40px;
	width: 270px;
}
#where ul {
	height: 170px;
	margin-top: 11px;
	width: inherit;
}
#where ul li {
	display: block;
	float: left;
	margin-bottom: 22px;
	margin-right: 15px;
}
#evidenza #where a {
	border-bottom: 0 none;
}
#hpmain {
	background: url(/img/shadow.png) no-repeat;
	color: #cfd1d3;
	margin: 0 auto;
	min-height: 190px;
	padding-top: 30px;
	position: relative;
	width: 980px;
}
#rock_on {
	float: right;
	width: 320px;
	padding-bottom: 25px;
	margin:0 50px 0 0;
}

#rock_on li{
	margin-bottom: 15px;
	
}
#rock_on a, rock_on a:hover{
	color: #fff; 
	line-height: 30px;
	text-decoration: none; 
}
#rock_on img{
	float: left; 
	margin: 0 10px 0 0;
}
#rock_on h3{
	border-bottom: 1px solid #3D424A;
	color: #8cab63;
	font-size: 22px;
	height: 30px;
	margin-bottom: 20px;
	line-height: 30px;
	font-weight: normal;
	width:300px;
}


#rock_on h4 {
	color: #8cab63;
	font-size: 22px;
	line-height: 140%;
	margin: 0 25px 20px;
}
#rock_on .byline1 {
	color: #cfd1d3;
	font-size: 14px;
	margin-left: 60px;
}
#rock_on .byline2 {
	color: #aaa;
	font-size: 11px;
	margin-left: 60px;
}
#blaugh {
	padding-bottom: 25px;
	width: 520px;
}
#blaugh h3, #blaugh h3 a {
	border-bottom: 1px solid #3D424A;
	color: #8cab63;
	font-size: 22px;
	height: 30px;
	margin-bottom: 12px;
	width:350px;
}
#blaugh h3 a {
	border-bottom: 0 none;
}
#blaugh h4, #blaugh h4 a {
	color: #e17048;
	font-size: 16px;
	font-weight: normal;
	margin-top: 20px;
}
#blaugh h4 {
	color: white;
}
#blaugh p {
	color: #CFD1D3;
	font-size: 14px;
	margin-left: 60px;
}
#blaugh a:hover {
	border-bottom: 1px dotted;
}
#blaugh h3 a:hover {
	border-bottom: 0 none;
}
#footer {
	color: #454c55;
	margin: 0 auto;
	padding: 8px 0 0;
	width: 980px;
}
#footer li {
	display: inline;
}
#footer address {
	float: right;
	text-align: right;
}
#footer a {
	color: #454c55;
}
#footer a:hover {
	color: #999;
}
#chiclet {
	background: url(/images/home/water-mark.png) no-repeat bottom right;
	margin-left: 30px;
	width: 980px;
}
.home_chiclet {
	float: left;
	height: 42px;
	margin-right: 15px;
	width: 42px;
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


 /*PAGINAZIONE*/
#main #pagination { 
 	padding:3px;
	padding-left:260px;
	line-height:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:250px;
	float:left;
	margin-bottom:0px;
}

#main #pagination a {
	background:url(/img/verde_20x20.png) no-repeat left top;
	border:0px solid #000;
	color:#fff;
	margin-right:4px;
	padding:4px 0 0 6px;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:5px;
	float:left;
	display:block;
	width:14px;
	height:16px;
	min-height:16px;
   }
 
   
 
#main #pagination span.current { 
	background:url(/img/grigio_20x20.png) no-repeat left top;
 	color:#000;
	font-weight:bold;
	margin-right:4px;
	padding:4px 0 0 6px;
	float:left;
  }
#main #pagination span.disabled { 
	background:url(/img/grigio_20x20.png) no-repeat left top;
	color:#fff;
	float:left;
	padding:4px 0 0 6px;
	display:block;
	width:14px;
	height:16px;
	min-height:16px;
}
#main #pagination span.disabled { 
	margin-right:4px;
 	font-weight:bold;

}
.disabled { 
	border-color:#DDDDDD !important;
} 

#main #pagination a:hover,div.pagination a:active {
 	color: #E17048;
}


#forma{
	border: 1px solid #dfd1a2;
	background-color: #f1e9cf;
	margin-left: 60px;
	
}

#forma input{
	  height: 20px;	
	  font-family: Verdana, Geneva, sans-serif; 
	  font-size: 14px;
}


#forma textarea{
	 
	  font-family: Verdana, Geneva, sans-serif; 
	  font-size: 14px;
}

#forma .piccolo{
	
	font-size: 11px;	
}

#forma .rosso{
	
	color: #C00;
	padding: 5px;
}

/*fine paginazione*/