/* Health and Safety Worx - 29 June 2009 - v1
   Good Websites - Erwin Raaphorst // studio@goodwebsites.co.nz */

/* BASE */

html { overflow-y:scroll; } /* scrollbar FF */
html, body, div, blockquote, img, label, p, h1, h2, h3, h4, ul, ol, li, form, a, fieldset, input, th, td { margin:0; padding:0; border:0; }
body { background:#4c575f url(../bg/bg.png) 0 0 repeat-x; font:76%/1.5 arial, helvetica, sans-serif; color:#3c464e; text-align:center; min-width:960px; }

a { outline:none; }
ul, li { list-style:none; }
p, ul { padding:0.5em 0; }
.box p, .floatbox p { padding-bottom:0; }

/* STRUCTURE */

.wrap { width:960px; margin:20px auto 0; text-align:left; font-size:1em; word-spacing:0.05em; letter-spacing:0; overflow:hidden; position:relative;  
 border:1px solid #f00; }/* pos rel for pos nav */

.header { background-color:#fdff1f; height:113px; }
.content { background:url(../bg/bgstripetop.png) 0 0 repeat-x; overflow:hidden; padding:30px 30px 0; background-color:#fff; height:1%; }
.article { float:left; width:590px; }
.aside { float:right; width:260px; padding-top:65px; } /* 320 */
.bdhome .aside { padding-top:310px; }
 
.footer { background:url(../bg/bgfooter.png) 0 0 repeat-x; height:40px; padding:50px 20px 0; font-size:0.9em; clear:both; }
.footer p, .footer ul { padding:0; }
.contactfooter li { display:inline; }

.floatbox { background:url(../bg/bgasidefloat-trans.png) 0 0 no-repeat; height:360px; width:210px; padding:10px 30px; position:absolute; top:234px; right:20px; z-index:1000; }
.box { background:#ededed url(../bg/bgbox.png) 0 0 repeat-x; width:220px; border:1px solid #b5bdc8; padding:10px 20px 20px; margin-bottom:40px; }
.aside img { border:1px solid #b5bdc8; }

ul.contactaside { margin:-25px 20px 0 0; text-align:right; color:#5e6f77; }
.bdhome .contactaside { margin-top:20px; }

.phone, .email, .address { background:url(../img/contacticons.png) right 4px no-repeat; padding-right:25px; }
.email { background-position:right -26px; } 
.address { background-position:right -58px; }

blockquote, .block { background:#f8f8f8 url(../bg/bgquote.png) 0 0 repeat-x; border:1px solid #e9edf3; padding:20px; margin:10px 20px; color:#5e6f77; }
blockquote p.client { font-style:italic; }

.linklove li { margin-bottom:10px; } .linklove p { padding-top:5px; }

/* NAV */

ul.nav { padding:0; }

.nav { float:right; text-transform:uppercase; }
.nav li { background:url(../bg/bgnav.png) 0 0 repeat-x; float:left; text-align:right; border-left:1px solid #f00; height:113px; }
.nav a, .nav a:visited { float:left; padding:10px 16px 5px; height:93px; display:block; text-decoration:none; font-size:1em; color:#333; }
.nav a.aboutid, .nav a.safmanid, .nav a.hazid, .nav a.softwareid, .nav a.testiid, .nav a.contactid, .nav a.homeid { background:url(../bg/navicons.png) right 0 no-repeat; }
.nav a.safmanid { background-position: right -100px; }
.nav a.hazid { background-position: right -200px; }
.nav a.softwareid { background-position: right -300px; }
.nav a.testiid { background-position: right -400px; }
.nav a.homeid { background-position: right -500px; }
.nav a.contactid { background-position: right -600px; }

.nav a:hover.aboutid, .bdabout .nav a.aboutid { background-position:right -700px; color:#c00; }
.nav a:hover.safmanid, .bdsafman .nav a.safmanid { background-position: right -800px; color:#c00; }
.nav a:hover.hazid, .bdhazid .nav a.hazid { background-position: right -900px; color:#c00; }
.nav a:hover.softwareid, .bdsoftware .nav a.softwareid { background-position: right -1000px; color:#c00; }
.nav a:hover.testiid, .bdtesti .nav a.testiid { background-position: right -1100px; color:#c00; }
.nav a:hover.homeid, .bdhome .nav a.homeid { background-position: right -1200px; color:#c00; }
.nav a:hover.contactid, .bdcontact .nav a.contactid { background-position: right -1300px; color:#c00; }

/* LOGO */

.logo { background:url(../img/logo.png) 0 0 no-repeat; height:100px; width:187px; text-indent:-9000px; float:left; margin:10px 0 0 20px; display:inline; } /* ie6 */
.logo a { height:100px; width:187px; display:block; }
.logo a:hover { background:none; }

/* MAIN IMAGE */

.main img { border:1px solid #f00; border-width:1px 0; display:block; }

/* INNERFADE */

ul#slide { height:192px; width:960px; overflow:hidden; padding:0; position:static!important; }

/* MISC */

.end { margin-bottom:1em; }
.intro { font-size:1.2em; line-height:1.4em; }
big { font-size:1.4em; }
small, .note { font-size:.9em; } .note { color:#5E6F77; }
em { background-color:#eef2f7; font-style:normal; }
.flr { float:right; margin:10px; }

/* LINKS */

.content a, .footer a, .content a:visited, .footer a:visited { color:#900; }
.content a:hover, .footer a:hover { color:#fff; background-color:#900; text-decoration:none; }

a.booknow { background:#f0f0f0 url(../img/booknow.png) 0 0 no-repeat; height:40px; width:200px; display:block; text-indent:-9000px; margin:10px 0; }
a:hover.booknow { background-position:0 -40px; background-color:#f0f0f0; }

/* HEADINGS */

h1, h2, h3, h4, h5, h6 { font-weight:normal; line-height:normal; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; text-transform:uppercase; color:#900; border-bottom:1px solid #b5bdc8; margin-top:20px; }
.box h3, .floatbox h3 { font-size:1.7em; padding:10px 0 5px; margin:0;  }
.cando h3 { text-transform:none; padding-bottom:5px; margin:0; text-align:right; }
h4 { font-size:1.2em; }
.aside h4 { font-size:0.8em; text-align:right; color:#636d76; margin-bottom:40px; text-transform:uppercase; }
.contactaside h4 { font-size:1.2em; font-weight:normal; display:inline-block; border-bottom:1px solid #5e6f77; padding-bottom:2px; margin-bottom:5px; }

.hdhsw, .hdabout, .hdsafman, .hdhazid, .hdsoftware, .hdtesti, .hdconsult, .hdcontact { background:url(../img/hd.png) 0 0 no-repeat; text-indent:-9000px; height:60px; width:auto; border-bottom:1px solid #c00; padding-bottom:5px; }
.hdhsw { height:110px; }
.hdabout { background-position:0 -120px; }
.hdsafman { background-position:0 -180px; }
.hdhazid { background-position:0 -240px; }
.hdsoftware { background-position:0 -300px; }
.hdtesti { background-position:0 -360px; }
.hdconsult { background-position:0 -420px; }
.hdcontact { background-position:0 -480px; }

/* LISTS */

.bullet li { background:url(../img/bullet.png) no-repeat 0 0.6em; padding-left:1em; }
.bullet_sq li { background:url(../img/bullet_sq2.png) no-repeat 0 0.45em; padding-left:1.1em; margin-bottom:3px; }

.cando { margin:0 20px 0 20px; }
.cando li { margin-bottom:5px; font-size:1.2em; text-align:right; border-bottom:1px dotted #b5bdc8; }
.cando .bullet li { background-position:right 0.6em; padding:0 1em 10px 0; }
.cando a { text-decoration:none; }

/* WEB CREDIT */ .credit{padding:20px 0;} .credit a, .credit a:visited{background:url(/img/check.png) left 0.1em no-repeat;padding-left:1.5em;color:#ff0;text-decoration:none;font-size:0.9em;} .credit a:hover{color:#f60;}

/* CONTACT FORM */

.contactform { width:auto; }

.contactform fieldset { float:left; clear:left; width:100%; border-style:none; margin-top:10px; }
.contactform fieldset ol { float:left; clear:left; list-style:none; }
.contactform fieldset li { float:left; clear:left; width:100%; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:6em; margin-right:1em; }
.contactform label img { position:absolute; left:5.7em; top:0.5em; }  
.contactform .contactsubmit { float:none; width:auto; padding-left:7em; }
.contactform input { width:24em; }
.contactform textarea { width:26.2em; height:9em; font-family:arial, helvetica, sans-serif; font-size:1em; overflow:auto; }
.contactform input, .contactform textarea { border:1px #323341 solid; padding:3px; }
.contactform input:focus, .contactform textarea:focus { border-color:#c00; }
.contactsubmit input { width:auto; margin-right:10px; background: #e5e5e5; cursor:pointer; padding:3px 15px; border:1px #323341 solid; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size:1.2em; }
.contactsubmit input:hover { color:#fff; background-color:#c00; }

input.checkbox { width:auto; margin:0 5px 0 6.7em; border:none; }