/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

body {
	text-align: center;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #231145;
	margin-top: 0px;
}

A:link{
color:#000;
text-decoration:none
}

A:visited{
color:#000;
text-decoration:none
}

A:active{
color:#000;
text-decoration:none
}

A:hover{
color:#555;
text-decoration: underline;
}

h1 {
	font-size: 16px;
}

p.h1 {
	background-image: url(../../images/subheader_bg.png);
	background-repeat: no-repeat;
	height: 19px;
	padding: 2px 0px 0px 33px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 14px;
}

h2 {
	background-image: url(../../images/subheader_bg.png);
	background-repeat: no-repeat;
	height: 19px;
	padding: 2px 0px 0px 33px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 14px;
}

h4 {
	text-align: center;
	background: url(../../images/h3Bg.jpg) bottom no-repeat;
	border-bottom: 1px solid #eee;
}

/* Layout Styles
--------------------------------------------------------------- */

#container {
position: relative;
width: 760px;
background-color:#ffffff;
/* Mozilla Firefox Centre Align Fix */
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top: 8px;
}

#banner {
	height: 130px;
	background-image: url(../../images/bannerBg.png);
	background-position: top;
	border-bottom: #dedede 17px solid;
	margin-bottom: 5px;
}

#bannerMiddle {
margin-left: 176px;
margin-right: 0px;
}

#bannerFlash embed {
margin-top: 7px;
}

#bannerNav {
margin-top: 9px;
padding: 0px;
/*height: 23px;*/
}

#content {
padding-bottom: 5px;
}

#contentLeft {
width: 166px;
float: left;
background-color:#ffffff;
padding-bottom: 5px;
}

#contentRight {
width: 590px;
float:right;
background:#ffffff;
padding-bottom: 5px;
}

#contentRightText {
	padding: 20px 20px 20px 20px;
	text-align:justify;
}

#contentRightText img {
	float: right;
	margin: 0px 20px 20px 10px;
}

.contentRightImage {
margin-top: 50px;
}

#fuel_dom {
width: 135px;
height: 125px;
background: url(../../images/fuel_dom.jpg);
padding: 4px 5px 0px 0px;
text-align: right;
float: left;margin-right: 10px;
}

#fuel_dom a, #fuel_com a, #fuel_agri a {
	color: #fff;
}

#fuel_com {
width: 135px;
height: 125px;
background: url(../../images/fuel_com.jpg);
padding: 4px 5px 0px 0px;
text-align: right;
float: left;margin-right: 10px;
}

#fuel_agri {
width: 135px;
float: left;
height: 125px;
background: url(../../images/fuel_agri.jpg);
padding: 4px 5px 0px 0px;
text-align: right;
}

#footer {
border-top: #dedede 17px solid;
height: 65px;
clear:both;
font-size: 0.7em;
text-align: center;
line-height: 18px;
}

	#footer a {
		color: #000;
	}

/* Navigation Styles
--------------------------------------------------------------- */


#navigation {
      float:left;
	  padding-left: 0px;
	  width: 580px;
}

 #navigation ul {
	  margin: 0px;
	  padding-left: 2px;
	  list-style: none;
	  
}

#navigation li {
      display:inline;
      margin:0px;
      padding:0px;
}
	  
#navigation a {
	  float:left;
      background: url(../../images/nav_bg.gif);
      margin-right: 3px;
      text-decoration:none;
	  padding: 3px 4px 3px 4px;
	  font-weight: bold;
	  color: #fff;
}


#navigation a:hover {
      float:left;
      background: url(../../images/nav_bg_hover.gif);
      margin-right: 3px;
      text-decoration:none;
	  font-weight: bold;
}

#subnav {
visibility: hidden;
	text-align: left;
	font-size: 0.7em;
	position:absolute;
	width:300px;
	height:16px;
	z-index:1;
	left: 308px;
	top: 131px;
	padding: 2px;
}

.subnav ul {
	  margin: 0px;
	  padding-left: 1px;
	  list-style: none;
}

.subnav li {
      display:inline;
      margin:0px;
      padding:0px;
}

.subnav a {
	  float: left;
	  list-style: none;
	  color: #000000;
	  padding: 0px 5px;
}

/* Class Styles
--------------------------------------------------------------- */
.subheader{

}

.table01 {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	width: 100%;
}

	.table01 td {
		padding: 5px;
		width: 45%;
	}
	
	.table01 .rightAlign {
		text-align: right;
	}
	
	.table01 .greyBg {
		background: #eee;
	}
	
	#bottom-keywords{
font-size: 9px;
color:#CCCCCC;
width: 740px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
padding-top:10px;
padding-bottom: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/* Contact Table Styles
--------------------------------------------------------------- */

div#form {
	float: left;
	padding: 0px 0px 0px 10px;
}

	div#form form.formular {
		width: 260px;
	}

		div#form form.formular fieldset {
			margin: 0px 0px 5px 0px;
			padding: 0px 15px 10px 15px;
			border: 1px solid #ccc;
		}

		div#form form.formular fieldset.botBuster,
		div#callbackform #callbackBotBuster {
			display: none;
		}

			div#form form.formular legend {
				font-size: 1.4em;
				color: #000;
				font-weight: bold;
				padding: 0px 5px 0px 5px;
				background: #fff;
			}

			div#form form.formular input, div#form form.formular select, div#form form.formular textarea {
				margin-bottom: 0px;
			}
			
			div#form form.formular label {
				display: block;
				padding: 5px 0px;
			}
			
				div#form form.formular label span {
					width: 110px;
					float: left;
					padding: 10px 0px 0px 0px;
				}
			
				div#form form.formular fieldset.ourServices label {
					padding: 5px 0px;
				}

		div#form form.formular .text-input, div#form form.formular .dropdown, div#form form.formular #textarea {
			width: 200px;
			color: #555;
			padding: 5px;
			border: 1px solid #ccc;
			margin-top: 4px;
			background: #FFF;
		}

			div#form form.formular #textarea {
				height: 40px;
			}

#form #errors {
	font-size:1.1em;
	color: #FF8200;
	font-weight: bold;
}

	#form #errors ul {
		padding-left: 0px;
	}
	
	#form #errors ul li {
		background: url(../../images/form-error.jpg) left center no-repeat;
		list-style: none;
		padding: 5px 0px 5px 30px;
	}
	
	#form .required {
		color: #ff0000;
		font-style: italic;
	}