/* Base style removal, global fixes and browser/platform fixes */

:link, :visited { text-decoration: none }
ul,ol { list-style: none }
h1,h2,h3,h4,h5,h6,pre,code,
p.leadin { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,dl,dt,dd,input,
p.leadin { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }
a, a:link, a:visited, a:hover, a:active { outline: 0; }


/*	Custom styles begin */


body {
	font-family: Arial,sans-serif;
	background: #fff;
}

div.wrapper {width: 960px;margin: 0 auto;}
br.clear {clear: both;}
br {line-height: 10px;}


/* Header
---------------------------------- */

div#header {width: 960px;margin: 0 auto;}
div#header .logo {width: 434px;height: 69px;float: left;margin: 48px 0 0 20px;}
div#header .logo a {width: 434px;height: 69px;text-indent: -99999px;display: block;background: url(/images/121/p20-logo.png) no-repeat;}

div#header ul.links {width: 450px;margin: 11px 20px 35px 0;float: right;display: inline;}
div#header ul.links li {float: right;display: inline;padding: 0 0 0 24px;margin: 0 0 0 20px;font-size: 10px;text-transform: uppercase;line-height: 16px;font-weight: bold;}
div#header ul.links li a {color: #666;}
div#header ul.links li a:hover {color: #000;text-decoration: underline;}
div#header ul.links li.investor {background: url(/images/121/icon-investor.png) no-repeat;}
div#header ul.links li.news {background: url(/images/121/icon-news.png) no-repeat;}
div#header ul.links li.contact {background: url(/images/121/icon-contact.png) no-repeat;}
div#header ul.links li.sitemap {background: url(/images/121/icon-sitemap.png) no-repeat;}

div#header .social-search {float: right;display: inline;clear: right;width: 300px;}

div#header form {width: 199px;height: 34px;float: right;display: inline;margin: 0 20px 0 0;}
div#header form input {width: 169px;height: 34px;border: 0;line-height: 34px;font-size: 12px;color: #666;background: url(/images/121/search-bg.png) no-repeat;padding: 0 20px 0 10px;margin:0;}

div#header ul.sm {float: right;display: inline;height: 24px;padding: 5px 0 0 0;margin: 0 5px 0 0;}
div#header ul.sm li {float: right;display: inline;margin-right: 5px;width: 24px;height: 24px;}
div#header ul.sm li a {background: url(/images/121/sm-icons.png) no-repeat;width: 24px;height: 24px;text-indent: -9999px;display: block;}
div#header ul.sm li a:hover {background: url(/images/121/sm-icons.png) 0 -24px no-repeat;}
div#header ul.sm li:first-child a {background: url(/images/121/sm-icons.png) -24px 0 no-repeat;}
div#header ul.sm li:first-child a:hover {background: url(/images/121/sm-icons.png) -24px -24px no-repeat;}

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

/* L1 */
ul.dropdown { position: relative;width: 960px;height: 30px;z-index: 100;margin: 0 auto;background: url(/images/121/nav-bg.jpg) no-repeat;margin: 0 auto;padding: 0 0 10px 0;}
ul.dropdown li { float: left; zoom: 1;}

ul.dropdown a:active { color: #fff; }
ul.dropdown li a { display: block; color: #fff; }
ul.dropdown li.hover, ul.dropdown li:hover {position: relative; }


ul.dropdown > li {height: 30px;border-right: 1px solid #017437;font-family: myriad-pro,sans-serif;}
ul.dropdown > li > a {font-size: 12px;padding: 9px 20px 0 20px;height: 21px;color: #fff;text-shadow: 0 1px 1px #01401e;display: block;border-right:1px solid #01ac51;}
ul.dropdown > li:hover {background: url(/images/121/nav-active.jpg) -40px 0 repeat-x;}
ul.dropdown > li:first-child:hover {background: url(/images/121/nav-active.jpg) 0 0 repeat-x;}

ul.dropdown > li.active {background: url(/images/121/nav-active.jpg) -40px 0 repeat-x;}
ul.dropdown > li.active:first-child {background: url(/images/121/nav-active.jpg) 0 0 repeat-x;}


/* L2 */
ul.dropdown ul { width: 280px; visibility: hidden; position: absolute; top: 100%; left: 0;background: url(/images/121/drop-bg.png) repeat-x #01a74e;z-index: 2;border: 1px solid #00612d;border-top: none; }
ul.dropdown ul li { font-weight: normal; color: #fff; border-top: 1px solid #00612d; float: none;font-size: 12px; }
ul.dropdown ul li:hover {background: #00612d;}
ul.dropdown ul li a {padding: 0 20px;line-height: 32px;display: block;color: #fff;}
ul.dropdown ul li:first-child {border-top:none;}
									  
	/* IE 6 & 7 Needs Inline Block */
	ul.dropdown ul.sub-menu li a { border-right: none; width: 100%; display: inline-block;color: #fff;} 
	ul.dropdown ul.sub-menu li a:hover {color:#fff;}
	
/* L3 */
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }

/* Feature
---------------------------------- */

div.newsbar {background:url(/images/121/newsbar.png) no-repeat;width:960px;height:74px;margin:0 auto 5px auto;}
div.newsbar p {font-size:20px;font-weight:bold;color:#222;text-shadow:0 1px 1px #fff;padding:0 0 0 100px;line-height:74px;width:540px;float:left;}
div.newsbar a.news-button {background: url(/images/121/button-news.png) no-repeat;width: 250px;height: 45px;margin: 0;display: block;float:right;margin: 14px 40px 0 25px;text-align: center;line-height: 45px;font-size: 15px;color: #00853e;text-shadow: 0 1px 1px #fff;}
div.newsbar a.news-button:hover {background: url(/images/121/button-news.png) 0 -45px no-repeat}


div#feature {width: 970px;height: 410px;z-index: 3;margin: 0 auto 0 auto;background: url(/images/121/feature-bg.png) no-repeat;}
div.panels {width: 920px;height: 360px;float:left;margin: 0 auto 0 auto;overflow: hidden;position: relative;z-index: 3;padding: 25px;}
div.panel-group {width: 920px;height: 360px;overflow: hidden;color: #555;font-size: 16px;line-height: 25px;}
div.panel-content {overflow: hidden; margin: 0; padding: 0; border: none;width: 920px;height: 360px;}
div.panel-content div.textbox {padding: 80px 30px 0 544px;font-size: 14px;line-height: 19px;color: #555;}
div.panel-content div.textbox h1, div.panel-content div.textbox h2 {color: #202456;font-size: 22px;line-height: 28px;margin: 0 0 10px 0;font-weight: normal;}
div.panel-content div.textbox p {margin: 0 0 10px 0;}
div.panel-content div.textbox a {width: 158px;height: 36px;display: block;text-align: center;line-height: 36px;background: url(/images/121/button-learn-more.png) no-repeat;color: #fff;font-weight: bold;font-size: 14px;text-shadow: 0 1px 1px #644b22;}
div.panel-content div.textbox a:hover {background: url(/images/121/button-learn-more.png) 0 -36px no-repeat;}
div#p2 .textbox {padding-top: 70px}
div#p3 .textbox {padding-top: 50px}
div#p4 .textbox {padding-top: 80px}

div#p1 {background: url(/images/121/Processr3Header.png) no-repeat;}
/*div#p2 {background: url(/images/121/2-Gas-Tanks-Winebags-Header.png) no-repeat;}
div#p3 {background: url(/images/121/3-Blending-Site-Header.png) no-repeat;}*/
div#p2 {background: url(/files/feedstock-plastic-2-oil-slide.png) no-repeat;}
div#p3 {background: url(/images/121/slide-3.jpg) no-repeat;}
div#p4 {background: url(/images/121/1-Fuels-Header.png) no-repeat;}

div#switch {width: 295px;height:360px;float: right;display: inline;background: url(/images/121/switch-bg.png) no-repeat;z-index: 90;position: absolute;top: 25px;left: 650px;}
div#switch ul {float: left;margin: 70px 20px 20px 25px;}
div#switch ul li {margin: 0 0 10px 0;}
div#switch ul li a {padding: 0 0 0 22px;background: url(/images/121/page_red-50.png) 0 2px no-repeat;display: block;color: #a09f9f;text-shadow: 0 1px 1px #000;font-size: 15px;line-height: 19px;}
div#switch a:hover, div#switch li.active a {background: url(/images/121/page_red.png) 0 2px no-repeat;color: #fff;}
div#switch a.button {background: url(/images/121/button-prod-services.png) no-repeat;width: 250px;height: 45px;margin: 0;display: block;clear: left;margin: 0 0 0 25px;text-align: center;line-height: 45px;font-size: 15px;color: #fff;text-shadow: 0 1px 1px #004922;}
div#switch a.button:hover {background: url(/images/121/button-prod-services.png) 0 -45px no-repeat}

div#feature .jbi {width: 513px;height: 62px;float: left;background: url(/images/121/feature-jbi.png) no-repeat;text-indent: -9999px;display: block;position: absolute;top:300px;left: 25px;}

/* Main Content
---------------------------------- */

div#content {width: 960px;margin: 0 auto;font-size: 12px;line-height: 17px;color: #555;padding: 20px 0 40px 0;border-bottom: 1px solid #2e2e2e;}
div#content h1 {font-size: 28px;line-height: 34px;;margin: 0 0 10px 0;color: #333;}
div#content h1.title {font-size:24px;margin:24px 0 0 0;}
div#content h2,
p.leadin {font-size: 18px;line-height: 24px;font-weight: normal;margin: 20px 0 14px 0;color: #333;padding: 0 0 10px 0;border-bottom: 1px solid #ccc;}
div#content h3 {font-size: 15px;line-height: 20px;margin: 20px 0 10px 0;color: #333;}
div#content h4 {font-size: 15px;line-height: 20px;font-weight: normal;margin: 0 0 10px 0;color: #333;}
div#content h5 {font-size: 15px;line-height: 20px;font-weight: bold;;margin: 20px 0 10px 0;color: #333;}
div#content p.meta {font-size:11px;margin:0 0 12px 0;}

div#content a {color: #00853e;}
div#content a:hover {color: #000;text-decoration: underline;}

div.primary {width: 590px;float: left;margin: 0 0 0 20px;}

div#content .primary ul {list-style: square;margin: 12px 0 12px 20px;}
div#content .primary ul li {margin: 0 0 5px 0;}

div#content .primary ol {list-style: decimal;margin: 12px 0 12px 20px;}
div#content .primary ol li {margin: 0 0 5px 0;}

div#content .primary .addthis_toolbox {margin:12px 0;}

div#content .primary a.button {width: 590px;height: 45px;display: block;text-align: center;line-height: 45px;background: url(/images/121/gray-button-main.png) no-repeat;color: #fff;font-weight: bold;font-size: 14px;text-shadow: 0 1px 1px #644b22;margin:12px 0;}
div#content .primary a.button:hover {background: url(/images/121/gray-button-main.png) 0 -45px no-repeat;text-decoration:none;}


/* Secondary */
div.secondary {width: 291px;float: right;display: inline;margin: 0 20px 0 0;background: url(/images/121/secondary-bg.png) no-repeat;min-height: 450px;}

div#content .secondary .sidebar {width: 251px;padding: 0 0 0 40px;font-size: 12px;line-height: 17px;margin: 0 0 20px 0;}
div#content .secondary .sidebar h2 {padding: 0;border: 0;font-size: 18px;line-height: 23px;color: #555;font-weight: bold;}
div#content .secondary .sidebar h2.first {margin-top:0;}
div#content .secondary .sidebar h3 {font-size: 13px;line-height: 18px}

div#content .secondary .sidebar ul {list-style: square;margin: 12px 0 12px 24px;}
div#content .secondary .sidebar ul li {margin: 0 0 10px 0;}

div#content .secondary .sidebar div.post {padding: 0 0 0 24px;background: url(/images/121/page_green.png) 0 1px no-repeat;margin:0 0 13px 0;}


div#content .secondary .sidebar div.post a {color:#333;}
div#content .secondary .sidebar div.post a:hover {text-decoration:underline;}


div#content .secondary .sidebar ol {list-style: decimal;margin: 12px 0 12px 24px;}
div#content .secondary .sidebar ol li {margin: 0 0 10px 0;}

div#content .secondary div.sidenav {width: 271px;margin: 0;padding: 0 0 0 20px;}
div#content .secondary div.sidenav h5 {margin: 0 0 10px 0;font-size: 18px;line-height: 23px;padding: 0 20px 0 20px;border: 0;border: 0;color: #555;}
div#content .secondary div.sidenav ul {margin:0 0 40px 0;}
div#content .secondary div.sidenav ul li {line-height: 31px;margin: 0 0 1px 0;width: 271px;color: #3b457c;font-size: 12px;font-weight: bold;}
div#content .secondary div.sidenav ul li:hover,div#content .secondary .sidenav ul li.active {background: url(/images/121/sidenav-active.png) no-repeat;color: #fff;}
div#content .secondary div.sidenav ul li a {color: #00853e;padding: 0 20px;display: block;}
div#content .secondary div.sidenav ul li:hover a,div#content .secondary .sidenav ul li.active a {color: #fff;text-decoration: none;}

div#content .secondary .post a {font-weight:bold;}
div#content .secondary .post .date {font-size:11px;margin:0 0 5px 0;}

div#content .secondary a.button {background: url(/images/121/gray-button-side.png) no-repeat;width: 250px;height: 45px;margin: 0;display: block;clear: left;margin: 12px 0;text-align: center;line-height: 45px;font-size: 15px;color: #fff;text-shadow: 0 1px 1px #000;}
div#content .secondary a.button:hover {background: url(/images/121/gray-button-side.png) 0 -45px no-repeat;text-decoration:none;}



/* Footer
---------------------------------- */

div#footer {background: url(/images/121/footer-bg.png) repeat-y;border-top:1px solid #ccc;padding: 0 0 20px 0;width: 960px;margin: 0 auto;color: #bbb;font-size: 11px;line-height: 15px;position:relative;}

div#footer .jbi {float: left;width: 63px;margin: 0;}
div#footer .text {float: right;display: inline;width: 828px;}
div#footer .jbico {float:right;display:inline;margin:0 40px 0 0;width:275px;}
div#footer .primary {padding:25px 0 0 0;margin-left:20px;}

div#footer p {margin: 0 0 32px 0;}

div#footer h5 {font-size: 16px;font-weight: bold;color: #fff;margin: 0 0 12px 0;line-height: 20px;}
div#footer h5 span {font-size: 11px;font-weight: normal;}

div#footer sup {font-size:11px;}

div#footer a {color: #bbb;text-decoration: underline;}
div#footer a:hover {color: #fff;}

div#footer ul {margin: 0;line-height: 11px;}
div#footer ul li {float: left;padding: 0 5px;border-left: 1px solid #c9c7c1;margin: 0 0 10px 0;}
div#footer ul li:first-child {border-left: none;padding-left: 0;}

div#footer a.doncor {width: 179px;height: 17px;text-indent: -9999px;display: block;background: url(/images/121/doncor-logo-sm.png) no-repeat;}


div#footer .jbico img {
	position: absolute;
	right: 60px;
	top: 38%;
}



div.poweredFooted {width:960px;margin:0 auto;background: #2e2e2e;font-size: 11px;line-height: 15px;}
div.poweredFooted a {color: #666;text-decoration: underline;}
div.poweredFooted a:hover {color: #fff;}