/***************************element selectors************************************************/
body {
		 text-align: center ; /*centra in IE*/
    background : #656648;
    /*font : medium arial,helvetica,sans-serif;*/
    font-family: arial,verdana,sans;
    margin:0;
    padding:0;
}

/***************************element selectors************************************************/
/***************************id selectors************************************************/
#wrapper{
	text-align:center; /*centra in ie*/											
  margin: 0px auto;
  background: #b9ba63 url("images/sfondobody.jpg") repeat-y;
	width:880px;
}

#container {
	text-align: center; /*centra in ie*/
  margin: 0px auto;
  background: #eceda7 url("images/sfondosfum.jpg") repeat-x;
	width:860px;
 }
 
#header {
 	background: #b9ba83;
  width:860px;
  height:220px;
 }

#menu{
  background: #b9ba83;
  margin:10px 0px;
  width:860px;
  height:50px;
}


#content{
	background: #cbcc90;
	width:660px;
  margin:20px auto 50px;
  padding:20px;
  font-size: 13px;
  text-align: justify;
  line-height: 1.2;
  border:solid 1px;
}

#content ul{
	text-align:left;
}

#footer{
	padding:10px 0 5px 0;
  font-size: 8pt;
  text-align:center;
	background: #a2a373;
  
 } 


#main_img{
	display:block;
  margin:0 auto;
  text-align:center; /* centra in IE*/
  border: solid 1px #ffffff;
}

#header img{
display:block; /*rende l'immagine tipo blocco in modo che IE non aggiunga all'img i pixels in pił*/
border:0;
}
/***************************id selectors************************************************/

/*----------------------------class selectors---------------------------------------*/
.warning{
	font-size:x-large;
  font-weight:bold;
  text-align:center;
}

.floatright{
	float:right;
 
}

.smaller{
	font-size:smaller;
}

/*----------------------------class selectors---------------------------------------*/
/*--------------menu background start------------------------------*/

#wipbutton{
float:left;
width:172px;
height:50px;
background:url("images/wip_button.jpg") no-repeat 0px 0px;
}

#wipbutton_s{
float:left;
width:172px;
height:50px;
background:url("images/wip_button.jpg") no-repeat 0px -100px;
}

#projectsbutton{
float:left;
width:172px;
height:50px;
background:url("images/projects_button.jpg") no-repeat 0px 0px;
}

#projectsbutton_s{
float:left;
width:172px;
height:50px;
background:url("images/projects_button.jpg") no-repeat 0px -100px;

}

#miscbutton{
float:left;
width:172px;
height:50px;
background:url("images/misc_button.jpg") no-repeat 0px 0px;

}

#miscbutton_s{
float:left;
width:172px;
height:50px;
background:url("images/misc_button.jpg") no-repeat 0px -100px;
}		

#linksbutton{
float:left;
width:172px;
height:50px;
background:url("images/links_button.jpg") no-repeat 0px 0px;

}	

#linksbutton_s{
float:left;
width:172px;
height:50px;
background:url("images/links_button.jpg") no-repeat 0px -100px;

}	

#aboutmebutton{
float:left;
width:172px;
height:50px;
background:url("images/aboutme_button.jpg") no-repeat 0px 0px;
}
#aboutmebutton_s{
float:left;
width:172px;
height:50px;
background:url("images/aboutme_button.jpg") no-repeat 0px -100px;
}
	

#wipbutton:hover,#projectsbutton:hover,#miscbutton:hover,#linksbutton:hover,#aboutmebutton:hover{
	background-position: 0px -50px;
}


/*--------------menu background end------------------------------*/
