@charset "utf-8";
/* CSS pj stibbards */

.content {

	padding: 10px 0;
}
a {
    text-decoration:none;
    color:#333333;
}
h2 { float: left;
    padding:0;
    margin:10px 0 0px 0;
    width:300px;
    font-weight: bold;
    font-size: 14pt;
    color:#515f5a;
}
a:hover {
   color: #00a136; 
   text-decoration:none;
}
a img { 
    border: none;
}
a:visited {
    text-decoration:none; 
}
.container {
	width: 960px;
	background: #FFF;
	margin: 0 auto; 
}
body {
	font-family: Arial;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}

/*header*/
.header {
    background:#00ba3e;
    padding:10px 0 0 0;
    margin: 0 0 0 0;
}
.wrap  ul {
    float:right; 
    margin:0px 0 0 0px ;
    padding:0;
    width:400px 
}
.wrap  ul li {
    list-style:none; 
    display:block; 
    float:right; 
    margin: 0px 0px 0px 0px;
    padding:0; 
}
.wrap  ul li#phone {
    list-style:none; 
    display:block; 
    float:right; 
    margin: 15px 0px 0px 0px;
    padding:0; 
}
.wrap p {
    float:left;
    margin:80px 0 0 0 ;
    padding:0;
    font-weight: bold;
    font-size: 13pt;
    color:#ffffff
}
.wrap {
    position: relative;
    margin:0 auto;
    width:960px;
    height:160px;
}
/*nav*/
.nav  ul {
    float:left; 
    margin:20px 0 0 0px ;
    padding:0;
    width:960px; 
}
.nav  ul li {
    list-style:none; 
    display:block; 
    float:left; 
    margin: 0;
    padding:25px 0 0 60px; 
    width:130px;
    height:39px;
}
.nav ul a#home {
    background:url('../img/nav-unselect-left.gif') no-repeat;
    width:192px ;
    height:64px ;
    float:left; 
    font-weight:bold; 
    font-size:12pt; 
    margin:0px 0 0 0px;
    padding:0; 
}
.nav ul a:hover#home {
    background:url('../img/nav-select-left.gif') no-repeat;
}
.nav ul a#about {
    background:url('../img/nav-unselect-middle.gif') no-repeat;
    width:192px ;
    height:64px ;
    float:left; 
    font-weight:bold; 
    font-size:12pt; 
    margin:0px 0 0 0px;
    padding:0; 
}
.nav ul a:hover#about {
    background:url('../img/nav-select-middle.gif') no-repeat;
}
.nav ul a#services {
    background:url('../img/nav-unselect-middle.gif') no-repeat;
    width:192px ;
    height:64px ;
    float:left; 
    font-weight:bold; 
    font-size:12pt; 
    margin:0px 0 0 0px;
    padding:0; 
}
.nav ul a:hover#services {
    background:url('../img/nav-select-middle.gif') no-repeat;
}
.nav ul a#product {
    background:url('../img/nav-unselect-middle.gif') no-repeat;
    width:192px ;
    height:64px ;
    float:left; 
    font-weight:bold; 
    font-size:12pt; 
    margin:0px 0 0 0px;
    padding:0; 
}
.nav ul a:hover#product {
    background:url('../img/nav-select-middle.gif') no-repeat;
}
.nav ul a#contact {
    background:url('../img/nav-unselect-right.gif') no-repeat;
    width:192px ;
    height:64px ;
    float:left; 
    font-weight:bold; 
    font-size:12pt; 
    margin:0px 0 0 0px;
    padding:0; 
}
.nav ul a:hover#contact {
    background:url('../img/nav-select-right.gif') no-repeat;
}
/*slider*/
.slider {
    padding:0;
    margin:0;
}
.slider ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
.slider ul li {
    background:url('../img/slider.jpg') no-repeat;
    width:959px ;
    height:100px;
    padding:225px 0 0 0;
    margin:0;
}
.slider-banner {
    background:url('../img/slider-banner.png') no-repeat;
    width:959px ;
    height:100px;
    padding:0;
    margin:0px 0 0 0 ;
}
.slider-banner p {
    float: left;
    padding:0;
    margin:10px 0 0px 20px;
    font-weight: bold;
    font-size: 28pt;
    color:#ffffff;
}
.slider-banner span {
    float: right;
    padding:0;
    margin:0px 20px 0px 0px;
    font-weight: bold;
    font-size: 25pt;
    color:#ffffff;
}
.slider-bottom {
    float:left;
    padding:0;
    margin:0;
    
}
/*home content*/
.home-content {
    background:url('../img/text-bg.gif') no-repeat;
    width:960px ;
    height:342px;
    padding:0;
    margin:0px 0 0 0 ;
}
.welcome {
    float:left;
    padding:0;
    margin:10px 0 0 0;
    width:650px
}
.welcome p {
    float: left;
    padding:0;
    margin:10px 0 0 0;
    width:650px;
    font-size: 11pt;
    color:#515f5a;
}
.welcome ul li {
    font-size: 11pt;
    color:#515f5a;
}
.contact {
    float:right;
    padding:0;
    margin:10px 0 0 0px;
    width:270px;
}
.contact span {
    float: left;
    padding:0;
    margin:10px 0 0 0;
    width:300px;
    font-size: 11pt;
    color:#515f5a;
}
.map {
    background:url('../img/map.jpg') no-repeat;
    width:266px ;
    height:130px;
    float:left;
    padding:0;
    margin:10px 0 0 0;
    border: 2px solid #87dabc;
}
.map a {
    float:right; 
    font-weight:bold; 
    font-size:9pt; 
    text-decoration: none;
    text-align: center;
    border:none;
    background:url('../img/map-button.gif') no-repeat top; 
    height: 24px; 
    width: 186px;
    margin:0px 0 0 0px;
}
.map a:hover {
    background:url('../img/map-button.gif') no-repeat bottom; 
    height: 24px; 
    width: 186px; 
    cursor:pointer;
    color:#000000;
}
/*footer*/
.footer {
   background:url('../img/footer-bg.gif') no-repeat;
    width:960px ;
    height:50px;
    padding:0;
    margin:0; 
    clear:both;
}
.footer  ul {
    float:left; 
    margin:20px 0 0 0px ;
    padding:0; 
}
.footer ul li {
    list-style:none; 
    display:block; 
    float:left; 
    margin: 0 0px 0px 30px;
    padding:0 30px 0 0; 
    border-right: 2px solid #333333; 
}
.footer ul a {
    float:left; 
    font-weight:bold; 
    font-size:10pt; 
    margin:0px 0 0 0px;
    padding:0; 
}
.footer p {
    float: left;
    padding:0;
    margin:20px 0 0 100px;
    font-weight: bold;
    font-size: 9pt;
    color:#333333
}