/* HRF - GoodWebsites.co.nz - Erwin Raaphorst - 31 March 2010 - v1 */

/* reset */
html{overflow-y:scroll;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,ul,dd,dt,li,table,tbody,td,tfoot,th,thead,tr,
button,del,ins,map,object,a,abbr,acronym,big,cite,code,dfn,em,img,q,small,span,strong,sub,sup,
legend,fieldset,label,input,textarea,select{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img,fieldset{border:0;}
ol,ul,li{list-style:none;}
a{outline:none;}

body, select, input, textarea { font: 76%/1.5 Arial, 'Helvetica Neue', Helvetica, sans-serif; }
select, input, textarea, .wrap { font-size:1em; }
body { background:#f5efe4 url(../bg/bg.png) 0 0 repeat; color:#10232c; text-align:center; }
.wrap { background:url(../bg/shadow-trans.png) 0 0 no-repeat; width:900px; margin:40px auto 0; text-align:left; word-spacing:0.05em; padding:20px; } 
.header { background-color:#fff; overflow:hidden; margin-bottom:20px; }

.main { float:right; }
.main img { margin:0 auto; display:block; border-left:1px solid #9dadba; }
 
/* INNERFADE */
ul#slide { height:288px; width:515px; overflow:hidden; padding:0; position:static!important; margin-bottom:0; }
 
.content { background:#fffaf7 url(../bg/bgcontent.png) top center no-repeat; border:1px solid #5e6f77; overflow:hidden; padding:30px 30px 50px; } 
.footer { background:url(../bg/footer-trans.png) 0 0 no-repeat; height:20px; padding:30px 0 20px 0; text-align:center; font-size:0.9em; overflow:hidden; color:#fff; font-weight:bold; }

p, .content ul, .content ol { margin:0 0 1em; }
.intro { background-color:#f5efe4; font-size:1.1em; padding:20px; line-height:1.3em; margin-bottom:20px; }
 
.logo a { background:url(../img/logo.png) 0 0 no-repeat; height:285px; width:295px; text-indent:-9000px; display:block; float:left; text-decoration:none; margin:3px 0 0 10px; }

a, a:visited { color:#9e0b0f; text-decoration:none; }
a:hover { color:#036; text-decoration:underline; }

/* borders */
.header, .par, .contactform fieldset fieldset { border:1px solid #9dadba; } /* light */
.intro, .par img, .contactform input, .contactform textarea { border:1px solid #10232c; } /* dark */

/* misc */
.end { margin-bottom:17px; }
.fl { float:left; display:block; }
.fr { float:right; display:block; }
.em { font-style:italic; }
.strong { font-weight:bold; }
small { font-size:.9em; } 
big { font-size:2em; }

.par { background:url(../bg/bgpar.png) repeat-y top left; padding:20px; overflow:hidden; width:650px; margin-bottom:10px; position:relative; }
 
.par p { width:380px; padding-right:40px; }
.par img { position:absolute; bottom:20px; right:20px; }

blockquote { background:url(../bg/bgquote.png) 2px 2px no-repeat; padding-left:50px; margin-left:2px; margin-bottom:20px; text-indent:0; height:auto; width:auto; } blockquote em {color:#46769d;margin-top:10px;display:block;} .par blockquote p { width:90%; }

.thanks { padding:5em 0 15em; } 

/* headings */

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; line-height:normal; margin-bottom:10px; }
h1 { font-family:"Arial Black"; font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.2em; font-weight:bold; }
h6 { font-size:1em; text-transform:uppercase; }

.hdretain, .hdfence, .hddeck, .hdmach, .hdtesti { background:url(../bg/sprite.png) 0 0 no-repeat; height:30px; text-indent:-9000px; }
.hdfence { background-position:0 -30px; }
.hddeck { background-position:0 -60px; }
.hdmach { background-position:0 -90px; }
.hdtesti { background-position:0 -120px; }

.hdgal, #myController span, input.submitbttn { background:url(../bg/sprite2.png) 0 0 no-repeat; text-indent:-9000px; height:30px; }

/* jflow */
#myController { overflow:hidden; float:right; margin-top:-30px }
#myController span { background-position:0 -380px; height:10px; width:10px; margin:3px; float:left; display:block; cursor:pointer; overflow:hidden; } #myController span:hover {background-position:0 -390px;} #myController span.jFlowSelected {background-position:0 -370px;}
#jFlowSlide{ border:1px solid #9dadba; border-width:1px 0; padding:10px 0; }

#myController span.jFlowPrev, #myController span.jFlowNext { background-position:0 -120px; display:block; width:13px; height:60px; cursor:pointer;  }
#myController span.jFlowNext { background-position:0 -240px; }
#myController span.jFlowPrev:hover { background-position:0 -180px; }
#myController span.jFlowNext:hover { background-position:0 -300px; }

#myController span.jFlowPrev { position:absolute; left:0; top:110px; }
#myController span.jFlowNext { position:absolute; right:0; top:110px; }

#mySlides { height:202px; width:787px; overflow:hidden; }

/* gallery */

.gal { padding:0 27px; margin:30px 0; position:relative; }

ul.gallery  { margin:0; }
.gallery li { float:left; display:block; margin:0 1px 1px 0; }
.gallery a img, .gallery a { border:none; overflow:hidden; float:left; }
.gallery a:hover { border:2px solid #9e0b0f; }
.gallery a:hover img { margin:-2px; }

/* credit */

.credit a, .credit a:visited {background:url(../img/check.png) left -1px no-repeat; padding-left:17px; color:#fff; text-decoration:none; color:#fff; } .credit a:hover {text-decoration:underline;}
 
/* contact form */

.contactdetails { position:absolute; width:220px; top:90px; right:0; border-left:1px solid #9e0b0f; padding-left:25px; }
.contactform .contactdetails li { float:none; padding-bottom:2px; }
.contactdetails strong { width:20px; float:left; display:block; }

.bdcontact .contactdetails { position:static; margin:40px 0 20px; }

.contactform img.required { margin:0 3px 3px; }
.contactform { float:left; clear:both; padding-right:250px; margin:10px 0 0; border-style:none; overflow:hidden; position:relative; width:590px;  }
.contactform fieldset { margin-top:20px; }
.contactform ol { float:left; clear:left; list-style:none; margin-bottom:0; }
.contactform li { float:left; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:70px; margin-right:12px; padding-top:4px; text-align:right; display:inline-block; }
.contactform label img { position:absolute; left:74px; top:.6em; }  
.contactform input { width:191px; }
.contactform textarea { width:475px; height:10em; overflow:auto; }
.contactform fieldset.contactsubmit  { margin-top:0; }
.contactsubmit { float:none; width:auto; padding:0 0 2em 7em; margin:0; }
.contactform input, .contactform textarea { background-color:#fafafa; padding:3px; }
.contactform input:focus, .contactform textarea:focus { background-color:#fff; border:1px solid #9e0b0f; }

input.submitbttn { background-position:0 -410px; height:30px; width:175px; cursor:pointer; border:none; display:block; }
input:hover.submitbttn { background-position:0 -440px; }
.contactform fieldset fieldset label { float:none; padding:0; width:auto; }
.contactform .qi input { width:auto; margin-right:10px; border:none; background:none;}
.contactform .qi fieldset label { margin-right:10px; }
.contactform fieldset fieldset { float:left; margin-top:2px; background-color:#fafafa; width:460px; padding:5px 10px; }

/* fancy box */
div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:30;}
div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;}
div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(../fancybox/fancy_progress.png) no-repeat;}
div#fancy_outer{position:absolute;top:0;left:0;z-index:90;background:transparent;display:none;margin:0;padding:20px 20px 40px;}
div#fancy_inner{position:relative;width:100%;height:100%;background:#FFF;}
div#fancy_content{z-index:100;position:absolute;margin:0;}
div#fancy_div{background:#000;color:#FFF;height:100%;width:100%;z-index:100;}
img#fancy_img{position:absolute;top:0;left:0;border:0;z-index:100;width:100%;height:100%;margin:0;padding:0;}
div#fancy_close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url(../fancybox/fancy_closebox.png) top left no-repeat;cursor:pointer;z-index:181;display:none;}
#fancy_frame{position:relative;width:100%;height:100%;display:none;}
#fancy_ajax{width:100%;height:100%;overflow:auto;}
a#fancy_left,a#fancy_right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;z-index:111;display:none;background-image:url("data:image/gif;base64,AAAA");outline:none;overflow:hidden;}
a#fancy_left{left:0;}
a#fancy_right{right:0;}
span.fancy_ico{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:112;cursor:pointer;display:block;}
span#fancy_left_ico{left:-9999px;background:transparent url(../fancybox/fancy_left.png) no-repeat;}
span#fancy_right_ico{right:-9999px;background:transparent url(../fancybox/fancy_right.png) no-repeat;}
a#fancy_left:hover,a#fancy_right:hover{visibility:visible;background-color:transparent;}
a#fancy_left:hover span{left:20px;}
a#fancy_right:hover span{right:20px;}
#fancy_bigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
div#fancy_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:70;border:0;margin:0;padding:0;}
div.fancy_bg{position:absolute;display:block;z-index:70;border:0;margin:0;padding:0;}
div#fancy_bg_n{top:-20px;left:0;width:100%;height:20px;background:transparent url(../fancybox/fancy_shadow_n.png) repeat-x;}
div#fancy_bg_ne{top:-20px;right:-20px;width:20px;height:20px;background:transparent url(../fancybox/fancy_shadow_ne.png) no-repeat;}
div#fancy_bg_e{right:-20px;height:100%;width:20px;background:transparent url(../fancybox/fancy_shadow_e.png) repeat-y;}
div#fancy_bg_se{bottom:-20px;right:-20px;width:20px;height:20px;background:transparent url(../fancybox/fancy_shadow_se.png) no-repeat;}
div#fancy_bg_s{bottom:-20px;left:0;width:100%;height:20px;background:transparent url(../fancybox/fancy_shadow_s.png) repeat-x;}
div#fancy_bg_sw{bottom:-20px;left:-20px;width:20px;height:20px;background:transparent url(../fancybox/fancy_shadow_sw.png) no-repeat;}
div#fancy_bg_w{left:-20px;height:100%;width:20px;background:transparent url(../fancybox/fancy_shadow_w.png) repeat-y;}
div#fancy_bg_nw{top:-20px;left:-20px;width:20px;height:20px;background:transparent url(../fancybox/fancy_shadow_nw.png) no-repeat;}
div#fancy_title{position:absolute;z-index:100;display:none;}
div#fancy_title div{color:#FFF;font:bold 12px Arial;white-space:nowrap;padding:0 5px 5px;}
div#fancy_title table{margin:0 auto;}
div#fancy_title table td{vertical-align:middle;padding:0;}
td#fancy_title_left{height:32px;width:15px;background:transparent url(../fancybox/fancy_title_left.png) repeat-x;}
td#fancy_title_main{height:32px;background:transparent url(../fancybox/fancy_title_main.png) repeat-x;}
td#fancy_title_right{height:32px;width:15px;background:transparent url(../fancybox/fancy_title_right.png) repeat-x;}