/*
	General Stylesheet for layout and typography

	Site: loveblank.com
	Initial Build: 10.2011
	Author: Francesco Prosperi - | blank |	 www.loveblank.com
*/

@import url("reset.css");
@import url("font-face/font-face.css");

/* -------------------------------------------------------------------- BASIC */

html {
	background:#000000;
	font-size:100%; /* 16px base */
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

*:focus {
	outline:none;
}

#wrapper {
	position:relative;
	margin:0 auto;
	width:970px;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'KlavikaRegular', sans-serif;
	font-size-adjust: 0.49;
}

.clear {
	clear:both !important;
}

.nmr {
	margin-right:0 !important
}

#parallax {
	position:fixed;
	bottom:0px;
	top:0px;
	right:0px;
	left:0px;
	background:#fff;
	overflow:hidden;
}

.para{
	width:2000px;
	height:2000px;
}

.boldIta {
	font-family:'KlavikaBoldItalic', sans-serif;
}

.ita {
	font-family:'KlavikaRegularItalic', sans-serif;
	font-size:13px;
}

abbr {
	cursor:help;
	border-bottom:1px dotted #999;
}


a.ext:link, a.ext:visited {
	color:#777;
	text-decoration:none;
	background: url(../img/icons/external.png) right no-repeat;
	padding-right: 13px;
}

a.ext:hover, a.ext:active {
	color:#000;
	text-decoration:none;
	background: url(../img/icons/external.png) right no-repeat;
	padding-right: 13px;
}

a.mail:link, a.mail:visited {
	color:#777;
	text-decoration:none;
	background: url(../img/icons/email.png) right no-repeat;
	padding-right: 13px;
}

a.mail:hover, a.mail:active {
	color:#000;
	text-decoration:none;
	background: url(../img/icons/email.png) right no-repeat;
	padding-right: 13px;
}

.icon {
	margin:0 6px 3px 0;
	vertical-align:middle;
}

/* -------------------------------------------------------------------- MENU SX */

#colSX {
	width:884px; /* 260px */
	padding:0px 0 0 86px;
	position:fixed;
	top:0;
	background:url(../img/white.png);
	height:100%;
}

	#colSX ul.menu {
		list-style:none;
		font-family:'KlavikaBold', sans-serif;
		font-size:1.25em;
		height:auto;
		margin-top:25px;
		margin-bottom:10px;
	}

		#colSX ul.menu li {
			display:block;
			width:100%;
			line-height:1.125em;
		}

		#colSX ul.menu li.sub {
			font-family:'KlavikaLight', sans-serif;
			font-size:0.65em;
			line-height:1.25em;
		}
		
			a.blu:link, a.blu:visited {
				color:#000;
				text-decoration:none;		
				
			}

			a.blu:hover, a.blu:active {
				color:#de1c85;
			}

			a.on {
				color:#de1c85;
				text-decoration:none;		
				cursor:default;
			}


/* -------------------------------------------------------------------- HEADER */

	#header {
		height:125px;
		width:690px;
		background:#fff;
		text-align:left;
		padding:0 10px;
		position:fixed;
		margin-left:22px;
		z-index:1000;
	}
	
		#header h1 {
			font-family:'KlavikaBold', sans-serif;
			font-size:2.5em;
			color:#de1c85;
			padding-top:75px;	
		}
		
		.testa {
			display:none;
		}

/* -------------------------------------------------------------------- CORPO */
		
#colDX {
	width:732px;
	right:0;
	position:absolute;
}
		
		#visore {
			padding:125px 0 0 0;
		}
		
		#visore .etichetta {
			display:block;
			font-family:'KlavikaBold', sans-serif;
			font-size:1em;
			margin-top:10px;
			line-height:17px;
			overflow:hidden;
		}

		#visore .featured {
			font-size:1.2em;
			line-height:20px;
		}		

		#visore .tags {
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.625em;
			padding:2px 0 20px 0;
			border-bottom:1px dotted #ccc;
			margin-bottom:18px;
			font-style:italic;
			color:#777;
		}
		
		#visore .box {
			margin-left:22px;
			width:222px;
			float:left;
		}
	

	ul#portfolio-list li, #immagini img {
		margin-left:22px;
	}
	
	#immagini img {
		margin-bottom:10px;
	}
	
	#descrizione {
		background:#fff;
		padding:20px 10px 20px 10px;
		margin-left:22px;
		margin-bottom:10px;
		font-size:0.813em;
	}
	
	#descrizione .col1 {
		font-size:15px;
		width:210px;
		float:left;
	}

	#descrizione .col2 {
		width:480px;
		float:left;
	}

	#descrizione .col3 {
		font-size:13px;
		width:690px;
	}
	
	#descrizione a {
		color:#888;
		text-decoration:none;
	}

	#descrizione .colonnaClienti a {
		color:#000;
	}

	#descrizione a:hover {
		color:#de1c85;
	}

	.col2 .column {
		float: left;
		width: 220px;
		text-align:justify;
		margin-left:20px;
	}
	
	.colonnaClienti {
		float: left;
		width: 220px;
		text-align:justify;
		margin-right:20px;
	}
	
	.colonnaClienti li {
		margin-bottom:5px;
	}
	
	#descrizione h2 {
		font-weight:bold;
		font-size:12px;
		margin:0 0 10px 0;
		padding:0;
	}
	
	.separator {
		height:10px;
		margin:0 0 20px 22px;
		border-bottom:1px dotted #ccc;
	}


/* -------------------------------------------------------------------- FILTER */

ul#filterOptions {
	width: 732px;
	overflow: hidden;
	list-style:none;
	text-align:center;
	padding-top:103px;	
	font-family:'KlavikaLightItalic', sans-serif;
	font-size:0.6888em;
}

ul#filterOptions li {
	display:inline;
	height:24px;
	padding:7px 24px 0 24px;
	background:url(../img/tick.gif) no-repeat 18px 0px;
}

ul#filterOptions li a {
	padding: 0 20px;
	color: #000;
	text-decoration:none;
	padding:0px 4px;
}

ul#filterOptions li a:hover {
	color: #de1c85;
}
ul#filterOptions li.active a {
	background: #de1c85;
	color:#fff;
}

/* DATA HOLDER */

ul.ourHolder {
	width: 732px;
	height: auto;
	overflow: hidden;
}

ul.ourHolder li.item {
	width: auto;
	height: auto;
	float: left;
	margin-top:10px;
	padding-left:22px;
	text-align: left;
	overflow: hidden;
	position:relative;
}

/* -------------------------------------------------------------------- HOME */

.previewSmall {
	display:block;
	width:222px;
	height:222px;
}

.previewBig {
	display:block;
	width:710px;
	height:399px;
	background-position:top;
}

.realUl {
	margin-left: 10px;
	margin-top:10px;
	padding-left: 10px;
}

.realUl li {
	list-style:disc outside;
}

/* -------------------------------------------------------------------- FOOTER */

div#footer {
	position:relative;
	text-align:left;
	background:url(../img/trasp50.png);
	width:692px;
	margin:20px 0 0 20px;
	padding:10px 10px 70px 10px;
	font-size:11px;
	color:#dedede;
}

div#footer span.purple {
	color:#000;
}

div#footer span.left {
	float:left;
}	
	
div#footer span.right {
	float:right;
	text-align:right;
	color:#dedede;
}	

div#footer a {
	color:#dedede;
	text-decoration:none;
}		

div#footer a:hover {
	color:#000;
}