/*
Company:	Pesco
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
	
/* @end */

/* @group Layout */
div#hd {
	background: url(../images/pesco-hd-bkg.jpg) repeat-x 0 100% #14a56a;
}
div#hd-inner {
	width: 901px;
	margin-left: auto;
	margin-right: auto;
}

div#bd {
	width: 901px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	background: url(../images/white-div-line-vert.gif) repeat-y 269px 0 #f3f3f3;
}
div#bd-inner {
	background: url(../images/bd-bkg-top.gif) no-repeat 0 0;
}
div#bd-btm {
	background: url(../images/bd-btm.gif) no-repeat 0 0;
	width: 901px;
	height: 12px;
	overflow: hidden;
	clear: both;
}
div#home-feature {
	height: 158px;
	background: url(../images/home-feature-photo.jpg) no-repeat 0 0;
	overflow: hidden;
}
div#interior-feature {
	height: 158px;
	background: url(../images/interior-feature-photo.jpg) no-repeat 0 0;
	overflow: hidden;
}
div#home-feature-text {
	height: 24px;
	background: url(../images/feature-text-bkg.png) repeat-x 0 0;
	margin-top: 132px;
	padding: 1px 0;
	font-size: 85%;
	font-weight: bold;
	color: #2f3342;
}
div#home-feature-left {
	margin-left: 230px;
	width: 214px;
	margin-top: 4px;
	line-height: 21px;
	height: 21px;
	border-right: 1px solid #60789c;
	text-align: center;
	float: left;
	display: inline;
}
div#home-feature-center {
	width: 150px;
	margin-top: 4px;
	line-height: 21px;
	height: 21px;
	border-right: 1px solid #60789c;
	text-align: center;
	float: left;
	display: inline;
}
div#home-feature-right {
	width: 304px;
	margin-top: 4px;
	line-height: 21px;
	height: 21px;
	text-align: center;
	float: left;
	display: inline;
}

div#left-col {
	position: relative;
	width: 203px;
	margin-top: -40px;
	margin-left: 30px;
	z-index: 10;
	float: left;
	display: inline;
}
div#right-col {
	width: 600px;
	margin-right: 35px;
	float: right;
	display: inline;
}

#right-col ul {
	margin-left: 13px;
	padding: 0;
}
#right-col li {
	padding: 0;
	margin-left: 13px;
	list-style-type: disc;
}
#right-col p {
	margin-bottom: 10px;
}

div#left-col-small {
	width: 40%;
	float: left;
	display: inline;
}
div#left-col-small p {
	font-size: 93%;
	margin-bottom: 10px;
	line-height: 140%;
}
div#right-col-small p {
	margin-bottom: 10px;
	line-height: 140%;
}
div#right-col-small .top-paragraph {
	margin-top: 120px;
}
div#left-col-small a:link, div#left-col-small a:visited {
	color: #2f88c7;
	text-decoration: none;
}
div#left-col-small a:hover {
	background-color: #2f88c7;
	text-decoration: none;
	color: #fff;
}

div#right-col-small {
	width: 45%;
	font-size: 93%;
	float: right;
	display: inline;
}

div#right-col-small a:link, div#left-col-small a:visited {
	color: #2f88c7;
	text-decoration: none;
}
div#right-col-small a:hover {
	background-color: #2f88c7;
	text-decoration: none;
	color: #fff;
}

div#small-content {
	margin-top: 10px;
}

div.about-us-images {
	margin-left: 30px; 
	margin-right: 30px;
}

div.about-us-images img {
	padding: 17px;
}

div.news-box {
	margin-bottom: 20px;
}
div.news-box p {
	line-height: 140%;
}
div.news-box a:link, div.news-box a:visited {
	color: #10850e;
}
div.news-box h4 a:link, div.news-box h4 a:visited {
	text-decoration: none;
}
div.news-box a.more {
	padding-right: 10px;
}
div.news-box a.more:link, div.news-box a.more:visited {
	text-decoration: underline;
	background: url(../images/more-arrow.gif) no-repeat 100% 50%;
}
div.news-box a.more:hover {
	background-color: #10850e;
	color: #fff;
	text-decoration: none;
	background-image: none;
}
div.news-box-text {
	width: 205px;
	float: right;
	display: inline;
}
div.news-box-image {
	width: 48px;
	float: left;
	display: inline;
}

img#logo {
	float: left;
	display: inline;
}

img.centered {
	padding-left: 40px;
	padding-bottom: 10px;
	padding-top: 5px;
}
div#technology-sidebar-hd {
	background: url(../images/pesco-technology-hd.png) no-repeat 0 0;
	width: 203px;
	height: 36px;
}
div#technology-sidebar {
	background: url(../images/sidebar-bkg-repeat.png) repeat-y 0 0;
	width: 203px;
}
div#technology-sidebar-inner {
	background: url(../images/sidebar-bkg.jpg) no-repeat 2px 0;
	padding-left: 2px;
	padding-bottom: 1px;
}
div#technology-sidebar-ft {
	background: url(../images/sidebar-btm.png) no-repeat 0 0;
	width: 203px;
	height: 13px;
}
div#technology-sidebar ul {
	margin: 5px 10px 10px 15px;
}
div#technology-sidebar ul li {
	padding: 2px 0;
	padding-left: 13px;
}

div#home-top-text {
	color: #555;
	margin: 30px 50px 0 35px;
}
div#home-top-text strong {
	color: #212121;
}
div#home-top-text p {
	font-size: 93%;
	line-height: 130%;
}
div#feature-divider {
	background: url(../images/feature-divider.gif) no-repeat bottom right;
	/*height: 35px;*/
	width: 670px;
	margin-left: -35px;
}
div#feature-divider-inner {
	background: url(../images/bkg-top-shade.gif) no-repeat 0 0;
	padding: 1px 0 50px 0;
}

/* images */
.key_personal img {
	padding-left: 10px;
}


/*Oil List*/
div#technology-sidebar ul.oil-list li {
	background: url(../images/blue-arrow.gif) no-repeat 0 6px;
	font-weight: bold;
}
div#technology-sidebar ul.oil-list a:link, div#technology-sidebar ul.oil-list a:visited {
	color: #0f6299;
	text-decoration: none;
}
div#technology-sidebar ul.oil-list a:hover {
	text-decoration: underline;
}

/*Solvent List*/
div#technology-sidebar ul.solvent-list li {
	background: url(../images/orange-arrow.gif) no-repeat 0 6px;
	font-weight: bold;
}
div#technology-sidebar ul.solvent-list a:link, div#technology-sidebar ul.solvent-list a:visited {
	color: #b66319;
	text-decoration: none;
}
div#technology-sidebar ul.solvent-list a:hover {
	text-decoration: underline;
}

/*Biofuel List*/
div#technology-sidebar ul.biofuel-list li {
	background: url(../images/yellow-arrow.gif) no-repeat 0 6px;
	font-weight: bold;
}
div#technology-sidebar ul.biofuel-list ul li {
	background: url(../images/yellow-square.gif) no-repeat 0 6px;
	font-weight: bold;
}
div#technology-sidebar ul.biofuel-list ul {
	margin-left: 0px;
}
div#technology-sidebar ul.biofuel-list a:link, div#technology-sidebar ul.biofuel-list a:visited {
	color: #b28410;
	text-decoration: none;
}
div#technology-sidebar ul.biofuel-list a:hover {
	text-decoration: underline;
}
div#technology-sidebar ul.biofuel-list ul a:link, div#technology-sidebar ul.biofuel-list ul a:visited {
	color: #c09a45;
}

/*Portfolio*/

div#portfolio {
 padding: 15px 0 120px 0;
}

div#portfolio h3 {
 background: url(../images/bg/line1.gif) bottom left repeat-x;
 margin: 20px 0 10px 0;
}

.contact {
	padding-left: 400px;
}

div#portfolio p {
 margin: 0 30px 15px 0;
}

div#portfolio img {
 background: url(../images/bg/frame3.png) no-repeat;
 display: block;
 float: right;
 padding: 8px;
 margin: 17px 17px 0 0;
 padding-left: 10px;
}

/*Bookmarks*/
#bookmarks {
	margin-top: -15px;
}
#bookmarks a.active {
	color: #b66319!important;
	text-decoration: none!important;
	border-bottom:1px dotted #CCCCCC;
}
#bookmarks a.active:hover {
	color: #894c14!important;
	text-decoration: underline!important;
	background-color: #fff!important;
}
#bookmarks .non-active {
	color: #333!important;
	text-decoration: none;
}
#bookmarks a.non-active:hover {
	background-color: #fff!important;
	text-decoration: none;
}
#book_marks ul {
	display: inline;
	margin-left: -10px;
	list-style: none;
}
#book_marks li {
	display: inline;
	list-style: none;
}

/*Soil List*/
div#technology-sidebar ul.soil-list li {
	background: url(../images/gray-arrow.gif) no-repeat 0 6px;
	font-weight: bold;
}
div#technology-sidebar ul.soil-list a:link, div#technology-sidebar ul.soil-list a:visited {
	color: #514a43;
	text-decoration: none;
}
div#technology-sidebar ul.soil-list a:hover {
	text-decoration: underline;
}

div.help-box {
	width: 254px;
	background: url(../images/help-box-bkg.gif) no-repeat 0 0;
}
div.help-box-inside {
	background: url(../images/help-box-btm.gif) no-repeat 0 100%;
	padding: 15px 17px 20px 17px;
	width: 200px;
}
div.help-box h5 {
	font-size: 93%;
	margin-bottom: 10px;
	font-weight: bold;
	color: #2b2b2b;
}
div.help-box p {
	color: #0f6299;
	margin-bottom: 16px!important;
}

div.hr-white {
	background-color: #fff;
	height: 1px;
	overflow: hidden;
	width: 100%;
}
div#left-col-small div.hr-white {
	margin: 30px 0;
}

div#pesco-services-hd {
	margin-top: 40px;
}
div#pesco-services {
	background: url(../images/pesco-services-bkg.jpg) repeat-y 0 0;
}
div#pesco-services-inside {
	background: url(../images/pesco-services-btm.jpg) no-repeat 0 100%;
	padding: 10px 20px 20px 20px;
	width: 163px;
}
div#pesco-services p {
	color: #101010;
	font-size: 93%;
	font-weight: bold;
	margin-bottom: 10px;
}
div#pesco-services ul li {
	background: url(../images/white-services-arrow.gif) no-repeat 0 4px;
	padding-left: 15px;
	padding-bottom: 4px;
}
div#pesco-services ul a:link, div#pesco-services ul a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
div#pesco-services ul a:hover {
	text-decoration: underline;
}

div#ft {
	width: 901px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 40px;
}
div#ft p {
	margin-bottom: 15px;
	color: #686868;
	font-size: 85%;
	line-height: 140%;
}
/* @end */

/* @group Nav */
ul#nav {
	font-family: Verdana, sans-serif;
	margin: 0 30px 0 0;
	float: right;
	display: inline;
}
ul#nav li {
	overflow: hidden;
	min-height:72px;
	height:auto !important;
	height:72px;
	float: left;
	display: inline;
}
ul#nav li a {
	display: block;
	padding: 50px 10px 0 10px;
	min-height:22px;
	height:auto !important;
	height:22px;
	text-transform: uppercase;
	font-size: 108%;
	float: left;
	display: inline;
}
ul#nav a:link, ul#nav a:visited {
	color: #fefefe;
	text-decoration: none;
}
ul#nav li.active a:link, ul#nav li.active a:visited {
	background: url(../images/nav-active.jpg) repeat-x 0 0;
}
ul#nav a:hover {
	background: url(../images/nav-hover.jpg) repeat-x 0 0;
}

p#ft-nav {
	color: #7c7c7c;
	font-size: 85%;
	line-height: 140%;
	margin-bottom: 30px;
}
div#ft a:link, div#ft a:visited {
	color: #7c7c7c;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}
div#ft a:hover {
	text-decoration: none;
	color: #10850e;
}

/* @end */

/* @group Headings */
h1 {
	color: #1e873b;
	font-size: 231%;
	margin-bottom: 10px;
}

h1.center {
	margin-bottom: 5px;
	text-align:center;
}

h1.home {
	color: #1e873b;
	font-size: 195%;
	margin-bottom: 10px;	
}
h1.about_sub_page {
	color: #1e873b;
	font-size: 231%;
	margin-top: 5px;
	margin-bottom: 5px;
}
body.oil h1 {
	color: #2f88c7;
}
body.solvent h1 {
	color: #b66319;
}
body.biofuel h1 {
	color: #c09a45;
}
body.soil h1 {
	color: #514a43;
}

h2 {
	font-size: 138.5%;
	line-height: 64px;
	margin-bottom: 10px;
}
h2.center {
	text-align:center;
}

h2.oil {
	background: url(../images/oil-hd-icon.gif) no-repeat 0 0;
	padding-left: 55px;
	color: #2f88c7;
	margin-left: 15px;
}
h2.oil-headline {
	background: url(../images/oil-hd-icon.gif) no-repeat 0 0;
	padding-left: 55px;
	color: #2f88c7;
	margin-left: 15px;
}
h2.solvent {
	color: #b66319;
	margin-bottom: -10px;
}
h2.solvent-headline {
	background: url(../images/oil-hd-icon.gif) no-repeat 0 0;
	padding-left: 55px;
	color: #b66319;
	margin-left: 15px;
}
h2.biofuel {
	color: #c09a45;
}
h2.biofuel-headline {
	background: url(../images/oil-hd-icon.gif) no-repeat 0 0;
	padding-left: 55px;
	color: #c09a45;
	margin-left: 15px;
}
h2.soil {
	color: #514a43;
}
h2.soil-headline {
	background: url(../images/oil-hd-icon.gif) no-repeat 0 0;
	padding-left: 55px;
	color: #514a43;
}
h2.pesco-headline {
	background: url(../images/pesco-hd-icon.gif) no-repeat 0 0;
	padding-left: 45px;
	color: #10850e;
	margin-left: 15px;
}
h3 {
	font-size: 108%;
	color: #3b3b3b;
	font-weight: bold;
	margin-bottom: 5px;
}
h3.center {
	text-align:center;
}
h3.red {
	text-align:center;
	color:#FF0000;
	padding-bottom:10px;
}
h3.oil {
	color: #2f88c7;
}

h3.solvent {
	margin-top: 20px;
	color: #b66319;
}

h3.soil {
	color: #514a43;	
}

h3.biofuel {
	color: #c09a45;	
}

h4 {
	font-weight: bold;
	color: #10850e;
}
h4.center {
	text-align:center;
	padding-top:3px;
	padding-bottom:7px;
}
h5 { 
   font-size: 110%;
   padding-top: 2px;
   }
div#ft h6 {
	color: #10850e;
	font-size: 108%;
	font-weight: bold;
}
/* @end */

/* @group Text Styles */
strong {
	font-weight: bold;
}
strong.green {
	color: #10850e!important;
}
strong.blue {
	color: #2f88c7!important;
}
.align-center {
	text-align: center;
}
/* @end */

/* @group Lists */
	
/* @end */

/* @group Forms */
	
/* @end */

/* @group Links - link visited hover active */
a:link{ }
a:visited{ }
a:hover{ }
a:active{ }
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* LightBox */
#overlay { background-image: url(/images/overlay.png); }

* html #overlay {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
	
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */