body
{
font-family:sans-serif;
}

subMenubody
{
font-family:sans-serif;
}



a
{
text-decoration: none;
}


h1
{
font-size:30px;
}


#widget
{
text-align: right;
padding-bottom: 10px;
border-bottom: dotted 1px grey;
}

#site_search
{
padding-bottom: 500px;
text-align: right;
color:gray;
font-size:11px;
letter-spacing: 2px;

}


#content
{
padding-top: 25px;
}


p
{
padding-bottom: 5px;
padding-top: 5px;
line-height: 1.5 px;
text-align: justify;
}



#nav
{
text-align: right;
border-bottom: dotted grey 1px;
border-top: dotted grey 1px;
padding:8px;
}



#nav li
{
color: white;
display: inline;
padding-left:30px;
font-size:18px;
letter-spacing: 2px;
}


.topper
{
color: navy;
text-decoration: none;
}


.topper:hover
{
color: gray;
}

.topActive
{
color: #ff8000;
}



#subMenu
{
padding-top: 25px;
}






.tellMe
{
border-bottom: white solid 1px;
font-weight: bold;
font-size: 13px;
color: #666666;
background-color: #e6e6e6;
width:200px;
height:23px;
padding-top:6px;
text-align: center;
letter-spacing: 2px;
cursor: pointer;
}

.tellMe:hover
{
background-color: #ececec;
}

.active
{
color: white;
background-color: #b6b6b6;
cursor: pointer;
border-bottom: white solid 1px;
font-weight: bold;
font-size: 13px;
width:200px;
height:23px;
padding-top:6px;
text-align: center;
letter-spacing: 2px;
}

#main_chi{
}

#persone, #serv_list
{
list-style: disc;
position: relative;
left: 0px;
top:10px;
list-style-position:inside;
}

#persone li, #serv_list li, #content a, content a:visited
{
color: navy;
font-size: 12px;
line-height: 25px;
text-indent: 10px;
}

#persone li:hover, #serv_list li:hover, #content a:hover
{
cursor: pointer;
color: #ff8000 
}

#footer
{
text-align: center;
color:gray;
font-size:11px;
letter-spacing: 2px;
border-top: dotted 1px gray;
padding-top: 10px;

}

#footer p
{
text-align: center;
}


#lifezero p
{
color:#555555;
font-size:8px;
letter-spacing: 1px;
}

#widget
{
font-size: 11px;
letter-spacing: 2px;
color: gray;
}

h3
{
color:navy;
letter-spacing: 2px;
font-weight: bold;
padding-bottom: 16px;
}

h4
{
color:gray;
font-size:13px;
}

#content p
{
line-height: 16px;
font-size:13px;
letter-spacing: 1.5px;
color: #333333;
padding-bottom: 16px;
}

#content ul
{
list-style-type: disc;
list-style-position:inside;
color: #333333;
padding-bottom: 16px;
}

#content li
{
text-indent: 10px;
line-height: 16px;
font-size:13px;
letter-spacing: 1.5px;
}



/*------------------------------------*\
  ACCORDION
\*------------------------------------*/
.accordion{
  width:600px;
  overflow:hidden;
  list-style:none;
  margin-bottom:10px;

  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
}
.accordion li{
  float:left;
  width:20%;
  overflow:hidden;
  height:150px;
  -moz-transition:width 0.2s ease-out;
  -webkit-transition:width 0.2s ease-out;
  -o-transition:width 0.2s ease-out;
  transition:width 0.2s ease-out;
  -moz-transition-delay:0.15s;
  -webkit-transition-delay:0.15s;
  -o-transition-delay:0.15s;
  transition-delay:0.15s;
}
.accordion li:first-of-type{
  -moz-border-radius:10px 0 0 10px;
  -webkit-border-radius:10px 0 0 10px;
  -o-border-radius:10px 0 0 10px;
  border-radius:10px 0 0 10px;
}
.accordion li:last-of-type{
  -moz-border-radius:0 10px 10px 0;
  -webkit-border-radius:0 10px 10px 0;
  -o-border-radius:0 10px 10px 0;
  border-radius:0 10px 10px 0;
}
.accordion div{
  padding:10px;
}
.accordion:hover li{
  width:10%;
}
.accordion li:hover{
  width:60%;
}

#vertical{
  height:650px;
}
#vertical li{
  float:none;
  height:5%;
  width:100%;
  -moz-transition:height 0.2s ease-out;
  -webkit-transition:height 0.2s ease-out;
  -o-transition:height 0.2s ease-out;
  transition:height 0.2s ease-out;
}
#vertical li:first-of-type{
  -moz-border-radius:10px 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
  -o-border-radius:10px 10px 0 0;
  border-radius:10px 10px 0 0;
}
#vertical li:last-of-type{
  -moz-border-radius:0 0 10px 10px;
  -webkit-border-radius:0 0 10px 10px;
  -o-border-radius:0 0 10px 10px;
  border-radius:0 0 10px 10px;
}
#vertical:hover li{
  height:5%;
  width:100%;
}
#vertical li:hover{
  height:60%;
  width:100%;
}