@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic);
* {margin:0 0 0 0; padding:0 0 0 0; border:0;}
p {color: #5c5c5b; font-size: 14px;}
body {background-image: url(images/bgslice.jpg); background-repeat: repeat-x; font-family: 'Karla', sans-serif; background-color: #a8cf88;}

#wrapper {width: 100%;}
#container {width: 960px; min-height: 600px; background-image: url(images/bg.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto;}

#header {width: 960px; height: 115px;}
#nav {float: left;}
#nav ul {margin-top: 40px;}
#nav ul li {list-style-type: none; float: left;}
#nav ul li a {float: left; color: #c0511a; font-size: 16px; font-weight: 700; text-decoration: none; margin-left: 20px; margin-right: 20px; height: 30px; margin-bottom: 5px;}
#nav ul li a:hover {background-image: url(images/nav-arrows.jpg); background-repeat: no-repeat; background-position: bottom;}
#text {margin-left: 500px;}
#text a {padding: 5px 10px 5px 10px;} 
#call {float: right; width: 250px; font-size: 12px; margin-right: 35px; line-height: 22px;}
#call h1 {margin-left: 90px; margin-top: 10px;;}
#call img {margin-top: 6px; margin-left: 75px;}

#slide {width: 858px; height: 263px; float: left; margin-left: 49px;}
#slide h1 {float: right; font-weight: 700; width: 360px; margin-right: 50px; margin-top: 25px; font-size: 24px; background-image: url(images/slide-arrows.jpg); background-repeat: no-repeat; background-position: bottom left; height: 40px;}
#slide p {clear: right; float: right; text-align: justify; width: 360px; margin-right: 50px; line-height: 20px; margin-top: 10px;}
#homecontent {width: 960px; clear: both; padding-top: 20px; padding-bottom: 40px;}
#blurb {float: left; width: 440px; margin-left: 20px; margin-top: 20px;}
#blurb h1 {font-size: 24px; text-shadow: 1px 1px white; width: 440px; border-bottom: dashed 2px #fff; text-align: center;}
#blurb img {margin-top: 10px;}

#content {clear: both; float: left; width: 785px; background-color: #fff; margin-left: 45px; margin-top: 30px; padding: 20px 40px 40px 40px; margin-bottom: 30px;}
#content h1 {font-weight: 700; width: 360px; margin-right: 50px; font-size: 24px; background-image: url(images/slide-arrows.jpg); background-repeat: no-repeat; background-position: bottom left; height: 40px; clear: left;}
#content p {line-height: 20px; margin-top: 10px; text-align: justify;}
#product {margin-top: 20px; float: left;}
#product h1 {width: 500px; float: left; margin-left: 20px;}
#product p {width: 500px; float: left; margin-left: 20px;}
#product img {float: left;}

#contact-area {width: 500px; margin-top: 25px;}
#contact-area input, #contact-area textarea {padding: 5px; width: 371px; font-size: 1em; margin: 0px 0px 10px 0px; border: 2px solid #ccc;}
#contact-area textarea {height: 90px;}
#contact-area textarea:focus, #contact-area input:focus {border: 2px solid #900;}
#contact-area input.submit-button {width: 100px; float: right; margin-right: 35px;}
label {float: left; text-align: left; margin-right: 5px; width: 75px; padding-top: 5px; font-size: 1em;}

#footer {width: 100%; background-color: #fff;}
#footercontainer {height: 100px; width: 960px; margin-left: auto; margin-right: auto;}
#footercontainer p {float: left; margin-top: 45px; font-size: 10px; width: 315px; margin-left: 20px;}
#footercontainer ul {margin-top: 40px; width: 425px; float: right;}
#footercontainer ul li {list-style-type: none; float: left;}
#footercontainer ul li a {float: left; color: #c0511a; font-size: 12px; font-weight: 700; text-decoration: none; margin-left: 20px; margin-right: 20px; height: 30px; margin-bottom: 5px;}
#footercontainer ul li a:hover {background-image: url(images/nav-arrows.jpg); background-repeat: no-repeat; background-position: bottom;}
#footer a:link {text-decoration: none; color: #5c5c5b;}

.green {color: #a7d199;}
.darkgreen {color: #3a482f;}
.orange {color: #c0511a;}
.current {background-image: url(images/nav-arrows.jpg); background-repeat: no-repeat; background-position: bottom;}
.homeslide {background-image: url(images/slide1.jpg);}
.whoslide {background-image: url(images/slide2.jpg);}
.howslide {background-image: url(images/slide3.jpg);}
.left40 {margin-left: 40px !important;}
.bold {font-size: 16px; font-weight: 700;}