@charset "utf-8";
/* CSS Document */
BODY{
margin:0px;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFCC00;
height:100%;
}

:focus {
	outline: 0;
}

img{
	border:none;
}

#header{
background:url(../media/image/header.jpg) no-repeat;
height:154px;
width:797px;
margin: auto;}

.cf{
clear:both;
font-size:1px;
height:1px;}

/*============Top Title Codes Start===============*/

#topLeftTitle{
width:44px;
height:154px;
float:left;}

.homeTitle{
background:url(../media/image/home.jpg) no-repeat 5px 20px;}

/*============Top Title Codes End===============*/


/*============Buttons Codes Start================*/

#buttons{
float:left;
width:360px;
height:29px;
padding:109px 0px 0px 0px;
background:url(../media/image/buttons.jpg) no-repeat 0px 109px;
}

#buttons a{
float:left;}

#buttons a.home{
display:block;
width:88px;
height:29px;
cursor:pointer;
}

#buttons a.home:hover{
background:url(../media/image/buttons.jpg) no-repeat 0px -29px;
cursor:pointer;}

#buttons a.services{
display:block;
width:86px;
height:29px;
cursor:pointer;
}

#buttons a.services:hover{
background:url(../media/image/buttons.jpg) no-repeat -88px -29px;
cursor:pointer;}

#buttons a.about{
display:block;
width:86px;
height:29px;
cursor:pointer;
}

#buttons a.about:hover{
background:url(../media/image/buttons.jpg) no-repeat -174px -29px;
cursor:pointer;}

#buttons a.contact{
display:block;
width:86px;
height:29px;
cursor:pointer;
}

#buttons a.contact:hover{
background:url(../media/image/buttons.jpg) no-repeat -260px -29px;
cursor:pointer;}

/*============Buttons Codes End================*/

/*==============Mid Panel Codes Start================*/

#wrapper{
width:797px;
background:#ffb800 url(../media/image/left-bg.jpg) repeat-y;
margin:auto;}

#midBg{
background:url(../media/image/bground.jpg) no-repeat right center;

}

#midContent{
margin:0px 0px 0px 53px;
font-family:"Myriad Pro", Arial, Helvetica;
font-weight:bold;
font-size:12px;}

.midContent_2column{
margin:10px 0px 0px 53px;
font-family:"Myriad Pro", Arial, Helvetica;
font-weight:normal;
font-size:11px;}

.column1{
width:329px;
float:left;}

.column2{
width:329px;
float:left;
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;}

#midContent h1{
font-family:"Myriad Pro", Arial, Helvetica;
font-size:15px;
padding:0px 0px 5px 0px;
margin:0px;}

.pic1{
/*background:url(../media/image/pic1.gif) no-repeat;*/
width:509px;
height:111px;
margin:10px 0px 0px 0px;
}

/*.pic1 a{
 	cursor:default;
}*/

.pic2{
width:509px;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
font-weight:normal;
float:left;}

/*.pic2 a{
 	cursor:default;
}*/

.pic2 img{
float:left;
padding-bottom:3px;
}

.marg_pic2{
margin:0px 0px 0px 11px;}

.marg_pic3{
margin:0px 0px 0px 15px;}

.marg_pic_services2{
margin:0px 0px 0px 12px;}

.marg_pic_services3{
margin:0px 0px 0px 17px;}

.midContent_3column{
margin:0px 0px 0px 0px;
font-family:"Myriad Pro", Arial, Helvetica;
font-weight:normal;
font-size:11px;
}

.column1a{
width:54px;
float:left;
padding:18px 0px 0px 0px;}

.column1a_services{
width:54px;
float:left;
padding:92px 0px 0px 0px;}

.column2a{
width:340px;
float:left;}

.column2a_contact{
	width:340px;
	float:left;
	padding:20px 0px 0px 0px;
}

.column3{
margin:50px 0px 0px 8px;
width:47%;
float:left;}

#footerGoGreen{
width:684px;
height:100px;
padding:5px 60px 0px 0px;
border-top:1px solid #9c7100;
float:right;
margin:6px 0px 0px 53px;
font-family:"Myriad Pro", Arial, Helvetica;
font-weight:normal;
font-size:11px;
text-align:right;
}


.bordertop{
margin:12px 0px 0px 53px;
clear:both;
height:1px;
font-size:1px;
border-top:1px solid #af7200;}

.column3_services{
margin:56px 0px 0px 8px;
width:48%;
float:left;}

.column3_home{
margin:16px 0px 0px 9px;
width:47%;
float:left;}

.right_column1{
width:45%;
float:left;
padding-right:8px;}

.right_column2{
width:52%;
float:right;}

.biodiesel{
background:url(../media/image/bio-diesel.jpg) no-repeat;
width:142px;
height:109px;
float:right;
border-right:1px solid #006732;
margin:72px 4px 0px 0px;}

.biodiesel_services{
background:url(../media/image/bio-diesel.jpg) no-repeat 0px 0px;
width:142px;
height:109px;
float:right;
border-right:1px solid #006732;
margin:79px 4px 0px 0px;}

.services_biodiesel{
	background:url(../media/image/bio-diesel-sm.jpg) no-repeat 0px 0px;
	width:185px;
	height:93px;
	float:right;
	margin:17px 40px 0px 0px;
	padding:0px 0px 0px 130px;
}


.biodiesel_home{
background:url(../media/image/bio-diesel.jpg) no-repeat;
width:142px;
height:109px;
float:right;
border-right:1px solid #006732;
margin:39px 4px 0px 0px;}

.green{
color:#006732;}

.fontSize{
font-size:12px;
display:block;
padding:0px 0px 5px 0px;}

.homeico{
width:28px;
height:28px;
display:block;
margin:0px 0px 0px 10px;
background:url(../media/image/icons.jpg) no-repeat;}

.message{
width:28px;
height:28px;
display:block;
margin:0px 0px 0px 10px;
background:url(../media/image/icons.jpg) no-repeat 0px -28px;}

.call{
width:28px;
height:30px;
display:block;
margin:0px 0px 0px 10px;
background:url(../media/image/icons.jpg) no-repeat 0px -56px;}




/*==============Mid Panel Codes End================*/


/*==============About Us Page Codes Start================*/

.johnson{
width:509px;
padding:239px 0px 0px 0px;
background:url(../media/image/johnson.gif) no-repeat;
margin:10px 0px 0px 0px;
font-weight:normal;
float:left;}

.fbusiness{
float:left;
margin:10px 0px 0px 10px;
width:180px;}

.fbusiness span{
font-weight:normal;
font:normal 11px Arial;}

.aboutusTitle{
background:url(../media/image/about-us.jpg) no-repeat 5px 9px;}

.about_biodiesel{
background:url(../media/image/bioDiesel.jpg) no-repeat left center;
width:160px;
height:88px;
float:right;
margin:22px 75px 0px 0px;
padding:0px 0px 0px 120px;}

.normalFont{
font-weight:normal;}

/*==============About Us Page Codes End================*/

/*==============Services Page Codes Start================*/

.serviceTitle{
background:url(../media/image/service.jpg) no-repeat 4px 20px;}
.serviceTitle1{
background:url(../media/image/services.jpg) no-repeat 4px 14px;}
.sercice_pic{
width:507px;
margin:10px 0px 0px 0px;
float:left;
padding:0px 0px 0px 0px;
font-weight:normal;}

#services_midContent{
margin:0px 0px 0px 53px;
font-family:"Myriad Pro", Arial, Helvetica;
font-weight:bold;
font-size:12px;}

.cnr{
padding:8px 0px 0px 0px;
font:bold 11px Arial;
}

.org{
font-size:11px;
width:180px;
margin:4px 0px 0px 0px;}

.org2{
font-size:11px;
width:180px;
margin:0px 0px 0px 0px;
float:left;}

#services_midContent h1{
font-family:"Myriad Pro", Arial, Helvetica;
font-size:15px;
padding:0px 0px 5px 0px;
margin:0px;}

.sercice_text{
width:240px;
float:left;
margin:10px 0px 0px 10px;
}

.co1{
width:42%;
float:left;
margin:0px 10px 0px 0px;
font-weight:normal;
font-size:11px;}

.servicesRightColumn{
float:left;
font:normal 11px Arial;
padding-left: 10px;
margin-top: 5px;
width:80px;
}

.servicesRightColumn2{
float:left;
font:normal 11px Arial;
padding-left: 10px;
margin-top: 5px;
width:115px;
}


.servicesRightColumn strong{
font:bold 9px verdana;}

.marginleft{
margin:0px 0px 0px 10px;}

.widthFix{
width:47% !important;}


.borderRight{
border-right:1px solid #000;
padding:0px 8px 0px 2px;}

.serviceColumn2{
width:220px;
height:170px;
float:left;
margin:7px 0px 0px 0px;
padding:0px 0px 0px 13px;}

.residential{
display:block;
margin:9px 0px 0px 0px;}

.serviceColumn2Heading{
font:Bold 10px Verdana;}

.sercice_text ul{
margin:0px;
padding:0px;}

.sercice_text ul li{
margin:4px;
padding:0px;
font-weight:normal;}



.services_pic1{
width:507px;
padding:237px 0px 0px 0px;
background:url(../media/image/services_pic1.gif) no-repeat;
margin:10px 0px 0px 0px;
font-weight:normal;
float:left;}

.services_pic2{
width:507px;
padding:237px 0px 0px 0px;
background:url(../media/image/services_pic2.gif) no-repeat;
margin:10px 0px 0px 0px;
font-weight:normal;
float:left;}

.services_pic3{
width:507px;
padding:237px 0px 0px 0px;
background:url(../media/image/services_pic3.gif) no-repeat;
margin:10px 0px 0px 0px;
font-weight:normal;
float:left;}

.leftTitle{
background:url(../media/image/left_title.gif) no-repeat left 80px;}

.leftTitle1{
background:url(../media/image/left_title1.gif) no-repeat left 80px;}

/*==============Services Page Codes End================*/

/*==============Contact Page Codes Start================*/

.contactTitle{
background:url(../media/image/contact.jpg) no-repeat 4px 20px;}

.map{
width:660px;
padding:246px 0px 0px 20px;
background:url(../media/image/map.gif) no-repeat;
margin:4px 0px 0px 0px;
font-weight:normal;
float:left;}

.googleMap{
width: 345px;
float: left;

}

.marginbottom{
margin:0px 0px 4px 0px;}

#contact_midContent{
margin:0px 36px 0px 53px;
font-family:"Myriad Pro", Arial, Helvetica;
font-weight:bold;
font-size:12px;}

#contact_midContent h1{
font-family:"Myriad Pro", Arial, Helvetica;
font-size:15px;
padding:0px 0px 5px 0px;
margin:0px;}

#topLine{
width:85%;
height:2px;
padding:5px 60px 0px 0px;
border-top:1px solid #9c7100;
float:right;
margin:6px 0px 0px 0px;
font-family:"Myriad Pro", Arial, Helvetica;
font-weight:normal;
font-size:1px;
text-align:right;
}

.contact_column1a{
	width:8%;
	float:left;
	padding:20px 0px 0px 0px;
}

.contact_info{
margin: 8px 0 0 0;
float:left;
width: 50%;
font-size:14px;
}

.contact_info a{
text-decoration:none;
color: #000000;
}

.contact_info a:hover{
text-decoration:none;
color: #F01418;
}

/*==============Contact Page Codes End================*/


/*==============Footer Codes Start================*/

#footer{
width:684px;
height:20px;
padding:5px 60px 0px 0px;
border-top:1px solid #9c7100;
float:right;
margin:6px 0px 0px 53px;
font-family:"Myriad Pro", Arial, Helvetica;
font-weight:normal;
font-size:11px;
text-align:right;
}

#footer a{
	text-decoration:none;
	color:#000000;
}

/*==============Footer Codes End================*/

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:0px 0px;
	color:#333;
	display:none;
	}	
	
	#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
	#preview a{
	text-decoration:none;
	}