html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
}
html, body {
	background-color: #1c1b1a;
}
body {
	font-family:Arial;
	font-size:87.5%; /* font-size di default impostato a 14 per cui formula per trovare em è "target px / 14px = em" */
	line-height: 1.4;
}
strong {
	font-weight: bold;
}

/* COMMON */

.clear-fix {
	clear:both;
	height:0px;
	line-height:0px;
	visibility:hidden;
}
.page-width {
	position:relative;
	margin-left: 30px;
	width: 970px;
}

/* HEADER */
#header {
	position:relative;
	height: 80px;
}

#header .page-width {
	height: 80px;
	width: 960px;
}

#header .logo {
	position:absolute;
	bottom: 15px;
}

#header ul.toolbar {
	position:absolute;
	bottom:15px;
	right:0px;
	font-size:0.84em;
}

#header .toolbar li {
	list-style-type: none;
	display:inline;
	margin-left:14px;
}

#header .toolbar li.active a:link, #header .toolbar li.active a:visited {
	color:#FFF;
}

#header .toolbar a:link, #header .toolbar a:visited {
	color:#6f6f6f;
	text-decoration:none;
	text-transform:uppercase;
}
#header .toolbar a:hover, #header .toolbar a:active {
	color:#FFF;
}

/* FOOTER */
#footer {
	background-color: #1c1b1a;
	padding:35px 30px 35px 30px;
	color:#6f6f6f;
	font-size:0.84em;
}

#footer .w3c {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

/* CONTAINER */
.container {
	background-color: #FFF;
	padding-bottom: 80px;
}
.portfolio-customer {
	font-size:0.84em;
}
.portfolio-sector {
	font-size:0.76em;
	color:#6f6f6f;
	text-transform: uppercase;
}
.home .category, .subtitle {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size:0.84em;
}
.portfolio-title {
	font-size:1.28em;
}
.content {
	min-height: 260px;
	_height: 260px; /* min-height per IE6 */
}
.content h1 {
	color: #888888;
	font-size:2.78em;
	line-height: 1;
	padding-top: 30px;
	margin-bottom: 18px;
}
.home h1 {
	margin-bottom: 30px;
}
.black {
	color: #1c1b1a;
}
.half {
	background-image: url(../img/2columns.gif);
	background-repeat: repeat-y;
}
.content p {
	color: #6f6f6f;
	margin-bottom: 20px;
}
.chisiamo .slider {
	background-image: url(../img/chisiamo.jpg);
	background-repeat: no-repeat;
}
.content .main {
	width:620px;
	float:left;
	padding:2px 20px 20px 0px;	
	border-right: 1px solid #d0d0d0;
}
.chisiamo .content .main, .websites .content .main, .webapps .content .main, .socialmedia .content .main {
	border-right: none;
}
.webapp-detail .content .main {
	border-right: none;
	float:none;
	min-height: 0px;
}
.content .box {
	width: 296px;
	float:left;
	padding:2px 12px 2px 12px;
	border-left: 1px solid #d0d0d0;
}

.content .box #twitter_update_list {
	word-break: break-all;
}

.website-detail .content .box {
	border-left: none;
}
.home .content .box img {
	display: block;
	float:left;
	margin-right: 5px;
	margin-top: 3px;
}
.chisiamo .content .box {
	min-height: 320px;
	_height: 320px;
}
.contatti .content .box  {
	min-height: 260px;
	_height: 260px;
}
.chisiamo .content .side {
	min-height: 20px;
	_height: 20px;
	border-left: none;
}
.chisiamo .content .box p, .home .content .box p, .socialmedia .content .box p {
	font-size:0.84em;
	line-height: 1.3;
}
.socialmedia .content .box p {
	margin-bottom: 10px;
}
.home .content .box  {
	min-height: 200px;
	_height: 200px;
}
.home .content .focus p {
	font-size:1em;
	line-height: 1.3;
}
.home .content .focus p .name {
	font-weight: bold;
	color: #1c1b1a;
}
.home .content .focus img {
	margin-top: -5px;
	float: right;
	margin-right: 0px;	
}
.home .content .focus .logo img {
	float: none;
	margin-bottom: 10px;
}
.home .content .box #twitter_update_list a:link, .home .content .box #twitter_update_list a:visited {
	color: #6f6f6f;
	line-height: 1.3;
	display: block;
}
.home .content .box #twitter_update_list a:hover, .home .content .box #twitter_update_list a:active {
	color: #e5322c;
}
.home .content .box a {
	font-size: 0.84em;
}
.chisiamo .slider {
	height: 320px;
	background-color: #cbc4b4;
}
.konkuri .slider {
	height: 320px;
}
.konkuri .slider .slider-bg {
	background-color: #e0e8ec;
}
.konkuri .content .main {
	border-right: none;
}
.konkuri .content .box a.site {
	display: block;
	margin-bottom: 20px;
}
.socialmedia .content .box, .konkuri .content .box {
	padding-bottom: 20px;
}
.contatti .slider {
	height: 320px;
	background-color: #000000;
	background-image: url(../img/contatti.jpg);
	background-repeat: no-repeat;	
}
.portrait img {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}
.button {
	display: block;
	width: 170px;
	background-image: url(../img/button-background.jpg);
	background-repeat: repeat-x;
	height: 19px;
	border: 1px solid #d0d0d0;
	padding: 3px 10px 0px 0px;
	font-size: 0.84em;
	color: #6f6f6f;
	margin-top: 5px;
}
.box .button img {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
}
a:link, a:visited {
	text-decoration: none;
	color: #6e950f;
}
a:hover, a:active {
	color: #e5322c;
}
a.button:link, a.button:visited {
	text-decoration: none;
	color: #6f6f6f;
}
a.button:hover, a.button:active {
	color: #444444;
}
.website-detail .content h1, .webapp-detail .content h1 {
	color: #1c1b1a;
}
.website-detail .content .main p {
	line-height: 1.5;
}
.website-detail .box .sector, .website-detail a, .webapp-detail .box p, .socialmedia .box a, .konkuri .box a {
	font-size:0.84em;
}
.webapp-detail h1 img {
	display: block;
	margin-bottom: 10px;
	margin-left: 2px;
}
.webapp-detail .box p {
	margin-bottom: 0px;
}
.webapp-detail .box img {
	margin-left: -8px;
}
.webapp-detail .clear-fix {
	height: 30px;
}
.socialmedia .slider {
	height: 320px;
	background-color: #fafce8;
	background-image: url(../img/social-media-mktg.jpg);
	background-repeat: no-repeat;	
}
.socialmedia .box ul {
	color: #6f6f6f;
	font-size: 0.84em;
	padding-left: 0px;
	margin-left: 15px;
	margin-bottom: 15px;
}
.socialmedia .box li {
	padding-left: 0px;
	margin-bottom: 5px;
}
.agency {
	font-size:0.84em;
	color: #6f6f6f;
}
