/* 
   Fuel Industries - Main Stylesheet
   
   Make sure to send this and all css files 
   through CSSTidy before pushing live:
   http://floele.flyspray.org/csstidy//css_optimiser.php
   
======================================================================*/
@import url("reset.css"); 

/*	global 
----------------------------------- */
.hide { display: none;  }
.show { display: block;	}


/*	clearfix 
----------------------------------- */
.c { clear: both; height: 0; overflow: hidden; visibility: hidden; display: block; }
.clear { display: inline-block; } 
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 


/*	grid 
----------------------------------- */

body{ background-color: #000; font-family: Tahoma, Verdana, Arial; font-size: 80%; padding-top: 50px; }
td { color: #646656; font-family: Tahoma, Verdana, Arial; }
a, a:hover, a:visited { color: #fff; text-decoration: underline; }

#container { margin: auto; width: 1140px; }
#contentcontainer { width: 990px; height: 560px; }

#main { width: 990px; height: 480px; }

.choosercontainer { background: url(../images/main.jpg) no-repeat; }

.choosercontainer #chooser_en { padding-top: 163px; padding-left: 484px; width: 235px; float: left; margin: 0; }
.choosercontainer #chooser_en .line1, #choosercontainer #chooser_en .line2 { padding-left: 2px; }
.choosercontainer #chooser_en .line1 { padding-top: 8px; padding-bottom: 15px; }
.choosercontainer #chooser_en .line2 { padding-top: 16px; }

.choosercontainer #chooser_fr { padding-top: 163px; width: 271px; float: left; }
.choosercontainer #chooser_fr .line1, #choosercontainer #chooser_fr .line2 { padding-left: 2px; }
.choosercontainer #chooser_fr .line1 { padding-top: 8px; padding-bottom: 15px; }
.choosercontainer #chooser_fr .line2 { padding-top: 16px; }

.infocontainer_fr { background-image: url(../images/info_fr.jpg); }
.infocontainer_en { background-image: url(../images/info_en.jpg); }
.infocontainer_en #info, .infocontainer_fr #info { padding-top: 362px; padding-left: 29px; width: 235px; }

#mainswf { width: 990px; height: 560px; }
#noflash { margin: auto; width: 296px; height: 177px; }

#copyright, .bottom, .bottom a { color: #b9b8b8; font-size: 10px; }
.bottom a { text-decoration: none; } 
.bottom a:hover { color: #333; } 

.bottom { width: 1140px; height: 30px; background-image: url(../images/bottom.gif); text-align: right; padding-right: 100px; }
.bottom a { text-decoration: none; } 
#copyright { float: left; padding-left: 100px; }

#pickupcontainer { width: 990px; height: 560px; background: url(../images/pickup_topbg.png) repeat-x; text-align: center; }
#pickupcontainer #header { padding: 15px 0px; }
#pickupcontainer #image { margin: 5px auto; width: 550px; height: 412px; border: 2px solid #141414; }
#pickupcontainer #createlink { padding-top: 10px; }
#pickupcontainer #mailtolink { padding-top: 10px; }

#pickupcontainer img { float: none; }