* { padding: 0; margin: 0; }
body { background: url(../images/main-bg.png) top center repeat-y; font: 12px arial, verdana, helvetica, sans-serif; position: relative; }
#container { margin: 0 auto; width: 902px; position: relative; }
#headers { margin: 0 auto; width: 902px; clear: both; }
#content { margin: 28px auto 20px auto; padding: 10px 0 0 0; width: 790px; clear: both; min-height: 360px; background: url(../images/bg/home-bg.jpg) top right no-repeat; }
#footer { margin: 0 auto 20px auto; width: 892px; clear: both; /*position: absolute; bottom: -250px; left: 50%;*/ clear: both; }

/*links*/
#content a { color: #59BB0C; text-decoration: underline; }
#content a:hover { color: #000000; text-decoration: underline; }

a#sitetitle { display: block; height: 0; padding-top: 149px; margin: 12px 0 20px 40px; width: 232px; overflow: hidden; background: url(../images/title.gif) top left no-repeat; float: left; }
p#strapline { display: block; height: 0; padding-top: 58px; width: 466px; overflow: hidden; background: url(../images/strapline.gif) top left no-repeat; float: right; margin: 50px 40px 0 0; }
ul#menu { list-style: none; margin: 20px auto 0 auto; clear: both; background: url(../images/menu-bg.png) bottom right no-repeat; height: 26px; width: 840px; padding: 0 0 0 0; text-align: center; font-size: 12px; }
ul#menu li { margin: 0px 10px 0 0; float: left; }
ul#menu li a { padding: 0 20px 0 20px; display: block; }
ul#menu li a:hover {  }
ul#menu li a.on {  }
ul#menu li a.on:hover {  }

p { width: 210px; margin: 0px 0 20px 0; padding: 0px 0 0 0; }

span.hlstitle { width: 136px; height: 0px; padding-top: 13px; overflow: hidden; background: url(../images/hsltitle.png) top left no-repeat; }

/*menu*/


ul#menu a#navhome, ul#menu a#navproducts, ul#menu a#navrecruit, ul#menu a#navservices, ul#menu a#navcommercial, ul#menu a#navcontact { overflow: hidden; display: block; height: 0; padding: 22px 0 0 0; }
ul#menu a#navhome { width: 70px; background: url(../images/menu/home.png) top center no-repeat; }
ul#menu a#navproducts { width: 86px; background: url(../images/menu/products.png) top center no-repeat; }
ul#menu a#navrecruit { width: 107px; background: url(../images/menu/recruit.png) top center no-repeat; }
ul#menu a#navservices { width: 156px; background: url(../images/menu/services.png) top center no-repeat; }
ul#menu a#navcommercial { width: 242px; background: url(../images/menu/commercial.png) top center no-repeat; }
ul#menu a#navcontact { width: 95px; background: url(../images/menu/contact.png) top center no-repeat; }

ul#menu a#navhome.on, ul#menu a#navhome:hover { background: url(../images/menu/home-hover.png) top center no-repeat; }
ul#menu a#navproducts.on, ul#menu a#navproducts:hover { background: url(../images/menu/products-hover.png) top center no-repeat; }
ul#menu a#navrecruit.on, ul#menu a#navrecruit:hover { background: url(../images/menu/recruit-hover.png) top center no-repeat; }
ul#menu a#navservices.on, ul#menu a#navservices:hover { background: url(../images/menu/services-hover.png) top center no-repeat; }
ul#menu a#navcommercial.on, ul#menu a#navcommercial:hover { background: url(../images/menu/commercial-hover.png) top center no-repeat; }
ul#menu a#navcontact.on, ul#menu a#navcontact:hover { background: url(../images/menu/contact-hover.png) top center no-repeat; }

/*contact us*/

form { width: 430px; margin: 0 0 20px 0; padding: 0; }
fieldset { border: 0; padding: 0; }
legend { display: none; }
input { width: 210px; }
textarea, input#contactemail { width: 280px; }
textarea, input { background: #E6E6E6; border: 0; padding: 2px 4px; margin: 0 0 0px 0; }
input#submit { width: 70px; height: 20px; border: 0; background: none; clear: both; float: none; margin: 0 0 0 -4px; }
form div { clear: both; padding: 0; margin: 0; }
label { padding: 0; margin: 0 0 0 0px; }
/*form div label { float: left; width: 140px; }*/
/*form div input, form div textarea { float: right; text-align: left; margin: -10px 0 0 0; }*/

/*titles*/

#contacttitle, #servicestitle, #recruittitle, #producttitle, #commercialtitle { height: 0; overflow: hidden; padding-top: 21px; margin: 0 0 22px 0; }
#producttitle { background: url(../images/titles/products.gif) top left no-repeat; width: 88px; }
#contacttitle { background: url(../images/titles/contact.gif) top left no-repeat; width: 103px; }
#servicestitle { background: url(../images/titles/services.gif) top left no-repeat; width: 83px; }
#recruittitle { background: url(../images/titles/recruitment.gif) top left no-repeat; width: 120px; }
#commercialtitle { background: url(../images/titles/commercial.gif) top left no-repeat; width: 120px; }

/*headings*/
h1, h2, h3, h4, h5, h6 { color: #59BB0C; margin: 22px 0 0px 0; padding: 0; font-weight: normal; }
h1 { font-size: 24px; color: #92C900; }
h2 { font-size: 20px; }
h3 { font-size: 18px; color: #92C900; margin: 0 0 0 0; }
h4 { font-size: 16px; }
h5 { font-size: 14px; color: #92C900; }
h6 { font-size: 14px; }

small { color: #59BB0C; }
strong { color: #59BB0C; }

/*other stuff*/

p.contactus { text-decoration: underline; color: #59BB0C; }
