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

/*	global 
----------------------------------- */

body { background: #e4e4e4 url('../images/main_bg.jpg') repeat-x scroll 0 37px; text-align: center; }

.hide { display: none;  }
.show { display: block;	}
.padding { padding: 14px; }


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

.holder { margin: auto; width: 865px; position: relative; }

#site-bg { width: 100%; background: transparent url('../images/content_bg.gif') repeat-y scroll 50% 0; }
#feature-bg { width: 100%; background: transparent url('../images/feature_bg.jpg') no-repeat scroll 50% 37px; }
#middle-bg { width: 100%; background: transparent url('../images/middle_bg.jpg') no-repeat scroll 50% 300px; }
#inside-bg { width: 100%; background: transparent url('../images/inside_bg.jpg') no-repeat scroll 50% 37px; }

.whiteguy { position: absolute; left: -92px; top: 244px; }

#video { float: left; width: 811px; height: 252px; }

/*	navigation 
----------------------------------- */

#nav { height: 37px; background: #3a3a39 url('../images/nav_bg.gif') repeat-x scroll 0 0; text-align: center; }
#nav .holder { height: 37px; width: 907px; background: transparent url('../images/nav_middle_inside_bg.jpg') no-repeat scroll 0 0;  }
#nav a { float: left; }
#nav .home { margin-left: 24px; margin-right: 2px; }

#home #nav .holder { background: transparent url('../images/nav_middle_bg.jpg') no-repeat scroll 0 0;  }

/*	feature 
----------------------------------- */

#feature { width: 865px; height: 136px; margin: auto;  }
#home #feature { height: 263px;  }

/*	content 
----------------------------------- */

#content { padding-bottom: 100px; }
#content img { float: left; }

/*	signup 
----------------------------------- */

.signupbox { float: left; width: 257px; height: 127px; background: #762a1c url('../images/content/signup_bg.jpg') no-repeat scroll 0 0; }
.signupbox .field { margin: 62px 0 8px 27px; display: block; width: 155px; color: #3c0f05; font: 11px Georgia, "Times New Roman", Times, serif; border: none; background-color: transparent; }
.signupbox .button { margin: 0 0 0 97px; display: block; }
.thanks { background: #762a1c url('../images/content/thanks_bg.jpg') no-repeat scroll 0 0; }
.sidecontent { float: left; width: 257px; height: 277px; }


/*	ingame 
----------------------------------- */

#gamebox { width: 650px; height: 400px; float: left; }


/*	all games 
----------------------------------- */

#allgames .allgamesmiddle { background: transparent url('../images/allgames/allgames_content_bg.jpg') repeat-y scroll 0 0; float: left;  }
#allgames .allgamestop { background: transparent url('../images/allgames/allgames_top.jpg') no-repeat scroll 0 0; float: left;  }
#allgames .allgamesbottom { width: 865px; background: transparent url('../images/allgames/allgames_bottom.jpg') no-repeat scroll 0 100%; float: left; text-align: left;  }

.thumbnailhold { margin: 79px 0 0 20px; width: 645px; float: left; padding-bottom: 140px; display: inline; }
.thumbnailhold .thumb { color: #fff; text-decoration: none; float: left; border: 1px solid #272727; margin: 0 0 10px 20px; display: inline; background: #000000 url('../images/allgames/thumb_bg.gif') no-repeat scroll 0 0; width: 186px; height: 208px; }
.thumbnailhold .thumb:hover { border: 1px solid #930002; color: #fff; }
.thumbnailhold .thumb span { display: block; }
.thumbnailhold .thumb .padding { padding: 10px 0px 0px 10px; }
.thumbnailhold .thumb .title { font-weight: bold; height: 32px; overflow: hidden; }
.thumbnailhold .thumb .title span { padding: 8px 0 10px 10px; }

.towerbanner { float: left; margin: 25px 0 0 20px; display: inline; border: 1px solid #000; }