@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Lato);


body { background-color: #ffffff ; 



padding: 0px;

margin-left:auto; 

margin-right: auto; 

text-align: center;

font-family: Lato, Trebuchet MS, Verdana, Sans; 

font-size : 24px; 

color : #000000;}

#frameIt { width:300px; margin: auto auto; text-align: center; clear: both;} 

a:link { text-decoration : none; color : #85b512; border: 0px;} 

a:active { text-decoration : underline; color : #85b512; border: 0px;} 

a:visited { text-decoration : none; color : #85b512; border: 0px;} 

a:hover { text-decoration : underline; color : #373636; border: 0px;} 

input { background: #ebf7ff; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00557b; }

select { background: #ebf7ff; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00557b; }

textarea { background: #ebf7ff; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#3a5c73; padding: 6px;}

form { padding: 0px; margin: 0px; }

form { padding: 0px; margin: 0px; }

img { border: none;}

div.clear{clear:both;margin-top:10px}

#container { width:980px; margin: 0 auto; text-align: left; clear: both;} 

#intro{ width:980px; margin: 0 auto; height: 10px; font-size:10px; padding: 2px; text-indent: 40px; }

#header{ width:980px; height: 70px; margin-bottom: 20px; }

#logo{width: 270px; height: 50px; margin:0px; padding: 10px; float: left;}

#info{width: 680px; height: 60px; margin-top:10px; margin-bottom: 0px; padding:0px; float: right; }

#info em { display: none}

#info ul { width: 100%; float: left; padding: 0px; margin: 0px; list-style-type: none;}

#info li { float: right; padding: 0px; margin: 0px; display: inline}

#info li a { DISPLAY: block; HEIGHT: 37px }

#info li a.home { background: url(../images/menu_1.png) no-repeat left top; WIDTH: 95px }

#info li a.homeActive { background: url(../images/menu_1o.png) no-repeat left bottom; WIDTH: 95px }

#info li a.services { background: url(../images/menu_2.png) no-repeat left top; WIDTH: 95px }

#info li a.servicesActive { background: url(../images/menu_2o.png) no-repeat left bottom; WIDTH: 95px }

#info li a.about { background: url(../images/menu_3.png) no-repeat left top; WIDTH: 95px }

#info li a.aboutActive { background: url(../images/menu_3o.png) no-repeat left bottom; WIDTH: 95px }

#info li a.contact { background: url(../images/menu_4.png) no-repeat left top; WIDTH: 95px }

#info li a.contactActive { background: url(../images/menu_4o.png) no-repeat left bottom; WIDTH: 95px }

#info li a:hover { background-position: left bottom}

#content{width: 740px; margin-top:25px; padding:0px 20px 0px 20px;; float: left;  }

#links{width: 200px; margin-top:25px; padding:0px; float: left; }

#content h1 { font-family: Trebuchet MS, Georgia; color: #373636; font-weight: normal; font-size: 18px;}

#content h2 { font-family: Trebuchet MS, Georgia; color: #85b512; font-weight: normal; font-size: 14px; margin: 3px;}

.services h3 { background: url(../images/title_background.png) no-repeat left bottom; font-family: 'Trebuchet MS, Georgia'; color: #85b512; font-weight: normal; font-size: 14px; margin: 3px; width:400px height: 50px;}

.title { background: url(../images/title.png) no-repeat left top; height:120px; width:710px; padding: 40px 10px 5px 20px; font-size:12px;}

.describe {padding:20px}

.footer {width: 980px;margin-left: auto; margin-right:auto;text-align: center;background-color: #effefef; color: #999999;}