/*=======================================================
 CSS Document for General Hydraulics
=======================================================*/

@import url("global.css");
/*@import url("slimbox.css");*/

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

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

.bg-wrapper { width: 100%; height: auto; min-height: 725px; display: block; background: url('../images/core/bg-top.gif') no-repeat 50% 0; }
#container { width: 920px; height: auto; display: block; margin: 0 auto; background-color: #fff; clear: both; }
#container:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

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

#header { width: 920px; height: 125px; padding-top: 25px; border-bottom: 10px solid #fff; background-color: #dadada; float: left; clear: both; }
#logo { width: 295px; height: 125px; display: inline; float: left; }

/*navigation*/
ul#nav { list-style: none!important; margin: 55px 0 0 0; padding: 25px 15px 0 24px; width: 586px; height: 45px; display: block; background: url('../images/core/bg-nav.gif') no-repeat 0 0; float: right; }
ul#nav li { display: inline; float: left; margin-left: 2px; }
ul#nav li.first-item { margin: 0!important; }
ul#nav a { height: 45px; overflow: hidden; text-indent: -9999em; display: block; float: left; }
ul#nav a:hover { background-position: 0 -45px!important; }
/*background-image*/
a#navhome { background: url('../images/core/nav-home.gif') no-repeat 0 0; width: 82px; }
a#navabout { background: url('../images/core/nav-about.gif') no-repeat 0 0; width: 202px; }
a#navcontact { background: url('../images/core/nav-contact.gif') no-repeat 0 0; width: 202px; }
a#navsitemap { background: url('../images/core/nav-sitemap.gif') no-repeat 0 0; width: 94px; }
/*on-stage*/
body#home-page a#navhome, body#about-page a#navabout, body#contact-page a#navcontact, body#sitemap-page a#navsitemap { background-position: 0 -45px!important; }

/*=============================================================
	Main body - Banner + Sub Nav + main-contents + address
=============================================================*/

#main-contentsarea { float: left; width: 890px; height: auto; display: block; margin: 0 auto; padding: 0 15px; height: auto; }
#banner { width: 890px; height: 215px; display: inline; float: left; margin: 0; padding: 0; }
body#home-page #banner, body#sitemap-page #banner { height: 315px; overflow: hidden; }
body#home-page #banner img { display: block; width: 890px; height: 315px; float: left; clear: both; line-height: 0; }

/*sub nav*/
ul#subnav { list-style: none!important; margin: 0 0 15px 0; padding: 0; width: 890px; float: left; height: 35px; display: block; background: url('../images/core/bg-subnav.gif') no-repeat 0 0; clear: both; }
ul#subnav li { float: left; display: inline; margin-left: 2px; }
ul#subnav li.first-item { margin: 0!important; }
ul#subnav a { height: 35px; overflow: hidden; text-indent: -9999em; display: block; float: left; }
ul#subnav a:hover { background-position: 0 -35px!important; }
/*background-image*/
a#subnav1 { background: url('../images/core/subnav-udrkl.gif') no-repeat 0 0; width: 52px; }
a#subnav2 { background: url('../images/core/subnav-diamond.gif') no-repeat 0 0; width: 235px; }
a#subnav3 { background: url('../images/core/subnav-rc.gif') no-repeat 0 0; width: 198px; }
a#subnav4 { background: url('../images/core/subnav-blasthole.gif') no-repeat 0 0; width: 219px; }
a#subnav5 { background: url('../images/core/subnav-udr.gif') no-repeat 0 0; width: 178px; }
/*on-stage*/
body#udrkl-page a#subnav1, body#drilling-page a#subnav2, body#rc-page a#subnav3, body#blasthole-page a#subnav4, body#udr-page a#subnav5 { background-position: 0 -35px!important; }

#page-contents { width: 890px; height: auto; display: block; clear: both; }
.text-area { display: block; padding: 0 20px; width: 850px; height: auto; min-height: 250px; }
.column1 { width: 310px; float: left; padding: 0 10px; text-align: justify!important; }
.column2 { width: 480px; float: right; padding: 0 10px; text-align: justify!important; }

/*contact-details*/
#contact-details { width: 860px; height: 60px; padding: 0 5px; margin: 15px 0 0 0; border: 10px solid #363636; background: #363636 url('../images/core/bg-address.gif') no-repeat 0 0; display: block; float: left; }
#contact-details ul { list-style: none!important; margin: 0; padding: 0; display: block; height: 60px; width: 860px; }
#contact-details li { font-size: 1em;  display: inline; width: 200px; float: left; margin: 0 50px 0 0; }
#contact-details li b { color: #f4d288; font-weight: normal; }
#contact-details li.l-size { width: 180px; }
#contact-details li.m-size { width: 170px; }
#contact-details li.s-size { width: 110px; }
#contact-details li p { color: #fff; line-height: 14px; margin: 0; }
#contact-details li p span { color: #929292; display: block; line-height: 0; clear: both; height: 12px; padding: 9px 0 6px 0; }
#contact-details li a { color: #f4d28a; text-decoration: none; }
#contact-details li a:hover { color: #f4d28a; text-decoration: underline; }
#contact-details li#cta { width: 200px; height: 60px; }
#contact-details li#cta a { background: url('../images/core/cta.gif') no-repeat 0 0; width: 200px; height: 60px; display: block; overflow: hidden; text-indent: -9999em!important; text-decoration: none; }
#contact-details li#cta a:hover { background-position: 0 -60px!important; }

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

#footer { width: 840px; height: 55px; background-color: #cc2f25; padding: 25px 40px 20px 40px; display: block; margin: 0 auto; border-top: 10px solid #fff; clear: both; }
#footer ul { list-style: none!important; margin: 0; padding: 0; display: block; }
#footer li { font-size: 1em; float: left; display: inline; height: 55px; margin: 0; }
#footer li#bookmark { width: 120px; }
#footer li#bookmark p { color: #fff!important; line-height: 13px; }
#footer li#crumbs { width: 490px; margin: 0 29px; border-left: 1px solid #d4615a; border-right: 1px solid #d4615a; padding: 5px 30px 0 43px; height: 50px; }
#footer li#wsm { width: 95px; }
#footer li p { font-size: 1.1em; color: #f69690; margin: 0; line-height: 15px; }
#footer a { color: #f69690; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }


/*=======================================================
 End of CSS Document for General Hydraulics
=======================================================*/