p{
 font-size:14px;
}
.container{
    width:75%;
    margin:0px auto;
}
.headertop {
  background: #000 none repeat scroll 0 0;
  padding: 10px 0;
  min-height: 50px;
}
.headertop .logo {
  float: left;
  width:25%;
}
.headertop .title{
  float: right;
  width:30%;
}


.title h2 {
	font-size: 24px;
	letter-spacing: 1px;
	margin-top: 2px;
	margin-bottom: 5px;
}


.title p {
  color: #05D901;
  font-size: 18px;
}

.title a{
  color: #05D901 !important;
}


@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.65;}
}
.blink{
    font-weight:bold;
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.9s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}




.menu{
    background:url(../img/menubg.jpg);
    border-top:1px solid #555;
    max-height:114px;
}



.menu li {
  border-left: 1px solid #555;
  display: inline-block;
  /*padding: 10px 15.1px 15px;*/
}


.menu li:last-child {
  border-right: 1px solid #555;
}
.menu li a {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-align:center;
  line-height:140px;
}
.menu li a:hover{
    text-decoration:none;
    color:#05D901;
}


.homebtn {
  background: rgba(0, 0, 0, 0) url("../img/btn/home.png") no-repeat scroll center center;
  display: block;
  height: 110px;
  width: 156px;
  background-possition:center;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}



.homebtn:hover {
  background: rgba(0, 0, 0, 0) url("../img/btn/home1.png") no-repeat scroll center center;
  display: block;
  height: 110px;
  width: 156px;
  background-possition:center;
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
}

.aboutbtn {
  background: rgba(0, 0, 0, 0) url("../img/btn/about.png") no-repeat scroll center center;
  display: block;
  height: 110px;
  width: 156px;
  background-possition:center;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.aboutbtn:hover {
  background: rgba(0, 0, 0, 0) url("../img/btn/about1.png") no-repeat scroll center center;
  display: block;
  height: 110px;
  width: 156px;
  background-possition:center;
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
}

.updatesbtn {
  background: rgba(0, 0, 0, 0) url("../img/btn/updates.png") no-repeat scroll center center;
  display: block;
  height: 110px;
  width: 156px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.updatesbtn:hover {
  background: rgba(0, 0, 0, 0) url("../img/btn/updates1.png") no-repeat scroll center center;
  display: block;
  height: 110px;
  width: 156px;
  background-possition:center;
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
}

.principalsbtn {
  background: rgba(0, 0, 0, 0) url("../img/btn/principals.png") no-repeat scroll center center;
  display: block;
  height: 110px;
  width: 156px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.principalsbtn:hover {
  background: rgba(0, 0, 0, 0) url("../img/btn/principals1.png") no-repeat scroll center center;
  display: block;
  height: 110px;
  width: 156px;
  background-possition:center;
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
}

.testimonialbtn {
  background: rgba(0, 0, 0, 0) url("../img/btn/testimonial.png") no-repeat scroll center center;
  display: block;
  height: 110px;
  width: 156px;
  background-possition:center;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.testimonialbtn:hover {
  background: rgba(0, 0, 0, 0) url("../img/btn/testimonial1.png") no-repeat scroll center center;
  display: block;
  height: 110px;
  width: 156px;
  background-possition:center;
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
}

.contactbtn {
  background: rgba(0, 0, 0, 0) url("../img/btn/contact.png") no-repeat  scroll center center;
  display: block;
  height: 110px;
  width: 156px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.contactbtn:hover {
  background: rgba(0, 0, 0, 0) url("../img/btn/contact1.png") no-repeat  scroll center center;
  display: block;
  height: 110px;
  width: 156px;
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
}








@keyframes bounce {
	/*0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform:     translateY(-30px);
		transform:         translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform:     translateY(-15px);
		transform:         translateY(-15px)
	}*/
	
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateX(0);
		-ms-transform:     translateX(0);
		transform:         translateX(0)
	}
	40% {
		-webkit-transform: translateX(-40px);
		-ms-transform:     translateX(-40px);
		transform:         translateX(-40px);
	}
	60% {
		-webkit-transform: translateX(40px);
		-ms-transform:     translateX(40px);
		transform:         translateX(40px)
	}
}