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

body { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
img{border:none}
h1, h3, h6{ margin:0px;font-family:"Helvetica 95 Black", "Arial Black", "Arial Bold";letter-spacing:-1px; font-weight:normal;}
h1,h2 { font-size:330%;line-height:85%;}
h2{letter-spacing:-1px}
h3 { font-size:220%;}
h6 { font-size:180%; margin: 5px 0px 2px 0px; color: #004101;}
h4 { font-size:110%; font-weight:normal;}
p{line-height: 18px; padding-bottom:0px;}
a{color:#004101; text-decoration:none;}
a:hover{color:#8f0000;}
h2 span { font-family:"Helvetica 95 Black", "Arial Black", "Arial Bold";}
p span{font-family:"Helvetica 95 Black", "Arial Black", "Arial Bold"; font-size:120%; color: #8f0000;}

.green h1, .green h2, .green h3 {margin: 0px 0px 10px 0px; color: #FFFF00;}
.white h1, .white h2, .white h3 {margin: 0px 0px 10px 0px; color: #8f0000;}
.white p, .white p, .white p {margin: 0px 0px 10px 0px; color: #000;}
#middle h3 span{color:#004101;}
.footer h3{font-size:195%; font-weight:normal;}
.footer h3 span{color:#FFFFFF;}
.add-ons h3{margin:0px; padding-top:10px;}

.four-col a{ background:url(../images/3arrows.jpg) no-repeat right; display:block; width:90px;}
.four-col a:hover{ background:url(../images/3arrows_over.jpg) no-repeat right;}

/* WRAPPER */
#wrapper_top{ width:100%; margin:0px; background:url(../images/green_bg.jpg) center repeat-y #004101;}
#wrapper_middle{ width:100%; margin:0px; background:url(../images/white_bg.jpg) top repeat-x #FFFFFF;}
#wrapper_bottom{ width:100%; margin:0px; background:url(../images/green_bg.jpg) center repeat-y #004101;}

/* CONTENTS */
#top{margin:0 auto; width:900px; height: 436px; position:relative;}
#top.ingredients {height: 280px;}
#top.why {height: 530px;}
#top.contact {height: 320px;}
#top.brief {height: 330px;}

#middle{margin:0 auto; width:900px; position:relative;}
#middle.mail {height: 150px;}
#middle.mail h5 {padding-top:15px;}
#bottom {margin:0 auto;width:900px; position:relative;}


#intro{ margin-top:10px; width:350px; float:left;}
.two-col-left{margin:30px 0px 30px 0px; width:425px; padding-right:25px; float:left;}
.two-col-right{margin:30px 0px 30px 0px;; width:425px; padding-left:25px; float:left;}
.about{margin-top:130px;}
.four-col{margin:30px 0px 30px 0px; width:190px; padding-right:35px;float:left;}
.fade-left{background: url(../images/fade-left.jpg) no-repeat right bottom;}
.fade-right{background: url(../images/fade-right.jpg) no-repeat right bottom;}
.getstarted{margin:30px 0px 30px 0px;width:200px; height:140px;float:left;}
.getstarted a{ display:block;width:140px; height:140px; background:url(../images/getstarted-up.png) no-repeat;}
.getstarted a:hover{background:url(../images/getstarted-over.png) no-repeat;}
.theteam{margin:300px 0px 30px 0px; width:400px; padding:25px; float:left; background-color:#E8E8E8; font-size:95%;}

.addons ul { list-style: none; margin:0px; padding: 0px; }
.addons li { margin-bottom: 10px; padding-left: 30px; background: url(../images/bulletpoint.png) no-repeat; background-position: center left;}

/* BACKGROUND IMAGES */
.introcan-one{position: absolute; top: 0px; left:350px;  width: 555px; height: 498px; background: url(../images/can_top.png) no-repeat;}

.cantwo-top{position: absolute; top: 75px; left:400px;  width: 500px; height: 288px; background:url(../images/can2_top.png) no-repeat;}

.canthree-top{position: absolute; top: 105px; left:380px;  width: 525px; height: 669px; background:url(../images/can3_top.png) no-repeat;}

.canfour-top{position: absolute; top: 57px; left:500px;  width: 399px; height: 440px; background:url(../images/can4_top.png) no-repeat;}

.tel-can{background:url(../images/tel-can.jpg) bottom right no-repeat;}

/* NAV BAR */
#nav_bar {width:900px; height:120px; position:relative; background:url(../images/logo.png) left center no-repeat; z-index: 10; }
#nav_bar ul { list-style:none; padding:0px; padding-top:30px; width:460px; height:25px; margin-top:0px; margin-left:110px; border-bottom: solid 1px #FFFFFF;}
#nav_bar li { float:left; margin:0 px; margin-right:20px; margin-left:0px; display:block;}
#nav_bar li a { font-weight:bolder; font-size:125%;  color:#FFFFFF; text-decoration:none; }
#nav_bar li a:hover { background:url(../images/white_arrow.png) bottom center no-repeat; color:#FFFF00; }
#bottom ul{}
#bottom li{font-size: 14px; line-height: 20px;}


/* Portfolio */
.folio-height {height:416px;}
#gallery{ margin-top:0px; width:900px; height:280px; float:left; position:relative;}


.clr{ margin:0px;width:900px; clear:both;}

/* FOOTER */
.footer{ width:900px; padding:20px 0px 20px 0px; height:100px; clear:both; border-top: dotted 2px #FFFFFF;}
.noline{border-top: dotted 0px #FFFFFF;}
.call{margin:0px;width:775px; float:left; text-align:right; padding-top:10px;}
.footer-getstarted{margin:0px;width:100px; height:100px;float:right;}
.footer-getstarted a{ display:block;width:100px; height:100px; background:url(../images/footer-getstarted-up.png) no-repeat;}
.footer-getstarted a:hover{background:url(../images/footer-getstarted-over.png) no-repeat;}

/* FORM */



.form {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	padding: 30px 0 30px 0;
	width:450px;

}


.gray{ background: #F0F0F0; padding:10px 10px 10px 10px;}
.blank{padding:10px 10px 10px 10px;}



.cboxa {

	float: left;

	padding: 10px 0 0 10px;

	width: 160px;
	color: black;

}



.cboxb {
	float: left;
	padding: 10px 0 0 0;
	width: 160px;
	color: black;

}


.formclr{clear:both;}


#cbox {



font-size: 90%;
padding: 0 20px 5px 0;

}







h5 {

	clear: both;

	position: relative;

	font-size: 100%;

	margin: 0px;

	padding: 5px 0 5px 0;

	line-height: 135%;

	color: #8f0000;

}



h5 a {

position: absolute;

padding: 0 0 0 6px;

font-size: 70%;

font-style: italic;
font-weight:normal;

text-decoration: none;

color: Black;

}



h5 a:hover {

	color: #777;

}



.form p {

	clear: both;
	color:#004101;
	font-weight:bold;

	font-size: 100%;

	padding: 20px 0 20px 0;

	margin: 0px;

}