body {
color:#393939;
background: #c7be71 url(../img/body.jpg)  left top repeat;
}

h1 {
color:#4d4433;
font-weight:normal;
padding: 18px 10px 0 18px;}

.intro_bold {
font-weight:bold;}

h2 {
color:#562e18;}

h2#last_work {
color:#4d4433;
text-align:right;
margin: 20px 60px 0 0;}
.footer_h2{
margin:0 0 10px 0;}

#container {
background: url(../img/container.jpg)  center top no-repeat;
height:304px;
width:100%;
min-width:960px;}

#header {
height:121px;
}

#intro {

height:115px;
}

#main {


}





/*------------------------------LOGO----------------------------*/


#logo {
float:left;
margin:0;
width:180px;
height:99px;
overflow: hidden;
}

#logo p {
margin:0;
font-weight: normal;
font-size:1.8em;
color:#393939;
line-height:0.8;

}

#logo p a {
display:block;
width:179px;
height:99px;
padding:2px;
overflow: hidden;
color:#393939;
text-decoration: none;
background: url(../img/logo.jpg) 0 0 no-repeat;
}

#logo p a strong {
position: relative;
z-index: -1;
color:#393939;
}

#logo p a em {
font-size:0.7em;
}

/*------------------------------MENU----------------------------*/
#navigation {
float:right;

}
ul.menu {
list-style: none;
}

ul.menu li {
width: 152px;
height: 37px;
float:left;
display:inline;
}

ul.menu li a {
display: block;
background: url(../img/menu.png) no-repeat;
width: 152px;
height: 37px;
line-height: 25px;
}

ul.menu li a.l1 {background-position: 0px 0px;}
ul.menu li a.l2 {background-position: -151px 0px;}
ul.menu li a.l3 {background-position: -303px 0px;}

ul.menu li a.l1:hover {background-position: 0px -37px;}
ul.menu li a.l2:hover {background-position: -151px -37px;}
ul.menu li a.l3:hover {background-position: -303px -37px;}

ul.menu span {
display: none;
}
/*------------------------------NAVIGATORE----------------------------*/

.navigatore{
height:40px;
padding:10px 0 0 0;
background: url(../img/navigatore.png) 0 0 no-repeat; }

.menuright{
float:right;
margin: 0 5px 0 0;
}

.menuright ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;}

.menuright ul li{
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 20px;
padding:0 0 5px 0;
}

.menuright ul li a{
text-decoration:none;
color:#235987;
}

.menuright ul li a:hover{
text-decoration:none;
color:#2d76b7;
}

.menuright ul li a.active{
text-decoration:none;
color:#974B07;
}

.button_top a {
text-decoration:none;
color:#4d4433;
margin: 0 0 0 5px;
background: url(../img/button_top.png) 0 2px no-repeat;
padding: 0 0 0 13px;
text-transform:uppercase;
}

.button_top a:hover {
text-decoration:none;
color:#4d4433;
margin: 0 0 0 5px;
background: url(../img/button_top.png) 0 0 no-repeat;
text-transform:uppercase;

}
/*------------------------------PORTFOLIO----------------------------

#container_portfolio ul#works_port {
margin:0;
padding:0;
}


ul#works_port li {
float:left;
height:auto !important;
list-style-image:none;
list-style-type:none;
margin:0 0 0 45px;
width:285px;
min-height:302px;
}

ul#works_port li.firstitem {
clear: left;
margin:0;
width:285px;
min-height:302px;
}*/

#container_portfolio ul#works_port {
margin:0;
padding:0;
}

ul#works_port li {
float:left;
list-style-image:none;
list-style-type:none;
margin:0 15px 0 15px;
width:285px;
height:330px;
}



.work{
width:282px;
height:169px;
background:url(../img/work.jpg) left top no-repeat;
}

.work img{
margin: 3px 0 0 5px;}

.work a.image-thumb img {
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}
.work a.image-thumb:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

.colorh2{
color:#974b07;}
.colorh3{
color:#974b07;
font-size:1.1em;
font-family: Georgia, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
margin: 0;
text-transform:uppercase;
}

.colorh3 a{
color:#974b07;
text-decoration:none;
}
.colorh3 a:hover{
color:#b05809;
text-decoration: none;
}
.skill {
font-size: 1.1em;
font-family: Georgia, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
color:#562e18;
margin: 0 0 5px 0;
}

.descrizione {
font-family: Georgia, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
color:#393939;
margin: 0 0 5px 0;
}
.buttonlink {
font-family: Georgia, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
font-size:0.8em;
color:#974b07;
text-transform:uppercase;
text-decoration:none;
margin:0;
padding-right:14px;
background: url(../img/icona_link_esterno_port.gif) no-repeat 95% 1px;
}
.buttonlink:hover{
background: url(../img/icona_link_esterno_port_hover.gif) no-repeat 95% 1px;
color:#562e18;}
/*------------------------------ABOUT----------------------------*/
#container_about {
margin:0 0 10px 0;
}

#container_about p{
margin-bottom: 10px;
}
.aboutmeh2{
margin: 0 0 10px 0;}

#skills_aboutme {
margin:0;
padding:0;
list-style-type:none;
}

#skills_aboutme li{
margin:0 0 10px 0;
padding:0 0 0 15px;
list-style-type:none;
background: url(../img/icon_check.gif) no-repeat left 3px;
}

#aboutcurry{
position:relative;}

.badge {
float:right;
margin:20px 50px 0 0;
text-indent:-4000px;}
.badge a {
background: url(../img/badge_curriculum.png) no-repeat left top;
display:block;
height:89px;
width:88px;
}
.postit {
position:absolute;
top:320px;
left:-100px;
text-indent:-4000px;
background: url(../img/postit.png) no-repeat left top;
display:block;
height:122px;
width:127px;}

/*------------------------------FORM----------------------------*/

#form {
  background:url(../img/form.jpg) 10px 15px no-repeat;
  height:245px;}


#contentForm {
  display: block;
  padding: 5px 0 0 0;
} 




input, select {
  margin: 0;
  padding: 5px 2px 2px 8px;
  font-size: 1em;
  border: none;
  width:240px;
  background:url(../img/input_bg.png) 0 0 repeat-x;} 


.testo {
width:258px;
height:35px;
margin: 0 0 3px 0;
background:url(../img/input.png) 0 0 no-repeat;} 

.clear {
clear:both;}



textarea {
width:240px;
height:60px;
margin: 0;
padding: 5px 2px 2px 8px;
font-size: 1em;
border: none;
background:url(../img/input_bg.png) 0 0 repeat;
}

.testoarea {
width:258px;
height:80px;
margin: 0 0 3px 0;
background:url(../img/textarea.png) 0 0 no-repeat;
}  

input:focus, textarea:focus, select:focus {
  border: none;
}

input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  color:#eaecd6;
  background-color:#6b472a;
  width: 60px;
  height: 22px;
  padding:0;
  float:right;
  margin:0 50px 0 0;
}

input.button:hover{
  cursor: pointer;
  border: none;
  font-weight: bold;
  color:#eaecd6;
  background-color:#774620;
  width: 60px;
  height: 22px;
  padding:0;
  float:right;
  margin:0 50px 0 0;
}





/*------------------------------TOOLTIP----------------------------*/

.aToolTip {
	border:none;
	background: url(../img/black_arrow.png) 0 0 no-repeat;
	color:#efefde;
	margin:0;
	padding:5px 20px 20px 10px;
	width:199px;
	height:110px;
}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
}

a.aToolTipCloseBtn {
	display:block;
	height:18px;
	width:18px;
	background:url(../images/closeBtn.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-15px;
	margin:2px;
	padding:4px;
}

/*------------------------------FOOTER----------------------------*/
#footer {
background: #b7a66d url(../img/footer.jpg)  left top repeat-x ;
height:340px;
}
#footer p{
margin-bottom: 10px;
}
#footer1 {
padding:25px 0 0 0;


}
#footer2 {
margin:20px 0 0 0;
padding:20px 0 0 0;
background: url(../img/footer2.png)  0 0 no-repeat;
}
.floatRight{
float:right;
color:#f0f2dc;}

.floatRight a{
text-decoration:none;
color:#f0f2dc;}
.floatRight a:hover{
text-decoration:none;
color:#235987;}

/*------------------------------INFORMAZIONI CONTATTI----------------------------*/
#contact span.contact_phone {
padding: 0 0 5px 20px;
background: url(../img/icona_tel.png) no-repeat 0 0;
}

#contact span.contact_email {
padding: 0 0 0 20px;
background: url(../img/icona_mail.png) no-repeat 0 0;
}

#contact span.contact_email a{
color:#235987;
text-decoration:none;
}
#contact span.contact_email a:hover{
color:#2D76B7;
text-decoration:none;

}

/*------------------------------CONNESSSIONI ONLINE----------------------------*/
#connect ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;}

#connect ul li{
margin:0 0 8px 0;
border-bottom: 1px #e1e0c4 dotted;}

#connect ul li a{
color:#235987;
text-decoration:none;
background:transparent url(../img/icona_link_esterno.gif) no-repeat 95% 3px;
padding-right:15px;}


#connect ul li a:hover{
color:#2D76B7;
text-decoration:none;
background:transparent url(../img/icona_link_esterno_hover.gif) no-repeat 95% 3px;
padding-right:15px;}

#connect li.connect_delicious {
background:transparent url(../img/icona_delicious.jpg) no-repeat scroll right 50%;}
#connect li.connect_facebook {
background:transparent url(../img/icon_facebook.gif) no-repeat scroll right 50%;}
#connect li.connect_lastfm {
background:transparent url(../img/icon_lastfm.gif) no-repeat scroll right 50%;}
#connect li.connect_linkedin {
background:transparent url(../img/icon_linkedin.gif) no-repeat scroll right 50%;}