body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background:#ececec url(../images/bg.png) repeat-x;
}

.testo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
#nav2 {
	width:600px;
	height:40px;
	margin:0 auto;
}
#nav2 ul { margin:10px 0 0 0; padding:0; list-style:none; float:right; }
#nav2 ul li {
	float:left;
	width:140px;
	border-right:1px dotted #666666;
	text-align:center;
}
#nav2 ul li a {
	color:#666666;
	text-decoration:none;
	font-size:10px;
	letter-spacing:1px;
	padding:20px;
}
#nav2 ul li.current a, #nav2 ul li a:hover { color:#509dc9; }
#nav2 ul li.last { border:none; }


/*****	NAVIGATION	*****/

#navi_container { background-color:#373737; width:100%; }
#navi {
	width:950px;
	margin:0 auto;
	height: 40px;
}
#navi ul { margin:10px 0 0 0; padding:0; list-style:none; float:right; }
#navi ul li {
	float:left;
	width:120px;
	border-right:1px dotted #666666;
	text-align:center;
}
#navi ul li a { color:#ccc; text-decoration:none; font-size:10px; letter-spacing:1px; padding:20px;}
#navi ul li.current a, #nav ul li a:hover { color:#509dc9; }
#navi ul li.last { border:none; }
.clear { clear:both;}

/*****	HEADER	*****/

#Head_container { width:950px; margin:0 auto; padding:40px 0 40px 0; }
#logo { width:215px; float:left; margin-right:75px; }
#welcome_msg {
	width:620px;
	float:right;
	padding:55px 20px 0 20px;
	position:relative;
	background-image: url(images/welcome-bg.png);
	background-repeat: no-repeat;
}
#welcome_msg p { color:#999999; font-size:16px; }
#welcome_msg img { margin:0 0 0 -20px; padding:0; position:absolute; bottom:0; }



#grafica_msg {
	width:620px;
	float:right;
	padding:55px 20px 0 20px;
	position:relative;
	background-image: url(images/grafica-bg.png);
	background-repeat: no-repeat;
}
#grafica_msg p { color:#999999; font-size:16px; }
#grafica_msg img { margin:0 0 0 -20px; padding:0; position:absolute; bottom:0; }




#pc_msg {
	width:620px;
	float:right;
	padding:55px 20px 0 20px;
	position:relative;
	background-image: url(images/computer-bg.png);
	background-repeat: no-repeat;
}
#pc_msg p { color:#999999; font-size:16px; }
#pc_msg img { margin:0 0 0 -20px; padding:0; position:absolute; bottom:0; }



#dove_msg {
	width:620px;
	float:right;
	padding:55px 20px 0 20px;
	position:relative;
	background-image: url(images/dove-bg.png);
	background-repeat: no-repeat;
}
#dove_msg p { color:#999999; font-size:16px; }
#dove_msg img { margin:0 0 0 -20px; padding:0; position:absolute; bottom:0; }






#web_msg {
	width:620px;
	float:right;
	padding:55px 20px 0 20px;
	position:relative;
	background-image: url(images/web-bg.png);
	background-repeat: no-repeat;
}
#web_msg p { color:#999999; font-size:16px; }
#web_msg img { margin:0 0 0 -20px; padding:0; position:absolute; bottom:0; }

/*****	SERVICES	*****/

#services_holder { background:#e0e0e0 url(../images/services-line.png) repeat-x; width:100%; }
#services { width:950px; margin:0 auto; padding:25px 0; }
h2 a, h3 a, h4 a, h5 a { color:#509dc9; text-decoration:none; font-weight:bold; font-size:14px; }
.services-block { width:220px; margin:8px; float:left; }

/*****	ABOUT	*****/

#about_container { background:#ececec url(../images/about-line.png) repeat-x; width:100%; padding-bottom:25px; }
#about { width:950px; margin:0 auto; padding:25px 0 0 0; }
#about_me_box {
	width:479px;
	padding:60px 10px 0 10px;
	float:left;
	position:relative;
	background-image: url(images/about-bg.png);
}
#about_me_box img { position:absolute; bottom:0; left:0; }
#about_me_box p { margin-bottom:20px; }
#about_me_box span {
	padding:6px 10px 6px 0;
	background-repeat: no-repeat;
	background-position: right;
}
#about_me_box span a { background:url(../images/button-left.png) left no-repeat; padding:6px 0 6px 10px; color:#fff; text-decoration:none; }

#blog { float:left; width:410px; margin-left:40px; }
#blog img { margin:20px 0 15px 0; }
#blog p.date { color:#666666; margin-top:-15px; } 
.post { border-bottom:1px dotted #fff; margin-top:-18px; }
.post h6 a {
	color:#509dc9;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}

/*****	FOOTER	*****/

#footer_container { width:100%; background:#373737 url(../images/footer-line.png) top repeat-x; }
#footer {
	width:950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#footer img { margin-right:15px; border:0; }





#mportfoliowrap {
	padding:10px 0 10px 0;
	margin: 25px 0 25px 0;


	}
	
	.homeportfoliotitle { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}
	.homeportfoliotitle a { color:#3a3a3a; font-weight:bold; }
	.homeportfoliotitle a:hover { color:#111; text-decoration:none; }
	
	.mportfoliotitle { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}
	.mportfoliotitle a { color:#3a3a3a; font-weight:bold; }
	.mportfoliotitle a:hover { color:#111; text-decoration:none; }
	.mportfoliobox {
	width:220px;
	float:left;
}

	.mportfolio {}
		.mportfolio img {
	width:220px;
	height:135px;
	float:left;
}
		.mportfoliospace {
	margin-left:20px;
}
		.mportfoliobg {
	width:220px;
	height:135px;
	float:left;
	background: #111 url(../images/hover-media.jpg) no-repeat top left;
}
		.mportfoliocatbg { width:300px; height:138px; float:left; background: #111 url(../images/hover-category.jpg) no-repeat top left;}
		.mportfoliobgvideo {
	width:220px;
	height:135px;
	float:left;
	background: #111 url(../images/hover-video.jpg) no-repeat top left;
}
	
/* -------- Category Portfolio -------- */
		
.categoryportfoliowrap {
	padding:10px 0 10px 0;
	margin: 5px 0 5px 0;

	}

	#mblogwrap {
		padding: 0 0 12px 0;
		margin: 25px 0 35px 0;
		}
	.mblogbox {
		width:300px;
		float:left;
		}
		.mblogtitle { font-size:18px; color:#3a3a3a; font-weight:bold; margin-bottom:10px;}
			.mblogtitle a { color:#3a3a3a; text-decoration:none;}
			.mblogtitle a:hover { color:#111; text-decoration:none;}

		.mblogtext { font-size:13px; line-height:20px; color:#7d7d7d;}
		.mblogspace { margin-left:20px; }

