/* mnm design
   GoodWebsites.co.nz - Erwin Raaphorst - 28.04.10 */

html, body, ol, ul, h1, h2, h3, h4, form, fieldset, img, p, blockquote, label { border:0; margin:0; padding:0; }
body { background:#fff url(../bg/bgtop.png) 0 0 repeat-x; font:76%/1.25 arial, helvetica, sans-serif; color:#424242; text-align:center; min-width:860px; }
html{ overflow-y:scroll; }
a { outline:none; }
p { margin-bottom:15px; }
 
.wrap {
 width:860px;
 margin:0 auto;
 text-align:left;
 word-spacing:0.05em;
 letter-spacing:0;
 line-height:1.4em;
 font-size:1em;
 }

.header { height:190px; padding-top:30px; }

.footer { background-color:#9ecb3b; border-top:1px solid #424242; padding:15px 0 10px; text-align:left; font-size:0.9em; overflow:hidden; clear:both; color:#fff; }

.intro { width:690px; margin-bottom:20px; }
.par { width:540px; margin-bottom:20px; }

.logo, .logo a { width:360px; height:145px; } 
.logo { text-indent:-9000px; background:url(../img/logo.png) no-repeat; margin-bottom:60px; }
.logo a { display:block; } .logo a:hover { background:none; }
 
.feat { background:url(../bg/bgfeat.png) 0 0 repeat-y; color:#fff; overflow:hidden; font-family:"Courier New", Courier, monospace; font-size:1.1em; display:inline-block; margin-bottom:30px; }
.ftone, .ftnews, .ftproject { float:left; width:220px; padding:15px 20px 25px; margin-right:40px; } .ftproject { margin-right:0; }
.ftone h3, .ftnews h3, .ftproject h3 { background:url(../img/hdfeat.png) 0 0 no-repeat; text-indent:-9000px; width:220px; height:40px; }
.ftnews h3 { background-position:0 -40px; } .ftproject h3 { background-position:0 -80px; }

.flash-odd { border-bottom:1px solid #2d2d2d; } .flash-even {border-top:1px solid #656565; padding-top:10px;}

.band { background-color:#9ecb3b; border:1px solid #424242; border-width:1px 0; margin:40px 0; padding:30px 0 40px; }
 
.mainimg { border:1px solid #424242; margin-bottom:30px; }
.ftproject img { border:1px solid #8d8d8d; }

a { color:#8db534; text-decoration:none; } a:visited { color:#8db534; } a:hover { color:#fff; background-color:#9ecb3b; }
.header a, .header a:visited, .footer a, .footer a:visited { color:#fff; }
.header a:hover, .footer a:hover { color:#424242; }

/* kudos */
.kudos { overflow:hidden; margin-bottom:20px; }
blockquote { background:url(../img/quote.png) 0 3px no-repeat; padding-left:45px; margin-bottom:20px; text-indent:0; height:auto; width:350px; } blockquote em {color:#46769d;margin-top:10px;display:block;}

/* gallery */
ul.gallery  { margin:20px 0 0; overflow:hidden; }
.gallery li { float:left; display:block; margin:0 14px 14px 0; }
.gallery li.lst { margin-right:0; }
.gallery a img { display:block; }

.gallery a.lnk, .gallery a.lnk:visited { display:block; font-size:0.9; color:#fff; padding:10px; }
.gallery a.lnk:hover { background-color:#424242; }

.thanks { padding:5em 0 15em; } 
big { font-size:1.2em; margin:10px 0; display:block; }
.fl { float:left; } .fr { float:right; }

/* HEADINGS */
h1, h2, h3, h4 { font-weight:normal; margin-bottom:10px; }
h2 { font-size:1.8em; margin-bottom:20px; }
h3 { font-size:1.6em; } .par h3 { margin-bottom:20px; }
h4 { font-size:1.2em; }
 
/* LISTS */
ol, ul { list-style:none; }
.end { margin-bottom:1em; } 
 
/* credit */
.credit { background:url(../img/check.png) 0 2px no-repeat; padding-left:17px; color:#fff;  }

/* CONTACT FORM */ 
.contactdetailstop { float:right; margin-top:0px; font-size:0.9em; color:#fff; text-align:right; }
.contactdetailstop li { padding:0 28px 2px 0; margin-right:2px;  }
.contactdetailstop .house, .contactdetailstop .phone, .contactdetailstop .email { background:url(../bg/contacttop.png) right 2px no-repeat; }
.contactdetailstop .phone { background-position:right -30px; } .contactdetailstop .email { background-position:right -55px; }

.contactdetails { position:absolute; top:125px; right:0; }
.contactdetails h3 { border-bottom:1px solid #424242; margin:0 0 10px -30px; padding:0 0 10px 3px; }
.contactform .contactdetails li { float:none;  padding:0 0 .3em 28px; margin-left:2px; font-style:italic; }
.contactdetails .house, .contactdetails .phone, .contactdetails .email { background:url(../img/spritewhite.png) 0 2px no-repeat; }
.contactdetails .phone { background-position:0 -30px; } .contactdetails .email { background-position:0 -56px; }

.bdcontact .contactdetails { position:static; margin:40px 0 100px; width:220px;; }

.required { margin-bottom:2px; } 

.contactform img.required { margin:0 3px 3px; }
.contactform { float:left; clear:both; width:568px; padding-right:250px; border-style:none; overflow:hidden; position:relative; }
.contactform fieldset { margin-top:10px; }
.contactform ol { float:left; clear:left; list-style:none; }
.contactform li { float:right; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:60px; margin-right:15px; padding-top:2px; text-align:right; }
.contactform label img { position:absolute; left:68px; top:.6em; }  
.contactform input { width:470px; }
.contactform textarea { width:470px; height:10em; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:1em; }
.contactform fieldset.contactsubmit  { margin:0 0 20px; }
.contactsubmit { float:right; width:auto; padding:0 0 2em 7em; margin:0; }
.contactform input, .contactform textarea { background-color:#f8f8f8; padding:3px; border:1px solid #9ecb3b; -moz-border-radius:3px; -webkit-border-radius:3px;}
.contactform input:focus, .contactform textarea:focus { border:1px solid #424242; }
.contactform .contactsubmit input.submitbttn { background: url(../img/submitbttn.png) 0 0 no-repeat; height:30px; width:140px; cursor:pointer; border:none; display:block; }
.contactform .contactsubmit input:hover.submitbttn { background-position:0 -30px; }

/* sliding boxes */
.boxgrid { width: 275px; height: 140px; float:left; background:#424242; border: solid 1px #8d8d8d; border-width:0 1px 1px; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; left: 0; border-top:1px solid #8d8d8d; }
.boxgrid p{ padding:5px; color:#fff; font-size:0.9em;}

/* 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:block;background-image:url("data:image/gif;base64,AAAA");outline:none;overflow:hidden;}
a#fancy_left{left:0;}
a#fancy_right{right:10px;}
span.fancy_ico{position:absolute;top:80%;margin-top:-15px;width:63px;height:30px;z-index:112;cursor:pointer;display:block;}
span#fancy_left_ico{left:0px;background:transparent url(../fancybox/fancy_left.png) no-repeat;}
span#fancy_right_ico{right:0px;background:transparent url(../fancybox/fancy_right.png) no-repeat;}
a#fancy_left:hover,a#fancy_right:hover{background-color:transparent;}
#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;}