/*<stili-principali>*/

* { 
	padding: 0; margin: 0;
	font: 10px Verdana, Arial, sans-serif; color: #333;
	}

body { 
	background: #FFF url(../images/bg_tile.gif) repeat-y 50% 0; background-attachment: fixed;
   text-align: center;
	}
	
img {
   display: block;
   }

h1 {
	font: 14px Verdana, Arial, sans-serif;
	padding: 5px 0;
	}
	
h2 {
   font: italic 11px Verdana, Arial, sans-serif;
   padding: 10px 0 5px 0;
   }

p {
	padding: 3px 0 3px 0;
	}
	
a {
   color: #688; text-decoration: none;
	}
	
a:hover {
   color: #333; background-color: #DEE; 
	} 

/*</stili-principali>*/

/*<stili-pagina>*/

#container {
	margin: 0 auto;
	width: 720px;
	text-align: left;
	}

#logo {
	margin: 200px 0 0 0; padding: 0;
	float: left;
	display: block;	
	position: relative;
	width: 148px; height:65px;
	overflow: hidden;
	}
	  
#logo a.image {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 148px; height: 65px;
	margin: 0; padding: 0;
	background: url(../images/extremhex_logo.gif) top left no-repeat;
	}

#left-column {
	float: left;
	width: 150px;
	}
   
#middle-column {
   float: left;
   width: 350px;
}

#right-column {
	float: left;
	width: 220px;
	}

#content {
	margin: 60px 0 0 20px;
	}

#mainpagecontent {
	margin: 390px 0 0 20px;
	}
	
#footer {
   font: 9px Verdana, Arial, sans-serif; color: #FFF;
   margin: 0 20px 25px 150px;
   width: 300px;
   text-align: center; line-height: 18px;
   clear: both;
   }
   
#footer a {
   font: 9px Verdana, Arial, sans-serif; color: #688;
   }
   
#footer a:hover {
   color: #333; background-color: #DEE;
   }
		
	/*</stili-pagina>*/

/*<stili-avigazione>*/

/* controllo-menu */

div#nav { 
	height: 100px; width: 350px; 
	margin: 100px 0 0 0;
	}
	
div#nav ul#menu {
	height: 100px; width: 350px;
	background: url(../images/nav.gif) top left no-repeat;
	position: relative;
	}
	
div#nav ul#menu li {
	list-style: none;
	position: absolute;
	}


ul#menu li, ul#menu a {
	height: 25px; width: 350px;
	display: block;
	}


div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}

/* links */

#webagencyfirenzemenu {
	top: 0;
	}


#servizimenu {
	top: 25px;
	}
	
#portfoliomenu {
	top: 50px;
	}


#contattimenu {
	top: 75px;
	}

/* funzioni-mouse */

#webagencyfirenzemenu a:hover {
	background: url(../images/nav.gif) -350px 0 no-repeat;
	}

#servizimenu a:hover {
	background: url(../images/nav.gif) -350px -25px no-repeat;
	}

#portfoliomenu a:hover {
	background: url(../images/nav.gif) -350px -50px no-repeat;
	}

#contattimenu a:hover {
	background: url(../images/nav.gif) -350px -75px no-repeat;
	}

/* select */

body#webagencyfirenze #webagencyfirenzemenu {
	background: url(../images/nav.gif) -350px 0 no-repeat;
	}

body#servizi #servizimenu {
	background: url(../images/nav.gif) -350px -25px no-repeat;
	}

body#portfolio #portfoliomenu {
	background: url(../images/nav.gif) -350px -50px no-repeat;
	}

body#contatti #contattimenu {
	background: url(../images/nav.gif) -350px -75px no-repeat;
	}

/*</links>*/

/*<controllo-submenu>*/

/* posizioni */

#subnav {
	text-align: left;
	margin: 100px 0 0 20px;
	height: 180px;
	}

#subnav ul {
	list-style: none;
	}

#subnav ul li {
	padding: 2px;
	}

/* funzioni-mouse */

#subnav ul li a {
	color: #688;
	text-decoration: none;
	}



/* selezioni */
	
	/*</fine-sottomenu>*/

/*<group=portfolio>*/

/* controllo portfolio */

#project-window {
	float: left;
	width: 350px;
	margin-bottom: 30px;
   }
   
#project {
	position: relative;
	width: 350px; height: 350px;
	overflow: hidden;
	}

#project span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 350px;
	height: 350px;
	background-image: url(../images/servizi.jpg);
	}

/* classi links portfolio */

#project span.homepage {
	background: url(../images/web_design_firenze.jpg) top left no-repeat;
	}

#project span.portfolio {
	background: url(../images/portfolio.jpg) top left no-repeat;
	}
	
#project span.servizi {
	background: url(../images/servizi.jpg) top left no-repeat;
	}	
	
#project span.contatti {
	background: url(../images/contatta_ora.jpg) top left no-repeat;
	}
	
#project span.webagencyfirenze {
	background: url(../images/web_of_intrigue.jpg) top left no-repeat;
	}

#project span.guarnieri {
	background: url(../images/guarnieri.jpg) top left no-repeat;
	}
		
#project span.peragnoli {
	background: url(../images/peragnoli.jpg) top left no-repeat;
	}	
	
#project span.tornabuoni {
	background: url(../images/tornabuoni.jpg) top left no-repeat;
	}
	
#project span.montagliari {
	background: url(../images/montagliari.jpg) top left no-repeat;
	}	
	
#project span.vannucci {
	background: url(../images/vannucci.jpg) top left no-repeat;
	}	
	
#project span.whic-logo2 {
	background: url(../images/whic_logo2.jpg) top left no-repeat;
	}	
	
#project span.tintori {
	background: url(../images/tintori.jpg) top left no-repeat;
	}
	
#project span.cnr {
	background: url(../images/cnr.jpg) top left no-repeat;
	}
	/*</classi links portfolio>*/