/* -------------------------------------
Filename: hugeForge_css.css
Title : Primary CSS file Tantra Huge Forge
Author : Eugene Gagolinan, gene@genemandesigns.com
License: Copyright 2007, amped.ph, All Rights Reserved. 
Description : This base style sheet imports other style sheets and provides basic styling for Tantra Huge Forge
--------------------------------------- */

/* ----- GLOBAL ----- */
*{padding:0; margin:0;}

body {background: #000000 url('images/thf_bg.jpg') no-repeat left top; color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; line-height:12pt; font-size:8pt; font-family:Arial, Verdana, Helvetica, sans-serif}

#page-container {width:990px; height:auto; margin-top:0; font-size:1.0em; }

.main-navigation {display:inline ; float:left; width:200px; overflow:visible !important; overflow:hidden;}


/* TOP HEADER */
#header-top {width:990px; height:295px;}
.headerBg {width:990px; height:235px; background:url('images/thf_index01.jpg');}
.navMain {width:990px; height:56px;}
.navMainBraceLeft {width:60px; height:56; float:left;}
.navMainBraceRight {width:49px; height:56px; float:right;}
.navMainMenu{float:left; width:990px; height:56px; background: url('images/thf_index_menubg.jpg') no-repeat;}
.navMainMenu ul {margin:11px 0 0 80px;}	
.navMainMenu li {display:inline; list-style:none; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font: bolder; font-size:120%; color:#FFFFFF;}
.navMainMenu li a {display:block; float:left; padding:2px 33px 0px 37px; color:#ffffff ; text-decoration:none;}
.navMainMenu a:hover {text-decoration:none; color:#ffcc00;}


/* MAIN CONTENT */
#main {width:990px; height:auto;}
#mainContent {width:850px; height:auto; margin-left:70px;}
#mainContent h1{ font-family: Verdana,Arial,sans-serif; font-size: 200%; color: #FFFFCC;}
#mainContent h2{ font-family: Verdana,Arial,sans-serif; font-size: 130%; color: #99CC99;}
#mainContent p{font-family:Arial, Helvetica, sans-serif; color: #ffffff; font-size:10pt; margin-bottom:10px; line-height:12pt;}

/*--FOOTER--*/
#footer {clear:both; width:990px; height:10px; font-size:1.0em; overflow:visible !important; overflow:hidden; margin-top:20px;}
#footer p {line-height:1.25em; text-align:center; color: #FFFFFF; font-weight:bold; font-size:100%;}
#footer p.credits {font-weight:normal;}
#footer a {text-decoration:none; color:#FFFFFF;}
#footer a:hover {text-decoration:none; color: #00FFCC;}


/* -- COMMON --*/
.selfClear:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden;
}

.selfClear {display: inline-block;}


/* Hide from IE-mac \*/
* html .selfClear {	height: 1%;}

.selfClear {display: block;}