/*	Main - Fuel Industries Stylesheet
======================================================================*/

@import url("reset.css");

html, body { height: 100%; }

body {
	background-color: #ffffff;
	color: #505050;
	text-align: center;
	border-top: 3px solid #000000;
	font-size: 11px; 
	font-family: Tahoma, Verdana, Arial, Sans-Serif; 
	line-height:  1.4;
	letter-spacing: 0.5px;
	word-spacing: 0.2px;
}

/*	Font Styles
----------------------------------------------------------------------*/

h1 { font-size: 14px; font-weight: bold; }
h2 { font-size: 12px; font-weight: bold; line-height:  1.1; }
h3 { font-size: 11px; font-weight: bold; color: #990000; }
h4 { font-size: 11px; font-weight: bold; }

input, select, th, td { font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }

p { margin: 0 0 15px 0; }

#sidebar, #leftbar { font-size: 10px; }


/*	Links
----------------------------------------------------------------------*/

a:link    { color: #990000; text-decoration: none; }
a:visited { color: #990000; text-decoration: none; }
a:active  { color: #ff0000; text-decoration: none; }
a:hover   { color: #ff0000; text-decoration: none; }


/*	Current Pages
----------------------------------------------------------------------*/

#home #nav .home a,
#thecompany #nav .thecompany a,
#casestudies #nav .casestudies a,
#awards #nav .awards a,
#clientlist #nav .clientlist a,
#mediaroom #nav .mediaroom a,
#blogs #nav .blogs a,
#careers #nav .careers a,
#contactus #nav .contactus a { 
	background-image: none; 
}


/*	List Styles
----------------------------------------------------------------------*/

#bigfeature { border-bottom: 18px solid #ffffff; background-color: #ffffff; width: 762px; float: left; margin-top: -28px; }


#content #yearlist{
    height:18px;
}
#content #yearlist ul{
    margin:0;
    padding:0;
    list-style-type:none;
}
#content #yearlist ul li{
    display:inline;
}
#content #yearlist ul li a{

   float: left;
	padding: 0px 6px 1px 6px;
	border: 1px solid #d6d6d6;
	text-align: center;
}

#content #yearlist li .selected{
	float: left;
	padding: 0px 6px 1px 6px;
	border: 1px solid #d6d6d6;
	text-align: center;
   background-color: #d6d6d6;
   font-weight: bold;
}



#content ul {
	float: left;
	text-align: left;
	margin: 10px 0 10px 0;
}

#content ul li {
	width: 100%;
	padding: 1px 0 2px 0;
}

#casestudy #content ul, #careers #content ul, #rss #content ul, #executive #content ul, #mediaroom #conbox ul, #blogs #content ul, #presskit #content ul {
	margin: 15px 0 15px 0;
}

#rss #content ul li a, #contactus #content ul li a, #executive #content ul a {
	margin: 0; padding: 0;
	background-color: #ffffff;
	display: inline;
}
	
#casestudy #content ul li, #careers #content ul li, #rss #content ul li, #executive #content ul li, #mediaroom #conbox ul li, #blogs #content ul li, #presskit #content ul li {
	padding: 1px 0 2px 24px;
	width: 472px;
	margin-bottom: 5px;
	background: transparent url(../../include/images/ico_arrowred.gif) no-repeat 10px 5px;
}

#casestudy #content h3 {
	display: block;
	clear: both;
	margin-bottom: 10px;
}
		
#content ul li span, #rightbar ul li span {
	padding: 4px 0 4px 20px;
	display: block;
}
	
#content ul li a {
	text-decoration: none;
	padding: 4px 0 4px 20px;
	display: block;
	color: #666666;
}
	
#content ul li a:hover {
	background-color: #dadada;
	color: #990000;
}
	
.loading {
	text-align: center;
}

#content ul {
	clear: both;
}
	
ul.bullet-red li a, ul.bullet-red li span {
	background: transparent url(../../include/images/bullet_red.gif) no-repeat 5px 50%;
}

ul.bullet-redarrow li a, ul.bullet-redarrow li span {
	background: transparent url(../../include/images/ico_arrowred.gif) no-repeat 5px 50%;
}
	
ul.bullet-greyarrow li a, ul.bullet-greyarrow li span {
	background: transparent url(../../include/images/ico_arrowgrey.gif) no-repeat 5px 50%;
}
	
ul.border-dotted li {
	background: transparent url(../../include/images/dotted_border.gif) repeat-x 0 100%;
}
	
ul.border-dotted {
	background: transparent url(../../include/images/dotted_border.gif) repeat-x 0 0;
	padding: 1px 0 0 0;
	width: 100%;
	display: block;
}

#clientlist #content ul, #clientlist #rightbar ul  {
	float: left;
	background-image: none;
	margin: 10px 0 10px 0;
}

#clientlist #content ul li, #clientlist #rightbar ul li {
	width: 234px;
	float: left;
	margin: 0 16px 0 0;
	padding: 1px 0 2px 0;
}

#contactus .bucket ul li strong {
	color: #990000;
}

#mediaroom #conbox ul li a {
	padding: 0;
}

#mediaroom #conbox ul li a:hover {
	color: #ff0000;
	background-color: #fff;
}


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

#main {
	width: 940px;
	margin: auto;
	text-align: left;
}

#midsection {
	width: 100%;
	clear: both;
	margin: 15px 0 15px 0;
}

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

#header {
	border-top: 1px solid #eb0000;
	background: #710100 url(../../include/images/header_bg.gif) repeat-x 0 0;
	position: relative;
}

#header #topbg {
	background: transparent url(../../include/images/header_topbg.jpg) no-repeat 50% 0;
}

#header #videobg {
	background: transparent url(../../include/images/header_videobg.jpg) no-repeat 50% 0;
	height: 320px;
}

.videoborder {
   border: 1px solid #000;
   width: 938px; height: 318px;
   margin: auto;
}

#header #logobox {
	width: 940px; height: 76px;
	margin: auto;
	clear: both;
}

#logo img, #textchange img, #textchange a {
	float: left;
}

#logo {
	padding: 9px 0 0 13px;
}

#contact {
	float: right;
	padding: 34px 0 0 0;
}
	

/*	Nav
----------------------------------------------------------------------*/

#nav {
	background: #191919 url(../../include/images/nav/nav_bg.gif) repeat-x 0 0;
	height: 29px;
	width: 100%;
	margin-top: 1px;
	position: relative;
	border-bottom: 1px solid #fff;
}

#nav img, #nav #linkarea, #nav li, #nav span {
	float: left;
}

#nav #linkarea li {
	background: transparent url(../../include/images/nav/nav_bg_o1.gif) no-repeat 0 0;
}
	
#nav #linkarea li span {
	background: transparent url(../../include/images/nav/nav_bg_o2.gif) no-repeat top right;
}
	
#nav #linkarea a {
	padding: 10px 10px 9px 14px;
	float: left;
	background: transparent url(../../include/images/nav/nav_bg.gif) repeat-x 0 0;
}
	
#nav #linkarea a:hover {
	background-image: none;
}

#nav #searcharea {
	float: right;
}

#nav #searchfield {
	background: #3f3f3f url(../../include/images/nav/nav_searchbox.gif) no-repeat 0 0;
	border: none;
	float: left;
	color: #a5a5a5;
	padding: 5px 5px 4px 7px;
	margin: 3px 0 0 0;
	width: 124px; height: 13px;
	font-size: 10px;
}
	
#nav #searchsubmit {
	float: left;
}
	
	
/*	Search
----------------------------------------------------------------------*/

#search {
	width: 100%;
	overflow: hidden;
	position: relative;
}
	
#search .loader {
	background: transparent url(../../include/images/loader.gif) no-repeat 50% 50%;
}

#searchbox {
	width: 100%;
	overflow: hidden;
	display: none;
}

#searchinside {
	margin: 8px 0 0px 0;
	height: 365px;
	border-bottom: 1px solid #e6e6e6;
}
		
#searchleft {
	float: left;
	width: 240px;
	margin: 0 21px 0 0;
}

#searchleft .searchbucket .top {
	background: #000000 url(../../include/images/bucket_top.gif) no-repeat 0 0;
	border: none;
	padding: 2px 0 3px 6px;
	margin: 0 0 10px 0;
	width: 234px;
}

#searchleft .searchbucket ul.nav {
	background: transparent url(../../include/images/dotted_border.gif) repeat-x 0 100%;
	padding: 0 0 1px 0;
}
		
#searchleft .searchbucket ul.nav li {
	text-align: left;
	width: 240px;
}

#searchleft .searchbucket ul.nav li span {
	background: transparent url(../../include/images/dotted_border.gif) repeat-x 0 0;
	display: block;
	padding: 1px 0 0 0;
}
	
#searchleft .searchbucket ul.nav li a {
	padding: 6px 0 6px 15px; margin: 1px 0 1px 0;
	color: #505050;
	display: block;
	text-decoration: none;
	background: transparent url(../../include/images/bullet_arrow.gif) no-repeat 5px 50%;
	width: 223px;
	cursor: pointer;
}

#searchleft .searchbucket ul.nav li a.selected {
	color: #990000;
	background-color: #dadada;
}
	
#searchleft .searchbucket ul.nav li a:hover {
	color: #990000;
	background-color: #dadada;
	text-decoration: none;
}
		
#searchcontent {
	float: left;
	height: 350px; width: 677px;
	margin-bottom: 10px;
	position: relative;
}

#searchcontent h2 {
	display: inline;
}

#searchcontent .results {
	overflow: auto;
	height: 335px; width: 100%;
	margin: 14px 0 0 0;
}

#searchcontent .results .post .inside {
	padding: 15px 15px 13px 15px;
	width: 625px;
}
	
#searchcontent .results .post {
	width: 655px;
	background: transparent url(../../include/images/bg_search_post.gif) repeat-x scroll 0 0;
	margin: 0;
}

#searchcontent .close {
	position: absolute;
	top: 2px; right: 5px;
}

/*	Breadcrumbs
----------------------------------------------------------------------*/

#breadcrumbs {
	padding: 6px 0 8px 0;
	color: #808080;
	background-color: #fff;
	margin-left: 5px;
}

#breadcrumbs li {
	display: inline;
	margin-right: 3px;
}
	
#breadcrumbs .toggle {
	float: right;
}
	
#breadcrumbs a {
	color: #808080;
	text-decoration: none;
	background: transparent url(../../include/images/ico_arrowgrey.gif) no-repeat 100% 3px;
	padding-right: 12px;
}

#breadcrumbs a:hover {
	color: #000000;
}
		
#breadcrumbs .current {
	color: #990000;
} 	
	

/*	Page Title
----------------------------------------------------------------------*/

#pagetitle {
	background: #830000 url(../../include/images/page_title_left.jpg) repeat-x 0 0;
	height: 48px;
	position: relative;
	margin: 0 0 15px 0;
	padding: 0 0 0 14px;
}

#pagetitle h2 {
	padding: 13px 0 0 0;
	display: block;
	width: 100%;
}
	
#pagetitle h2 span {
	border-left: 1px solid #ec0000;
	padding: 11px 0 0 15px;
	margin: 0 0 0 14px;
	float: left;
}
	
#pagetitle h2 img {
	float: left;
}
	
#pagetitle .right {
	position: absolute;
	top: 0; right: 0;
}
	
	
/*	Sort
----------------------------------------------------------------------*/

#sort img {
	float: left;
	margin-top: 6px;
}

#sort select {
	width: 184px;
	float: left;
	margin: 2px 21px 0 9px;
}

 
/*	Toolbar
----------------------------------------------------------------------*/




/*	Sidebar
----------------------------------------------------------------------*/

#sidebar {
	float: right;
	width: 157px;
}

.toggle {
	cursor: pointer;
}

#sidebar .bottomsp {
	height: 10px;
	overflow: hidden;
	clear: both;
}

#sidebar .collapsed .parent {
	
}

#sidebar .title {
	position: relative;
	background: transparent url(../../include/images/div_homesidebar.gif) no-repeat 0 100%;
	padding: 0 0 4px 0;
	margin: 0 0 7px 0;
	float: left;
	display: block;
	width: 157px;
}

#sidebar .title img {
	float: left;
}
	
#sidebar .rssicon {
	display: block;
	width: 12px; height: 12px;
	text-decoration: none;
	padding: 0 5px 0 0;
	float: left;
}

#sidebar .title .toggle {
	display: block;
	float: left;
	width: 140px;
	background: transparent url(../../include/images/ico_minus.gif) no-repeat 100% 0;
}

#sidebar .title .plus { background-image: url(../../include/images/ico_plus.gif); }
#sidebar .title .minus { background-image: url(../../include/images/ico_minus.gif); }
#sidebar .title .collapsed .toggle { background-image: url(../../include/images/ico_plus.gif); }

#sidebar .collapse {
	overflow: hidden;
	clear: both;
	width: 157px;
}

#sidebar ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 3px;
	width: 100%;
}

#sidebar ul li {
	display: block;
	padding: 1px 0 0px 0;
	margin: 0;
}

#sidebar ul li span {
	display: block;
	background: transparent url(../../include/images/sidenavhover_border.gif) repeat-x 0 100%;
	padding-bottom: 2px;
}
	
#sidebar ul li a {
	padding: 2px 5px 2px 12px;
	margin: 0;
	color: #505050;
	display: block;
	text-decoration: none;
	background: transparent url(../../include/images/bullet_red.gif) no-repeat 4px 10px;
}
	
#sidebar ul li a:hover {
	text-decoration: none;
	color: #ff0000;
}
	
#sidebar .sidebox {
	margin: 0 0 5px 0;
}

#sidebar .title2 {
	clear: both;
	display: block;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	background-color: #f6f6f6;
	float: left;
	color: #990000;
	margin-bottom: 1px;
}

#sidebar .title2 a {
	padding: 3px 0 3px 5px;
	text-decoration: none;
	background: transparent url(../../include/images/ico_up.gif) no-repeat 95% 8px;
	display: block;
	width: 152px;
	font-weight: bold;
}

#sidebar .title2 a:hover {
	background-color: #fff;
}

#sidebar .title2 .plus { background-image: url(../../include/images/ico_down.gif); }
#sidebar .title2 .minus { background-image: url(../../include/images/ico_up.gif); }

#sidebar .rss h4 {
	color: #990000;
	padding: 10px 0 2px 0;
}	
	
#sidebar .rss a {
	text-decoration: none;
}	
	
#sidebar .rss p a {
	color: #333333;
}		

				
/*	Bucket
----------------------------------------------------------------------*/
	
.bucket {
	width: 240px;
	margin: 0 21px 23px 0;
	text-align: center;
	position: relative;
	float: left;
}

.bucket h4 {
	color: #990000;
}

.bucket p {
	text-align: left;
}
			
.bucket .top img {
	float: left;
}

.bucket .top {
	background: #000 url(../../include/images/bucket_top.gif) no-repeat 0 0;
	border-bottom: 1px solid #4f4e4e;
	padding: 4px 0 5px 6px;
	width: 234px;
	float: left;
}

.bucket .title {
	background: #ffffff url(../../include/images/title_line.gif) no-repeat 0 7px;
	display: block;
	width: 100%;
}

.bucket .title img {
	background-color: #fff;
	padding-right: 5px;
}
	
.bucket .inquire {
	margin-top: 10px;
}

.bucket .thumb {
	position: relative;
}
	
.bucket .bottom {
	position: absolute;
	bottom: 0; left: 0;
	z-index: 999;
}
	
.bucket .link {
	float: right;
	margin: 0 8px 0 0;
}
		
.buffer {
	width: 100%;
	float: left;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	visibility: hidden;
}


/*	Content Bucket
----------------------------------------------------------------------*/

.post {
	width: 501px;
	clear: both;
	border-top: 2px solid #e5e4e3;
}

.post .inside {
	padding: 15px 15px 15px 15px;
	width: 481px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.post .inside h1 {
	padding: 18px 0 7px 0;
}

.post h2 {
	display: block;
	float: left;
	width: 100%;
	letter-spacing: -0.5px;
}

.post h2 img {
	float: left;
}
	
.post h3 {
	color: #990000;
	padding: 0 0 4px 0;
}
	
.post h4 {
	padding: 14px 0 0 0;
}
	
.post .date {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.post .date span {
	color: #8d1600;
	font-weight: normal;
}

.post .date a {
	font-weight: normal;
}

.post .image {
	float: left;
	border: 1px solid #ededed;
	padding: 1px;
}

.post .text {
	float: left;
	margin: 10px 0 0 14px;
	width: 260px;
}

.post .image2 {
	float: left;
	margin: 0 25px 0 10px;
}
		
.post a.link {
	float: right;
	text-align: right;
	margin: 5px 0 0 0;
	padding: 0px 20px 2px 0;
	background: transparent url(../../include/images/btn_arrow.gif) no-repeat 100% 50%;
	font-weight: bold;
}

.post .links {
	width: 100%;
	display: block;
	clear: both;
	margin-top: 10px;
}
	
.post p {
	padding: 0;
	margin: 0;
}

.post .entry {
	margin: 2px 0 2px 0;
}

/*	Call to Action
----------------------------------------------------------------------*/
		
#calltoaction {
	background: transparent url(../../include/images/bg_search_post.gif) repeat-x scroll 0 0;
	padding: 20px 15px 40px 15px;
	width: 742px;
	clear: both;
	position: relative;
}
	
#calltoaction .link {
	position: absolute;
	bottom: 8px; right: 15px;
}
	
#backtotop {
	margin: 0 0 5px 6px;
	float: left;
}

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

#footer {
	background: #750100 url(../../include/images/footer_bg2.gif) repeat-x 0 100%;
	height: 228px; width: 100%;
	margin-top: 20px;
	border-top: 1px solid #fff;
	position: relative;
}

#footer #bar1 {
	background: #383839 url(../../include/images/footer_bg.gif) repeat-x 0 0;
	height: 49px;
	width: 100%;
	border-bottom: 1px solid #4b4b4b;
	text-align: center;
}

#footer #bar1 .inside {
	width: 658px;
	position: relative;
	margin: auto;
	top: 20px;
	text-align: left;
}

#footer #bar1 .inside img {
	margin-right: 50px;
	float: left;
}

#footer #bar2 {
	background-color: #4d0000;
	width: 100%;
	border-top: 5px solid #000;
	text-align: center;
	color: #fff;
	display: block;
}
	
#footer #bar2 .inside {
	width: 920px;
	position: relative;
	margin: auto;
	padding: 8px 0;
}
	
#footer #bar2 ul {
	text-align: center;
	width: 920px;
}

#footer #bar2 ul li {
	display: inline;
	cursor: default;
	padding: 0 3px;
}

#footer #bar2 ul li a {
	color: #fff;
	text-decoration: none;
}

#footer #bar2 ul li a:hover {
	text-decoration: underline;
}

#footer #bar2 ul .copyright {
	float: left;
	margin-right: 50px;
}

/*	Pages
-------------------------------------------------------------------------------*/

.pages {
	float: left;
	margin-left: 5px;
	margin-top: 1px;
}

.pages li {
	float: left;
	margin-right: 2px;
}

.pages li a, .pages li span, .pages li .selected {
	float: left;
	padding: 0px 6px 1px 6px;
	border: 1px solid #d6d6d6;
	text-align: center;
}

.pages li a:hover, .pages li span, .pages li .selected {
	background-color: #d6d6d6;
}

.pages li span, .pages li .selected {
	font-weight: bold;
}

#pagesbottom {
	text-align: center;
	margin-bottom: 15px;
	width: 770px;
}

#pagesbottom .pages {
	margin: auto;
	float: right;
}

.alignleft { float: left; }
.alignright { float:right; }