body {
  font-family:"Lucida Grande";
  text-align: left;
  margin: 0px;
  padding: 0px;
  color:#555555;
  background: url(Images/pattern.png) top right repeat;
/*  background: url(Images/pattern2.png) top right repeat;
  background: url(Images/pattern.gif) top right repeat;*/

   }

#all{
	position:relative;
	width:720px;
	margin-left:auto;
	margin-right:auto;
	}
	
   #menu {
  position: relative;
  width:720px;

   }

   #menu div {
      border:0px solid black;

   }
   
.base {
      position: absolute;
      width: 720px;
      height: 60px;
      left: 0px;
     	background: transparent url(Images/BaseMenu.png) top right no-repeat;

   }
   .first {
      position: absolute;
      width: 180px;
      height: 60px;
      left: 0px;
      border:0px;
      background: transparent url(Images/Home.png) top right no-repeat;

   }
   
    .second {
      position: absolute;
      width: 180px;
      height: 60px;
      left: 180px;
           background: transparent url(Images/Apps.png) top right no-repeat;
   }
    .third {
      position: absolute;
      width: 180px;
      height: 60px;
      left: 360px;
           background: transparent url(Images/Themes.png) top right no-repeat;
   }
     .fourth {
      position: absolute;
      width: 180px;
      height: 60px;
      left: 540px;
      background: transparent url(Images/Blog.png) top right no-repeat;
   }
   
   
   
   	.first:hover {
      position: absolute;
      width: 180px;
      height: 60px;
      left: 0px;
      background: transparent url(Images/HomeL.png) top right no-repeat;
   }
      .second:hover {
      position: absolute;
      width: 180px;
      height: 60px;
      left: 180px;
      background: transparent url(Images/AppsL.png) top right no-repeat;
   }   
    .third:hover {
      position: absolute;
      width: 180px;
      height: 60px;
      left: 360px;
           background: transparent url(Images/ThemesL.png) top right no-repeat;
   }
     .fourth:hover {
   position: absolute;
   width: 180px;
   height: 60px;
   left: 540px;
   background: transparent url(Images/BlogL.png) top right no-repeat;
   }

	 .center{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	  #Contents {
	position:relative;
	width:720px;
	top:100px;
	}
	  #topPart {
	position:relative;
	width:720px;
	height:50px;
	background: url(Images/TopIMG.png) top right no-repeat;
	}
	
	  #contentWrite{
	position:relative;
	width:720px;
	height:auto;
	z-index:2;
	}
		
	  #principal {
		position:relative;
	width:720px;
	height:auto;
	background: url(Images/repeatIMG.png)  bottom right repeat-y;
	}
	  .testo{
	position:relative;
	margin-left:30px;
	}
	  	
	  .titolo {
	color:#555555;
	font-size:14px;
	font-weight:bold;
	margin-left:34px;
	}
	 .descrizione {
	/*color:#555555;*/
	color: rgb(85,85,85);
	font-size:12px;
	margin-left:34px;

	}

	  #midlePart {
	position:relative;
	width:720px;
	height:100px;
	background: url(Images/MidleIMG.png)  bottom right no-repeat;
	}
	
	#bottomPart {
	position:relative;
	width:720px;
	height:50px;
	background: url(Images/BottomIMG.png)  bottom right no-repeat;
	}
		
	#contenutoDescrizione{
	position:relative;
	width:650px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
		}
		
	.contenutoDescrizione{
	position:relative;
	width:650px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
		}
		
	.blocco {
	position:absolute;
	width:270px;
	height:60px;
	margin-right:0px;
/*	background: url(Images/bloccoS.png)  top right no-repeat;*/
		}
		
	.immagineBlocco {
	position:absolute;
	width:30px;
	height:30px;
	top:1px;
	left:0px;
	margin-left:0;
	margin-right:0px;
		}
		
	#bloccoApp {
	position:relative;
	width:400px;
	height:200px;
	margin-right:auto;
	margin-left:auto;
		}

	.immagineApp {
	position:absolute;
	width:200px;
	height:200px;
	left:0px;
	top:0px;
	margin-left:0px;
		}
		
		.descrizioneApp {
	position:absolute;
	display:block;
	width:160px;
	height:160px;
	left:200px;
	top:0px;
	margin-top:40px;
		}
		

	.bottone{
		position:relative;
		height:55px;
		width:180px;
		color:#fff;
		font-size:35px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		}
	.bottone:hover{
		color: rgb(240,240,240);
		}
	.sxBTN{
		position:absolute;
		display:inline;
		height:55px;
		width:20px;
		left:0px;
		background: url(Images/leftBTN.png) left top;
		}
	.dxBTN{
		position:absolute;
		display:inline;
		height:55px;
		width:20px;
		right:0px;
		left:160px;
		background: url(Images/rightBTN.png) right top;
		}
	.midleBTN{
		position:absolute;
		display:inline;
		height:55px;
		width:140px;
		margin-left:20px;
		margin-right:20px;
		background:url(Images/midleBTN.png) right top repeat-x;
		padding-top:6px;
		text-decoration:none;
		}
 	.midleBTN a:link{
 		color:#fff;
 		}
 	.midleBTN a:visited{
 		color:#fff;
 		}
	.midleBTN:hover{
		background:url(Images/midleBTNs.png) right top repeat-x;
		}
	  h1{
	position:relative;
	font-family:"Lucida Grande";
	color:#60778e;
		}
	  h2{
	position:relative;
	font-family:"Lucida Grande";
	color:#60778e;
		}
	  a:link {color: #60778e;
	text-decoration:none;
	}
	  a:visited {color: #7d92a7;
	text-decoration:none;
	}
	  a:hover {color: #60778e;
	text-decoration:none;
	}
	
	img{
	text-decoration:none;
	border:0px;	
		}