body {
	text-align: center;
	background: #000000 url("images/barra.gif") repeat-x 0 99px;
	padding:0;
	margin:0;
}

body, p, a {
  font-family: verdana, aria, sans-serif;
  font-size: 11px;
  color: #555;
}

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

a:hover {
  text-decoration: underline;
}

a:active, a:focus {
      outline: 0;
}


#container {
	width: 1100px;
	height: 600px;
	background: transparent url("images/container.gif") no-repeat left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	position: relative;
	}
	
#navigation {
	width: 700px;
	height: 100px;
	background: url("images/navigation.gif") repeat-x;
	position: absolute;
	left: 201px;
	top: 32px;
		padding-top: 17px;
	}

#navigation ul {
	padding: 0;
	margin: 0;
	}

#navigation ul li {
	list-style-type: none;
	float: left;
	padding: 0 0 0 40px;
	}

#navigation ul li a {
	text-indent: -1000em;
	height: 42px;
	width: 100px;
	display: block;
	
	}
	
#navigation ul li a:active, #navigation ul li a:focus {
      outline: 0;
}

#navigation a.about {
	background: url("images/about.gif") no-repeat center top;
}


#navigation a.portfolio {
  background: url("images/portfolio.gif") no-repeat center top;
}


#navigation a.externals {
  background: url("images/externals.gif") no-repeat center top;
}

#navigation a.contact {
  background: url("images/contact.gif") no-repeat center top;
}


#content {
display: block;
/*border: 1px solid red;*/
padding-right: 50px;
padding-left: 35px;
width: 300px;
height: 340px;
position: absolute;
top: 120px;
left: 500px;
text-align: left;
}


#content p {
line-height: 20px;
}

/*Portfolio*/



#container.portfolio {
	background: transparent url("images/containerblank.gif") no-repeat left;
	}
	

#container.portfolio #content {
top: 115px;
left: 290px;
padding: 0;
width: 650px;
height: 400px;

 }
#container.portfolio	#content a {
display:block;
width: 160px;
height: 75px;
border: none;
margin: 0 15px 10px 0;
float: left;
text-indent: -1000em;
border: 3px solid #ddd;
}
#container.portfolio #content a:hover {
border: 3px solid #FF7618;
}

#container.portfolio #content a:hover {}

#content a.valecollane {
background: url("images/thumbvale.gif") no-repeat ;
}

#content a.seaband {
background: url("images/thumbseaband.gif") no-repeat ;
}

#content a.quartetto {
background: url("images/thumbquartetto.gif") no-repeat ;
}

#content a.nelva {
background: url("images/thumbnelva.gif") no-repeat ;
}

#content a.baumer {
background: url("images/thumbbaumer.gif") no-repeat ;
}

#content a.gerra {
background: url("images/thumbgerra.gif") no-repeat ;
}

#content a.farmacie {
background: url("images/thumbfarmacie.gif") no-repeat ;
}

#content a.minetti {
background: url("images/thumbminetti.gif") no-repeat ;
}

#content a.atelier {
background: url("images/thumbatelier.gif") no-repeat ;
}

#content a.accademia {
background: url("images/thumbaccademia.gif") no-repeat ;
}




#content.descrizione h3 {
font-family: arial, verdana, sans-serif;
font-weight: normal;
font-size: 27px;
font-variant: small-caps;
padding:0;
margin:10px 0 0 0;
color: #666;
}

#content.descrizione a img {
border: 20px solid #ddd;
padding: 3px;
margin-left: -20px;
width: 320px;
height: 120px;
}

#content.descrizione {
padding-left: 15px;

}

#content.descrizione p {
width: 320px;
}

/*
	
#container.portfolio #content {
	padding-right: 0px;
	}

div.thumb a img {
  border: none;
  display: block;
  float: left;
  padding-right: 25px;
}

div.thumb {
	padding-bottom: 5px;
	margin: 0;
	width: 350px;
}

div.thumb div {
  clear: left;
}

div.thumb h3 {
  color: #FF6600;
  padding: 5px 0 3px 0;
  margin: 0;
}

div.thumb p {
  font-size: 11px;
}

div.thumb a {
  color: #bbb;
  font-size: 9px;
}

a.inactive:hover {
text-decoration: none;
cursor: default;
}

a.inactive {
color: #a6a6a6;
cursor: default;

}
*/
/*Contact*/

form {
margin-top: 20px;
}


form label {
  float: left;
  width: 70px;
}

form input, form textarea {
  margin-bottom: 10px;
  color: #aaa;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  width: 200px;
  border: 1px solid #ccc;
  padding: 3px;
}

form textarea {
  height: 100px;
}

form input:focus, form textarea:focus {
  border: 1px solid gray;
  color: #555;
}

form input.send {
  background: none;
border: none;
margin-left: 68px;
width: auto;
color: #555;
padding: 0;
}

form input.send:hover {
border-bottom: 1px solid #666;
}