@charset "UTF-8";
/* CSS Document */
 
    

/* -------- HTML TAGS -------- */


body{
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	font-size: 78%; 
	color: #111;
	background-color: #FDFDFD;
	line-height:1.666em;
	margin: 0;
	padding: 0;
	}

a:focus, a:hover{ 
	color: #fff;
	background-color: #c06;
} 

a {
	color: #c06; 
	text-decoration:none;
}

a img, a img:hover 	{ border:none; }


/* -------- MAIN -------- */


#container{
	width: 960px;
	margin: 10px auto 0 10px;
}


/* -------- CONTENT BOX -------- */

#content{
	clear: both;
	padding: 8px;
	margin: 10px 0 0 0;
	}
	
	
#content h1{
	font-family:  georgia, "lucida grande", times, serif;
	font-size: 2.6em;
	font-style: italic;
	font-weight: normal;
	letter-spacing: -1px;
	color: #111;
}

#content h1.main{
	float: left;	
}
	
#content h2{
	font-family:  georgia, "lucida grande", times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.2em;
	margin: 0 0 0 0;
	color: #c06;
}
	
#content h4, #content h3{
	font-size: 180%;
	font-family:  georgia, "lucida grande", times, serif;
	font-style: italic;
	font-weight: normal;
	margin: 24px 0 0 0;
}

#content h4 a{
	color: #111;
	}

#content h3 a:hover{
	color: #fff;
}

.home-left h3, .home-right h3{
	font-style: normal!important;
	font-weight: normal!important;
	font-size: 100%!important;
	margin: 0 0 8px 0!important;
	font-family: "helvetica neue", helvetica, sans-serif!important;
	}

div.content-left{
	width: 55%;
	float: left;
	text-align: justify;
	padding: 8px;
	}

div.content-right{
	width: 40%;
	float: right;
	text-align: justify;
	padding: 8px;
	}
	
div.content-left.push{
	margin-top: -46px;
	}
	
div.content-right.push{
	margin-top: -5px;
	}

div.content-right h3{
	font-size: 150%!important;
	margin: 18px 0 0 0!important;
}
	
div.home-left{
	width: 49%;
	float: left;
	}

div.home-right{
	width: 49%;
	float: right;
	}	
	

div.top-home-1{
	width: 28%;
	float: left;
	}

div.top-home-1 ul{
	font-size: 90%;
}

div.top-home-2{
	width: 32%;
	float: left;
	text-align: justify;
	}	
	
div.top-home-3{
	width: 37%;
	float: right;
	margin: 0 0 0 12px;
	text-align: justify;
	}		


div.top-internal-1{
	width: 35%;
	float: left;
	}

div.top-internal-2{
	width: 63%;
	float: left;
	margin: 0 0 0 18px;
	}
	
div.home-left a img, div.home-right a img{
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 4px;
}

div.home-left a img:hover, div.home-right a img:hover{
	border: 1px solid #c06;
	background-color: #fff;
	padding: 4px;
}

div#newsblock{
	font-size: 90%;
	}
	
	
/* -------- FOOTER -------- */

#footer{
	clear: both;
	margin: 60px auto 0 auto;
	width: 100%;
	background-color: #111;
	color: #fff;
	font-size: 90%;
	}
	
#footer-container{
	width: 960px;
}
	
#footer p.sx{
	margin: 0 0 0 30px;
	width: 46%;
	float: left;
	}
	
#footer p.dx{
	margin: 0 30px 0 0;
	width: 46%;
	float: right;
	text-align: right;
}

/* -------- GALLERY -------- */
	
	.caption{
		}
	.demo{
		position:relative;
		margin-top:2em;
		}
	.gallery_demo{
		padding: 0;
		margin: 65px 0 0 0;
		}
	.gallery_demo li{
		width:68px;
		height:50px;
		border:3px double #111;
		background:#111;
		float: left;
		}
	.gallery_demo li div{
		
		}
	.gallery_demo li div .caption{
		font:italic 0.7em/1.4 georgia,serif;
		}
	
	#main_image{
		margin:0 0 60px 0;
		width:525px;
		height:328px;
		background:#111;
		}
	#main_image img{
		margin-bottom:10px;
		}
	
	/*.nav{
		padding-top:15px;margin: 0;clear:both;font:80%;letter-spacing:3px;text-transform:uppercase;
		}
*/
	
	
	
	
	
	.galleria{
		list-style:none;
		width:100%;
		}
	.galleria li{
		display:block;width:80px;height:80px;overflow:hidden;margin:0 10px 10px 0
		}
	.galleria li a{
		display:none
		}
	.galleria li div{

	}
	.galleria li div img{
		cursor:pointer
		}
	.galleria li.active div img,.galleria li.active div{
		display:block
		}
	.galleria li img.thumb{
		cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto
		}
	.galleria li .caption{
		display:block;padding-top:.5em
		}
	* html .galleria li div span{
		width:400px
		} /* MSIE bug */
		
	
/* -------- WS SECTIONS -------- */

#bg-section{
	width: 952px;
	height: 336px;
	margin: 12px 0 0 0;
	clear: both;
	}

#bg-section a{
	display: block;
	width: 10px;
	height: 14px;
	position: relative;
	float: right;
	top: 5px;
	right: 0px;
	}

#bg-section.connected-home{
	background: transparent url('../images/connected-home-h.jpg') left top no-repeat;
	}
	
#bg-section.nfc{
	background: transparent url('../images/nfc-h.jpg') left top no-repeat;
	}

#bg-section.greenwheel{
	background: transparent url('../images/greenwheel-h.jpg') left top no-repeat;
	}

#bg-section.thats-alcohol{
	background: transparent url('../images/thats-alcohol-h.jpg') left top no-repeat;
	}

#bg-section.deriva{
	background: transparent url('../images/deriva-h.jpg') left top no-repeat;
	}

#bg-section.transdanube{
	background: transparent url('../images/transdanube-h.jpg') left top no-repeat;
	}


#bg-section.this-or-that{
	background: transparent url('../images/this-or-that-h.jpg') left top no-repeat;
	}
	
#bg-section.locast-travels{
	background: transparent url('../images/locast-travels-h.jpg') left top no-repeat;
	}
	
#bg-section.locast-civic{
	background: transparent url('../images/locast-civic-h.jpg') left top no-repeat;
	}

#bg-section.infondoalmar{
	background: transparent url('../images/infondoalmar-h.jpg') left top no-repeat;
	}
	
#bg-section.voci-pressa{
	background: transparent url('../images/voci-pressa-h.jpg') left top no-repeat;
	}
	
#bg-section.mha{
	background: transparent url('../images/mha-h.jpg') left top no-repeat;
	}
	
#bg-section.dinamo{
	background: transparent url('../images/dinamo-h.jpg') left top no-repeat;
	}

#bg-section.digepige{
	background: transparent url('../images/digepige-h.jpg') left top no-repeat;
	}
	
#bg-section.cultural-luggage{
	background: transparent url('../images/cultural-luggage-h.jpg') left top no-repeat;
	}
	
#bg-section.orama{
	background: transparent url('../images/orama-h.jpg') left top no-repeat;
	}

#bg-section.dejavu{
	background: transparent url('../images/dejavu-h.jpg') left top no-repeat;
	}

#bg-section.bubbies{
	background: transparent url('../images/bubbies-h.jpg') left top no-repeat;
	}


#bg-section.random-messenger{
	background: transparent url('../images/rmsn-h.jpg') left top no-repeat;
	}
	

#bg-section.shakespeare{
	background: transparent url('../images/shakespeare-h.jpg') left top no-repeat;
	}

#bg-section.photography{
	background: transparent url('../images/photography-h.jpg') left top no-repeat;
	}

#bg-section.aqui{
	background: transparent url('../images/aqui-h.jpg') left top no-repeat;
	}

#bg-section.ridelink{
	background: transparent url('../images/ridelink-h.jpg') left top no-repeat;
	}
	

/* -------- HOME MENU IMAGES -------- */
	
	
a.image-menu{
	display: block;
	width: 450px;
	height: 120px;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 4px;
}

a.image-menu:hover{
	display: block;
	border: 1px solid #c06;
	background-color: #fff;
}

span.more{
	display: block;
	width: 48px;
	height: 14px;
	float: right;
	}
	
a.image-menu:hover span.more{
	background: #fff url('../images/more.png') top right no-repeat;
	}
	
	
a.image-menu.connected-home{
	background: #fff url('../images/connected-home-m1.jpg') center no-repeat;
	}	
	
a.image-menu.connected-home:hover{
	background: #fff url('../images/connected-home-m2.jpg')  center no-repeat;
	}
	
a.image-menu.ridelink{
	background: #fff url('../images/ridelink-m1.jpg') center no-repeat;
	}	
	
a.image-menu.ridelink:hover{
	background: #fff url('../images/ridelink-m2.jpg')  center no-repeat;
	}

a.image-menu.nfc{
	background: #fff url('../images/nfc-m1.jpg') center no-repeat;
	}	
	
a.image-menu.nfc:hover{
	background: #fff url('../images/nfc-m2.jpg') center no-repeat;
	}
	
	
	
a.image-menu.green-wheel{
	background: #fff url('../images/greenwheel-m1.jpg') center no-repeat;
	}	
	
a.image-menu.green-wheel:hover{
	background: #fff url('../images/greenwheel-m2.jpg') center no-repeat;
	}


a.image-menu.deriva{
	background: #fff url('../images/deriva-m1.jpg') center no-repeat;
	}	
	
a.image-menu.deriva:hover{
	background: #fff url('../images/deriva-m2.jpg') center no-repeat;
	}


a.image-menu.thats-alcohol{
	background: #fff url('../images/thats-alcohol-m1.jpg') center no-repeat;
	}	
	
a.image-menu.thats-alcohol:hover{
	background: #fff url('../images/thats-alcohol-m2.jpg') center no-repeat;
	}



a.image-menu.transdanube{
	background: #fff url('../images/transdanube-m1.jpg') center no-repeat;
	}	
	
a.image-menu.transdanube:hover{
	background: #fff url('../images/transdanube-m2.jpg') center no-repeat;
	}
	


a.image-menu.this-or-that{
	background: #fff url('../images/this-or-that-m1.jpg') center no-repeat;
	}	
	
a.image-menu.this-or-that:hover{
	background: #fff url('../images/this-or-that-m2.jpg') center no-repeat;
	}
	
	


a.image-menu.locast-travels{
	background: #fff url('../images/locast-travels-m1.jpg') center no-repeat;
	}	
	
a.image-menu.locast-travels:hover{
	background: #fff url('../images/locast-travels-m2.jpg') center no-repeat;
	}


a.image-menu.locast-civic{
	background: #fff url('../images/locast-civic-m1.jpg') center no-repeat;
	}	
	
a.image-menu.locast-civic:hover{
	background: #fff url('../images/locast-civic-m2.jpg') center no-repeat;
	}
	

a.image-menu.infondoalmar{
	background: #fff url('../images/infondoalmar-m1.jpg') center no-repeat;
	}	
	
a.image-menu.infondoalmar:hover{
	background: #fff url('../images/infondoalmar-m2.jpg') center no-repeat;
	}



a.image-menu.voci-pressa{
	background: #fff url('../images/voci-pressa-m1.jpg') center no-repeat;
	}	
	
a.image-menu.voci-pressa:hover{
	background: #fff url('../images/voci-pressa-m2.jpg') center no-repeat;
	}



a.image-menu.mha{
	background: #fff url('../images/mha-m1.jpg') center no-repeat;
	}	
	
a.image-menu.mha:hover{
	background: #fff url('../images/mha-m2.jpg') center no-repeat;
	}




a.image-menu.dinamo{
	background: #fff url('../images/dinamo-m1.jpg') center no-repeat;
	}	
	
a.image-menu.dinamo:hover{
	background: #fff url('../images/dinamo-m2.jpg') center no-repeat;
	}
	
	
	

a.image-menu.digepige{
	background: #fff url('../images/digepige-m1.jpg') center no-repeat;
	}	
	
a.image-menu.digepige:hover{
	background: #fff url('../images/digepige-m2.jpg') center no-repeat;
	}



a.image-menu.cultural-luggage{
	background: #fff url('../images/cultural-luggage-m1.jpg') center no-repeat;
	}	
	
a.image-menu.cultural-luggage:hover{
	background: #fff url('../images/cultural-luggage-m2.jpg') center no-repeat;
	}


a.image-menu.orama{
	background: #fff url('../images/orama-m1.jpg') center no-repeat;
	}	
	
a.image-menu.orama:hover{
	background: #fff url('../images/orama-m2.jpg') center no-repeat;
	}


a.image-menu.dejavu{
	background: #fff url('../images/dejavu-m1.jpg') center no-repeat;
	}	
	
a.image-menu.dejavu:hover{
	background: #fff url('../images/dejavu-m2.jpg') center no-repeat;
	}
	


a.image-menu.bubbies{
	background: #fff url('../images/bubbies-m1.jpg') center no-repeat;
	}	
	
a.image-menu.bubbies:hover{
	background: #fff url('../images/bubbies-m2.jpg') center no-repeat;
	}
	
	
a.image-menu.rmsn{
	background: #fff url('../images/rmsn-m1.jpg') center no-repeat;
	}	
	
a.image-menu.rmsn:hover{
	background: #fff url('../images/rmsn-m2.jpg') center no-repeat;
	}


a.image-menu.shakespeare{
	background: #fff url('../images/shakespeare-m1.jpg') center no-repeat;
	}	
	
a.image-menu.shakespeare:hover{
	background: #fff url('../images/shakespeare-m2.jpg') center no-repeat;
	}


a.image-menu.photography{
	background: #fff url('../images/photography-m1.jpg') center no-repeat;
	}	
	
a.image-menu.photography:hover{
	background: #fff url('../images/photography-m2.jpg') center no-repeat;
	}



a.image-menu.graphic-design{
	background: #fff url('../images/graphic-design-m1.jpg') center no-repeat;
	}	
	
a.image-menu.graphic-design:hover{
	background: #fff url('../images/graphic-design-m2.jpg') center no-repeat;
	}



/* -------- GENERAL -------- */


p.dateproject{
	font-style: italic;
	}

p.profile{
	font-size: 90%;
	margin: 0;
	}

ul.contextual_links{
	float: right;
	list-style: none;
	margin: 24px 0 0 0;
	padding: 0;
	width: 200px;
	height: 40px;
	text-align: right;
	}
	
ul.contextual_links li{
	display: inline;
	float: left;
}

li.previous a{
	display: block;
	width: 44px;
	height: 26px;
	margin: 0;
	background: transparent url('../images/ico_previous1.png') left top no-repeat;
	}
	
li.previous a:hover{
	background: transparent url('../images/ico_previous2.png') left top no-repeat;
}

li.all a{
	display: block;
	width: 104px;
	height: 26px;
	margin: 0 2px 0 2px;
	background: transparent url('../images/ico_allprojects1.png') left top no-repeat;
	}


li.all a:hover{
	background: transparent url('../images/ico_allprojects2.png') left top no-repeat;
}


li.next a{
	display: block;
	width: 44px;
	height: 26px;
	margin: 0;
	background: transparent url('../images/ico_next1.png') left top no-repeat;
	}

li.next a:hover{
	background: transparent url('../images/ico_next2.png') left top no-repeat;
}

li.all a span.text, li.previous a span.text, li.next a span.text{
   position: absolute;
   overflow: hidden;
   left: -9999px; 
}

.arrow-list {
	list-style-type: none;
	margin: -6px 0 0 2px;
	padding: 0;
}

.arrow-list li {
	padding: 0 0 0 12px;
	background: transparent url('../images/arrow.png') left top no-repeat;
	}

.arrow-list li.home {
	margin: 0 0 0 6px;
	padding: 0 0 0 12px;
	background: transparent url('../images/arrow.png') left top no-repeat;
	}

li.keyword-menu{
	color: #111;
	font-style: italic;
	font-size: 95%;
	}
	
li.where-when{
	color: #111;
	font-size: 90%;
	}

	
.icons-list {
	list-style-type: none;
	margin: -6px 0 0 2px;
	padding: 0;
}

.icons-list.top a{
	color: #111;
	}

.icons-list.top a:hover{
	color: #fff;
}

.icons-list.left {
	float: left;
	width: 40%;
}

.icons-list.right {
	float: left;
	width: 40%;
}

.icons-list li {
	padding: 0 0 0 22px;
	}

.icons-list li.delicious {
	background: transparent url('../images/ico_delicious.png') center left no-repeat;
}

.icons-list li.dopplr {
	background: transparent url('../images/ico_dopplr.png') center left no-repeat;
}

.icons-list li.email {
	background: transparent url('../images/ico_email.png') center left no-repeat;
}

.icons-list li.facebook {
	background: transparent url('../images/ico_facebook.png') center left no-repeat;
}

.icons-list li.flickr {
	background: transparent url('../images/ico_flickr.png') center left no-repeat;
}

.icons-list li.linkedin {
	background: transparent url('../images/ico_linkedin.png') center left no-repeat;
}

.icons-list li.pdf {
	background: transparent url('../images/ico_pdf.gif') center left no-repeat;
}

.icons-list li.skype {
	background: transparent url('../images/ico_skype.png') center left no-repeat;
}

.icons-list li.twitter {
	background: transparent url('../images/ico_twitter.png') center left no-repeat;
}

.icons-list li.vimeo {
	background: transparent url('../images/ico_vimeo.png') center left no-repeat;
}

.icons-list li.youtube {
	background: transparent url('../images/ico_youtube.png') center left no-repeat;
}

.icons-list li.vcard {
	background: transparent url('../images/ico_vcard.png') center left no-repeat;
}

.icons-list li.everytrail {
	background: transparent url('../images/ico_everytrail.jpg') center left no-repeat;
}

div.clear{
	clear: both;
	width: 100%;
	}
	

div.ruler{
	clear: both;
	width: 100%;
	height: 7px;
	margin: 24px 0 0 0;
	background: transparent url('../images/hr1.png') repeat-x;
	}
	
	
div.ruler2{
	clear: both;
	width: 100%;
	height: 7px;
	margin: 24px 0 0 0;
	background: transparent url('../images/hr2.png') repeat-x;
	}

div.ruler3{
	clear: both;
	width: 100%;
	height: 7px;
	margin: 24px 0 0 0;
	background: transparent url('../images/hr3.png') repeat-x;
	}



div#top-decoration{
	clear: both;
	width: 100%;
	height: 10px;
	margin: 0;
	/* background: transparent url('../images/hr2.png') repeat-x;	*/ 
	background-color: #111;
	}
	
div#preload {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}


#sorting_method{
	font-size: 90%;
	margin: 8px 8px 12px 0;
	color: #666;
	}


#sorting_method ul{
	float: right;
    width: 300px;
	height: 24px;
	margin: 0;
	padding: 0;
	text-align: right;
	background: transparent  url('../images/bar-sorting.png') left top no-repeat;
	}


#sorting_method li{
	list-style: none;
	display: inline;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	border-right: 1px dotted black;
}

#sorting_method li.first, #sorting_method li.last{
	border: none;
}


#sorting_method ul.expertises{
    font-size: 95%;
    clear: both;
	width: 873px;
    color: black;
	margin: 4px 0 8px 0;
    background: transparent  url('../images/bar-sorting-2.png') left top no-repeat;
}

#sorting_method ul.expertises a{
    color: #333;
}

#sorting_method ul.expertises a:hover{
    text-decoration: underline;
    background-color: transparent;
}



/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 20px 0 0 0;
	width:155px;
	color: #fff;
    text-align: left;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
	font-size: 85%;
	word-spacing: normal;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #fff;
    background: url(../images/bubble.gif) no-repeat bottom;
}