@charset "utf-8";
/* CSS Document */
body{
 width: 100%;	
}

div, ul{
 /*border: 1px solid white;*/	
}
div, object, a{
	outline: none;	
}
.normalText p{
 padding: 15px 0px 15px 0px;	
}
.normalText h1{
	
}
#wrapper{
 width: 980px;
 margin: 0 auto;
}

/*	
 *	Header ids and classes
 *
 */
#header{ margin: 0px 0px 10px 0px;}

#headerInfoBar{
 height: 34px;
 width: 980px;
 margin: 0px 0px 10px 0px;
 background-image: url(../img/bg_standard_bar.png);
 background-repeat: no-repeat;
}
#headerInfoBarText{float: left; padding: 8px 0px 0px 20px;}
#headerInfoBarButtons{float: right;}
#headerCreative{margin: 0px 0px 10px 0px; clear: both; position: relative;}
.headerCreativeHome{
 height: 252px;
 background-image: url(../img/bg_home_header_252x980.jpg);
 background-repeat: no-repeat;
}
.logoHome{
 position: absolute;
 top: 20px;
 left: 70px;
 height: 208px;
 width: 208px;
}
.logoHomeText{
 position: absolute;
 top: 90px;
 left: 340px;
 height: 66px;
 width: 475px;
}
.logoHomeGSA{
 position: absolute;
 height: 62px;
 width: 68px;
 top: 10px;
 right: 6px;
}
.headerCreativeStandard{
 height: 100px;
 background-image: url(../img/bg_standard_header.jpg);
 background-repeat: no-repeat;
}
.logoStandard{
 position: absolute;
 top: 20px;
 left: 20px;
}
#headerNav{
 height: 34px;
 width: 980px;
 margin: 0px 0px 10px 0px;	
}
#headerNav li{
 display: inline;
 float: left;
}
#headerNav li a{
 display: block;
 /*width: 140px;*/
 height: 34px;
 text-align: center;
 outline: none;
}
#headerNav li a:hover{
	background-position: 0px -34px;
}
/*	navigation menu */
#navHome a{background-image: url(/img/nav/nav_home.gif); background-repeat: no-repeat; width: 136px;}
#navPortfolio a{background-image: url(/img/nav/nav_portfolio.gif); background-repeat: no-repeat; width: 138px;}
#navServices a{background-image: url(/img/nav/nav_services.gif); background-repeat: no-repeat; width: 146px;}
#navClients a{background-image: url(/img/nav/nav_clients.gif); background-repeat: no-repeat; width: 127px;}
#navWork a{background-image: url(/img/nav/nav_work.gif); background-repeat: no-repeat; width: 127px;}
#navNews a{background-image: url(/img/nav/nav_news.gif); background-repeat: no-repeat; width: 116px;}
#navAboutUs a{background-image: url(/img/nav/nav_about.gif); background-repeat: no-repeat; width: 137px;}
#navFuelPictures a{background-image: url(/img/nav/nav_fuel_pictures.gif); background-repeat: no-repeat; width: 180px;}

/*	
 *	Content ids and classes
 *
 */
.pageHeading{
 margin-bottom: 15px;	
}
 
 
 
#contentTop{
 width: 980px;
 height: 6px;
 background-image: url(../img/content_top.gif);
 background-repeat: no-repeat;
 background-position: bottom;
}
#contentBottom{
 width: 980px;
 height: 6px;
 background-image: url(../img/content_bottom.gif);
 background-repeat: no-repeat;
 background-position: top;
 margin: 0px 0px 10px 0px;
}
#content{
 clear: both;
 min-height:400px;
 height:auto !important;
 height:400px;
 padding: 14px 20px 20px 20px;
  
}
#hpcontent{
 clear: both;
 padding: 14px 20px 20px 20px;
 background-image: url(../img/bg_home_modules_single.gif);
 background-repeat: no-repeat;
 background-position: 660px center;
}
.contentModule{
 float: left;
}
#contentModuleAbout{padding-right: 20px; width: 620px;} /* was 340, was width: 320px; */
#contentModuleHighlight{width: 300px; position: relative;} /* was 280 */ 
#contentModuleHighlightPlayButton{
 display: none;
 position: absolute;
 top: 110px;
 left: 135px;
}


#contentModuleNews{width: 320px;} /* was 340 */
#contentModuleNews ul{margin: 0px 0px 0px 20px; width: 300px;}
#contentModuleNews ul li{cursor: pointer; overflow:hidden;}
#contentModuleNews ul li em {color:#EE531A;}

/* These next three classes need to add up to 310px	*/
.contentModuleNewsItemDate{width: 60px; float: left;}
.contentModuleNewsItemContent{width: 220px; float: left;}
.contentModuleNewsItemRaquo{width: 20px; float: right; text-align: right;}

.contentModule h1{
 text-align: center;
 margin: 0px 0px 20px 0px;
}
.contentModule p{
 padding: 0px 20px 0px 0px;
 text-align: justify;
}

/*	
 *	Footer ids and classes
 *
 */
#footer{
 height: 26px;
 width: 980px;
 margin: 0px 0px 10px 0px;	
 padding: 8px 0px 0px 0px;
 background-image: url(../img/bg_standard_bar.png);
 background-repeat: no-repeat;
}
#footerNav{
 float: left;
 margin: 0px 0px 0px 20px;
}
#footerNav li{display: inline;}
#footerNav li a{outline: none;}
#footerContact{
 float: right;
 margin: 0px 20px 0px 0px;
}




.clear{clear: both; line-height: 0px}

/*
 *	News Section ids and Classes
 *
 */
.formErrMessage{
 color: #ff0000; 
 display: none;
}
#formNewArticle p{margin: 10px 0px;}
#tiArticleTitle{
 width: 700px;
 height: 30px;
}
#taArticleBody{
 width: 700px;
 height: 400px;
}

.adminNewsArticle{
 margin: 15px 0px;
 border: 1px solid #ccc;
 padding: 15px;
}
.adminAddArticle, .adminAddArticle:active, .adminAddArticle:visited{
 color: #fff;
 background-color: #ee531a;
 padding: 3px;
 font-size: .8em;
}
.adminAddArticle:hover{
 color: black;	
}
#headerAdmin{
 background-color: #efefef;
 border-bottom: 3px solid #ccc;
 color: #000;
 padding: 10px;
}
#headerAdminTitle{
 background-color: #EE531A;
 font-weight: bold;
 padding: 3px;
}
#headerAdmin ul li{
 display: inline;	
}
.headerAdminLink, .headerAdminLink:visited, .headerAdminLink:active{
 color: #09F;
}
.headerAdminLink:hover{color: #06F;}
#adminStatusMessage{
 padding: 10px;
 color: #03C;
 background-color: #fff;
}


#newsBody{
  margin-top: 10px;
  min-height:400px;
  height:auto !important;
  height:400px;
}

.news_recent_title_list a{color: #2A3F55;}
.news_recent_title_list a:hover{color: #f26101;}


/* News Article */
.articleDate{}
.articleHeader{font-size: 1.5em; margin-bottom: 5px;}
.articleBody{margin: 10px 0px; line-height: 1.5em}
#h3_recent_news{background-image: url(/img/h3_recent_news.png?); height: 17px; width: 131px; margin-bottom: 10px;}
#h3_recent_news span{display: none;}
#recent_news_list li{margin-bottom: 3px; padding-left: 10px; background: url(/img/bullet_orange_8x8.png) no-repeat 0px 4px;}


/* Portfolio CSS */
.videoContainer h3{
 margin: 0px 0px 10px 0px;	
 cursor: pointer;
}
.videoContainer{
 cursor: pointer;
}

#player_container{margin: 40px 0px;}

#portfolioPlayer{width: 767px; float: left; display: inline;}
#player_categories{width: 170px; margin-right: 43px; float: left; display: inline;}

#player_categories li a{display: block; width: 170px;}
#player_categories li a span{display: none;}

#player_cat_broadcast a{height: 40px; background-image: url(/img/fuel_player_catergory_sprite.gif?); background-position: 0 0}
#player_cat_broadcast a:hover{ background-position: -170px 0}
#player_cat_corporate a{height: 67px; background-image: url(/img/fuel_player_catergory_sprite.gif?); background-position: 0 -40px}
#player_cat_corporate a:hover{background-position: -170px -40px}
#player_cat_release a{height: 68px; background-image: url(/img/fuel_player_catergory_sprite.gif?); background-position: 0 -107px}
#player_cat_release a:hover{background-position: -170px -107px}
#player_cat_presentation a{height: 39px; background-image: url(/img/fuel_player_catergory_sprite.gif?); background-position: 0 -175px}
#player_cat_presentation a:hover{background-position: -170px -175px}
#player_cat_social a {height: 67px; background-image: url(/img/fuel_player_catergory_sprite.gif?); background-position: 0 -213px}
#player_cat_social a:hover {background-position: -170px -213px}

.slider_video_title{text-align: center; font-size: .9em; margin-top: 5px;}


/* Services CSS */
.svcModuleRight, .svcModuleLeft, .svcModuleCenter{
 float: left;
 width: 215px;
 padding-left: 85px;
 height: 100px;
 background-position: top left;
 background-repeat: no-repeat;
}
.svcModuleRight h4, .svcModuleLeft h4, .svcModuleCenter h4{
 font-weight: bold;
 font-size: .8em;
 margin-bottom: 5px;
}
.svcModuleRight p, .svcModuleLeft p, .svcModuleCenter p{

}
.svcModuleLeft{
 margin: 10px 10px 10px 0px;	
}
.svcModuleCenter{
 margin: 10px 10px 10px 10px;
}
.svcModuleRight{
 margin: 10px 0px 10px 10px;
}
#svcFilm{ background-image: url(/img/services/svc_icon_film.png?);}
#svc2d3d{ background-image: url(/img/services/svc_icon_2d3d.png?);}
#svcWebDelivery{ background-image: url(/img/services/svc_icon_webdelivery.png?);}
#svcFlame{ background-image: url(/img/services/svc_icon_flame.png?);}
#svcCDDVD{ background-image: url(/img/services/svc_icon_cddvd.png?);}
#svcTurnkey{ background-image: url(/img/services/svc_icon_turnkey.png?);}
#svcGraphicDesign{ background-image: url(/img/services/svc_icon_graphicdesign.png?);}
#svcDelivery{ background-image: url(/img/services/svc_icon_delivery.png?);}

.fullWidthText{
 margin-top: 15px;
 margin-bottom: 10px;
}
.fullWidthText p{
 margin-bottom: 10px;	
}

.errMsg{
 display: none;
 font-size: .8em;
 font-weight: normal;
 color: #ff0000;
}
#fpContactForm h2{
 font-size: 1em;
 font-weight: bold;
 margin-top: 10px;
 margin-bottom: 5px;
}

#tiFPFormName, #tiFPFormEmail, #tiFPFormMessage{
 border: 2px solid #ee531a;
 font-size: 1em;
 font-family: Arial, Helvetica, sans-serif;
}

#tiFPFormName, #tiFPFormEmail{height: 25px; width: 300px;}

#tiFPFormMessage{height: 300px; width: 600px;}

#siFPSubmit{margin-top: 10px;}


/*	GSA */
#gsaInfo{
 width: 500px;
 background-image: url(/img/gsa_logo.gif?);
 background-repeat: no-repeat;
 background-position: top right;
}
#gsaInfo p{
 margin: 15px 0px 15px 0px;	
}
#gsaInfo h2{
 margin: 15px 0px 15px 0px;	
 font-weight: bold;
 font-size: 20px;
}

/*	About Fuel	*/

#aboutLeftCol{
 float: left;
 width: 690px;	
}
#aboutRightCol{
 float: left;
 width: 230px;
 margin-left: 20px;
}
.aboutProfile{
 float: left;
 width: 345px;
 height: 90px;
 padding-left: 0px;
}
.aboutUsName{margin: 15px 0px 5px 0px;}
/*
#profilePam{background-image: url(/img/aboutus_photo_placeholder.gif); background-position: top left; background-repeat: no-repeat;}
#profileTrish{background-image: url(/img/aboutus_photo_placeholder.gif); background-position: top left; background-repeat: no-repeat;}
#profileBob{background-image: url(/img/aboutus_photo_placeholder.gif); background-position: top left; background-repeat: no-repeat;}
#profileTodd{background-image: url(/img/aboutus_photo_placeholder.gif); background-position: top left; background-repeat: no-repeat;}
#profileWhitney{background-image: url(/img/aboutus_photo_placeholder.gif); background-position: top left; background-repeat: no-repeat;}
#profileGeorge{background-image: url(/img/aboutus_photo_placeholder.gif); background-position: top left; background-repeat: no-repeat;}
*/
.h1seo span{display: none;}

#h1_our_company{
 height: 30px;
 background: url(/img/h1_our_company.png) no-repeat;
 background-position: center;
}
#h1_what_we_do{
 height: 30px;
 background: url(/img/h1_what_we_do.png) no-repeat;
 background-position: center;
}
#h1_in_the_news{
 height: 30px;
 background: url(/img/h1_in_the_news.png) no-repeat;
 background-position: center;
}
#h1_an_idea{
 height: 30px;
 width: 247px;
 background: url(/img/h1_an_idea.png) no-repeat;
}
#h1_staff{
 height: 30px;
 width: 97px;
 background: url(/img/h1_our_staff.png) no-repeat;
}
#h1_portfolio{
 height: 30px;
 width: 142px;
 background: url(/img/h1_portfolio.png) no-repeat;
}
#h1_clients{
 height: 30px;
 width: 119px;
 background: url(/img/h1_our_clients.png) no-repeat;
}
#h1_the_work{
 height: 30px;
 width: 940px;
 background: url(/img/h1_the_work.png) no-repeat;
}
#h1_contact{
 height: 30px;
 width: 115px;
 background: url(/img/h1_contact.png) no-repeat;
}
#h1_news{
 height: 30px;
 width: 110px;
 background: url(/img/h1_news.png) no-repeat;
}
#h1_something_cool{
 height: 30px;
 width: 393px;
 background: url(/img/h1_something_cool.png) no-repeat;
}
#h1_fuel_pictures{
 height: 30px;
 width: 286px;
 background: url(/img/h1_fuel_pictures.png) no-repeat;
}
#h1_gsa{
 height: 30px;
 width: 50px;
 background: url(/img/h1_gsa.png) no-repeat;
}
#h1_ftp{
 height: 30px;
 width: 101px;
 background: url(/img/h1_ftp.png) no-repeat;
}
#contact_area{
 background-image: url(/img/contact_divider.png);
 background-repeat: no-repeat;
 background-position: center top;
 margin-top: 20px;
}
#contact_left h2, #contact_right h2{
  margin: 10px 0px;
  color: #ee5523;
  font-size: 16px;
  font-weight: bold;
}
#contact_right form h3{
  margin: 10px 0px;
  font-weight: bold;
}
#contact_left{
 float: left;
 display: inline;
 width: 450px;
 margin-right: 20px;
}
#contact_right{
 float:left;
 display: inline;
 width: 450px;
 margin-left: 20px;
}

#tiCUFormName, #tiCUFormEmail, #tiCUFormMessage{
 width: 446px;
 border: 2px solid #ee5523;
}

#map_marker_div{
 height: 60px;
 padding-left: 60px;
 background: url(/img/logo_trans_50x50.png?) no-repeat top left;
}


.handle{cursor: move;}
.sort_item{
 background-color: #FFF;
 border: 1px solid #ddd;
 margin: 3px 0px;
 padding: 0px 3px;
 text-align: center;
}
.sort_item:hover{border: 1px solid #55DFFF;}
.sort_item h3{
  font-size: 11px;
  font-weight: bold;
}
.sort_list_container{
 width: 150px;
 margin: 0px 3px;
 float: left;
}
.sort_list_container h2{
 margin: 0px 5px 20px 5px;
 font-weight: bold;
 text-align: center;
 height: 40px;
}
.admin_portfolio_sort_list{
 margin: 0px 5px 0px 5px;
 padding: 0px 5px 0px 5px;
}

.admin_portfolio_highligh_radio{
 margin-top: 5px;
 font-size: 10px;
}
.admin_portfolio_edit{
 font-size: 10px;
}
#clientServicesList{margin-top: 20px; margin-left: 20px; font-size: 12px;}
#clientServicesList li{
 font-weight: bold;
}
#clientServicesList li ul{
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 20px;
 
}
#clientServicesList li ul li{
 font-weight: normal;
}
#info{padding: 10px;}




.about_name{font-size: 2em; margin: 10px 0; color: #f26101;}
.about_title{font-size: 1.2em; color: #000;}
.about_experience{}
.about_experience dt, .about_education{} dt{margin: 10px 0px;}
.about_experience dd, .about_education{} dd{margin: 5px 0px 5px 20px;}
.about_education{}
.about_location{}

.aboutus_detail_link:hover{border-bottom: 2px solid #f26101;}