body {
  font-family: 'Droid Serif', Georgia, Times New Roman, Times, serif;
  padding-top: 60px;
}

.container {
  position: relative;
}

section {
  border-bottom: 1px solid #e5e5e5;
  padding: 80px 0;
}

  section.last {
    border: 0;
  }

h1 {
  overflow: hidden;
  text-indent: -999px;
}

#nav-outer {
  height: 91px;
}

#nav-inner {
  background: #6eb43f;
  border-bottom: 10px solid #b6d99f;
  height: 61px;
  position: relative;
}

  .sticky #nav {
    position:fixed;
      top:0;
      left:0;
    text-align: center;
    width: 100%;
    z-index: 9999;
  }
  
  .sticky #nav-inner {
    margin: 0 auto;
  }

  .nav {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
    .nav li {
      color: #fff;
      display: inline;
      font-size: 18px;
      margin: 0 10px;
      padding: 0;
    }
    
      .nav a {
        color: #fff;
        display: block;
        float: left;
        padding: 20px 10px;
      }
      
        .sticky .nav .active a,
      
        .nav a:hover {
          background: #5a9330 !important;
        }
    
    #sticky-logo {
      background: url(../img/logo-sticky.jpg) no-repeat top left;
      display: hidden;
      height: 41px;
      float: left;
      margin: 10px;
      overflow: hidden;
      text-indent: -999px;
      width: 274px;
    }
    
  #nav-contact {
    color: #fff;
    letter-spacing: -1px;
    position: absolute;
      top: 12px;
      right: 20px;
    text-align: right;
  }
  
    #nav-contact .phone {
      color: #b6d99f;
      letter-spacing: -2px;
      font-size: 20px;
    }
    
      #nav-contact .phone strong {
        color: #fff;
        font-size: 28px;
        font-weight: normal;
      }
  
    #nav-contact a {
      color: #b6d99f;
    }
    
      #nav-contact a:hover {
        color: #fff;
      }
  
#slider {
  border-bottom: 5px solid #e5e5e5;
}

#main {
  padding: 0 0 40px 0;
}

  #services {
	padding: 100px 0 80px 0;
  }

  #services div.row {
	display: table;
  }

  #services div.span4 {
	background: #efefef;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
  }
	
	#services h3 {
	line-height: 100px;
	}
		
	  #services div.span4.last {
		  padding: 20px 0;
	  }
	  
  #about {
	font-size: 20px;
  }
  
    #about li {
	  padding: 0 0 10px 0;
	}

  #contact div {
    text-align: center;
  }
  
  #contact p {
    color: #666;
    font-size: 20px;
    line-height: 150%;
    margin: 20px 0 0 0;
  }
  
  #contact strong {
    color: #333;
  }
	
	#links {
		text-align: center;
	}
	
	  #links img {
			margin: 0 30px 20px 30px;
		}

footer {
  background: #e5e5e5;
  padding: 40px 0;
}

  #carnevale-design {
    background: url(../img/carnevaledesign.gif) no-repeat top left;
    height: 27px;
    overflow: hidden;
    position: absolute;
      top: 0;
      right: 0;
    text-indent: -999px;
    width: 114px;
  }

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:30px;
	right:30px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../js/uitotop/img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../js/uitotop/img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

@media (min-width: 1200px) {
  #nav-inner { width: 1170px }
  
  h1 {
    background: url(../img/logo.jpg) no-repeat center center;
    height: 176px;
  }
}
  
@media (min-width: 940px) and (max-width: 1199px) {
  #nav-inner { width: 940px }
  
  h1 {
    background: url(../img/logo-940.jpg) no-repeat center center;
    height: 141px;
  }
}
  
@media (min-width: 768px) and (max-width: 979px) {
  
  h1 {
    background: url(../img/logo-768.jpg) no-repeat center center;
    height: 109px;
  }
}