/* CSS Document */
/* stili provvisori */

html, body {margin:0;padding:0;}

a img {border: none;}
	
#header {height: 150px;background-color: #1388f5;text-align: center;}
	
#header h1 {text-indent: -9999px;}
	
#top_menu {padding:0; margin:0 auto; list-style:none; position:relative; width:400px; height:400px; background:#fff url(img/background.gif) no-repeat;}
	
#top_menu li {display:block; width:60px; height:60px; position:absolute;}
	
#top_menu li.home {left:170px; top:30px; background:url(img/home.gif) no-repeat center center;}
#top_menu li.chisiamo {left:275px; top:70px; background:url(img/chisiamo.gif) no-repeat center center;}
#top_menu li.news {left:65px; top:70px; background:url(img/news.gif) no-repeat center center;}
#top_menu li.cani {left:320px; top:180px; background:url(img/bullet.png) no-repeat center center;}
#top_menu li.maschi {left:20px; top:180px; background:url(img/bullet.png) no-repeat center center;}
#top_menu li.cucciolate {left:300px; top:275px; background:url(img/cucciolate.gif) no-repeat center center;}
#top_menu li.gallery {left:40px; top:275px; background:url(img/photo.gif) no-repeat center center;}
#top_menu li.contatti {left:170px; top:325px; background:url(img/email.gif) no-repeat center center;}

#top_menu li a b {display:none;}

#top_menu li a {display:block; width:60px; height:60px; text-align:center;}

#top_menu li a:hover {background:url(img/circle.gif); text-decoration:none; font-family:georgia, serif;}
#top_menu li a:hover b {position:absolute; display:block; width:100px; height:100px; font-size:16px; color:#1388f5; background:#fff;}
#top_menu li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}

#top_menu li.home a:hover b {left:-22px; top:130px;}
#top_menu li.chisiamo a:hover b  {left:-127px; top:90px;}
#top_menu li.news a:hover b  {left:83px; top:90px;}
#top_menu li.cani a:hover b  {left:-170px; top:-25px;}
#top_menu li.maschi a:hover b  {left:130px; top:-25px;}
#top_menu li.cucciolate a:hover b  {left:-150px; top:-120px;}
#top_menu li.gallery a:hover b  {left:110px; top:-120px;}
#top_menu li.contatti a:hover b  {left:-22px; top:-165px;}