/*=======================================================
 CSS Document for Hecs Fire
=======================================================*/

@import url("global.css");
@import url("thickbox.css");

.hidden { display: none; }
.show { display: inline-block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/

#container {width: 730px; height: auto; margin: 0 auto; padding: 0 30px 0 20px; display: block; background-color: #fff; clear: both; }

/*=============================================================
	Header - nav + logo + banner
=============================================================*/

#header { width: 730px; height: 122px; float: left; margin-bottom: 15px; background: url('../images/bg-header.gif') repeat-x 0 0; clear: both; }


/*navigation*/
ul#nav { width: 628px; height: 22px; position: relative; margin-top: -22px; padding-left: 0; display: inline-block; clear: both; float: left; }
ul#nav li { float: left; position: relative; display: block; }
ul#nav a { float: left; display: block; height: 22px; overflow: hidden; text-indent: -999em; }
ul#nav a:hover { background-position: 0 -22px; }
ul#nav li ul { width: 280px; height: auto; display: block; left: -9999px; position: absolute; top: 100%; margin: 0; border-top: 1px solid #000; padding: 0; }
ul#nav li ul li { display: block; float: left; position: relative; padding: 0; border-top: 1px solid #000; }
ul#nav li ul a { text-indent: 0; float: left; display: inline-block; padding: 5px; width: 270px; height: auto; background-color: #e2171e; color: #fff; font-weight: bold; text-decoration: none; font-size: 1.1em; }
ul#nav li ul a:hover { color: #fff; background-color: #000; text-decoration: none; }
/* hover actions */
ul#nav li:hover ul, ul#nav li.over ul { left: 0; }
ul#nav li:hover ul li:hover ul, ul#nav li.over ul li.over ul { left: 100% !important; }
/*first level nav background*/
a#navhome { width: 85px; background: url('../images/nav-home.gif') no-repeat 0 0; }
a#navprofile { width: 104px; background: url('../images/nav-profile.gif') no-repeat 0 0; }
a#navproducts { width: 115px; background: url('../images/nav-products.gif') no-repeat 0 0; }
a#navservices { width: 107px; background: url('../images/nav-services.gif') no-repeat 0 0; }
a#navlinks { width: 89px; background: url('../images/nav-links.gif') no-repeat 0 0; }
a#navcontact { width: 128px; background: url('../images/nav-contact.gif') no-repeat 0 0; }
/*hovered*/
#home a#navhome, #profile a#navprofile, #products a#navproducts, #services a#navservices, #links a#navlinks, #contact a#navcontact { background-position: 0 -22px; }


/*=============================================================
	Main body - left + right
=============================================================*/

#mainpage { width: 730px; height: auto; display: block; float: left; padding-bottom: 20px; clear: both; }
#flash { float: left; width: 365px; height: 517px; display: block;  }
.banner { float: left; height: auto; margin: 0 20px 0 0; display: block; }
#home .banner { padding: 0; height: 550px; background-color: #ce080b; }
.contents { width: 345px; height: auto; float: right; display: block; }
.contents-service { width: 490px; height: auto; float: right; display: block; }


/*=============================================================
	Footer
=============================================================*/

#footer { width: 730px; height: 50px; padding: 18px 30px 0 20px; display: block; margin: 0 auto; background: url('../images/bg-footer.gif') repeat-x 0 0; clear: both; }
#footer p { float: left; display: block; font-size:1em; color: #fff; line-height: 15px; }
#footer a { color: #fff; font-weight: bold; text-decoration: none;}
#footer a:hover { color: #a8090c; text-decoration: underline;}


/*=======================================================
 End of CSS Document for Hecs Fire
=======================================================*/