/* Advanced Vision - GoodWebsites.co.nz - Erwin Raaphorst - 01.06.2010 */

/* 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.35 Georgia, "Times New Roman", Times, serif }
.wrap { font-size:1.2em; }
select, input, textarea { font-size:1em; font-style:italic; color:#333; }
body { background:#090909 url(../bg/bg.png) top center repeat; color:#ebf1f5; text-align:center; min-width:908px; /* check if needed */ }

.main li, .footer, .contactdetails li, .links a, .links a:visited { font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:0.9em;  }

.wrap { width:908px; margin:25px auto 0; text-align:left; word-spacing:0.05em;}
.main { background:url(../bg/bgmain.png) 0 0 no-repeat; margin:10px auto 30px; width:800px; height:160px; padding:20px; }
.main img { display:block; } /* ff */
.main ul { float:right; } 
.main li a, .main li a:visited {background:url(../bg/bgli.png) 0 0 no-repeat; padding:0 10px;width:138px;height:20px;line-height:20px;color:#3a5f4b; margin-bottom:8px; display:block; text-decoration:none; }
.main li a:hover { background-position:0 -20px; color:#fff; }
 
.contenttop { background:url(../bg/bgcontenttop.png) top center no-repeat; height:24px; }
.content { background:url(../bg/bgcontent.png) top center repeat-y; padding:0 34px; overflow:hidden; }

.partop { background:url(../bg/bgpartop.png) top center no-repeat; height:10px; }
.par { background:#6a8f7b url(../bg/bgparbottom.png) bottom center no-repeat; padding:10px 20px 20px; margin-bottom:20px; overflow:hidden; }
.par-alt { background:#6a8f7b url(../bg/bgparbottom-l.png) bottom center no-repeat; text-align:right; }

.sidebartop { background:url(../bg/bgsidebar.png) 0 0 no-repeat; height:20px; }
.sidebar { background:#96b2a3 url(../bg/bgsidebarbottom.png) bottom right no-repeat; padding-bottom:20px; }
.bdcontact .sidebar { margin-bottom:40px }

.sidebar { width:200px; padding:0 20px 20px; float:right; }

.footer { background:url(../bg/bgcontentbottom.png) no-repeat; height:20px; padding:40px 0; text-align:center; color:#96b2a3; overflow:hidden; font-size:0.7em; }

p, .content ul, .content ol { margin:0 0 15px; }
.nom { margin:0; }

.bullet li { list-style:disc outside; padding-left:1px; margin-left:16px;}
.numbered li { list-style:decimal outside; padding-left:3px; margin-left:20px; }

.intro { padding:0 20px; font-style:italic; width:640px; margin-bottom:30px; }
.intro p { margin-bottom:15px; } 
 
.logo a { background:url(../img/logo.png) 0 0 no-repeat; height:90px; width:520px; text-indent:-9000px; display:block; margin:20px auto 0; text-decoration:none; }

a, a:visited {color:#fff;} a:hover {color:#f7e985;}
 
/* contact details */
.contactdetails { padding:115px 0 12px; } .bdcontact .contactdetails { padding:20px 0 12px; }
.contactdetails li { float:none; padding:0 0 2px 35px; color:#333; }
.contactdetails img { margin-top:8px; }

.tv, .email, .phone, .hdhills, .links a { background:url(../img/sprite2.png) 0 8px no-repeat; }
.hdhills { background-position:0 -150px; text-indent:-9000px; height:40px; width:210px; }
.phone { background-position:0 -95px; }
.email { background-position:0 -50px; }

.contactdetails li.tv, .contactdetails li.email { border-bottom:1px solid #d9ebe2; padding-bottom:10px; margin-bottom:10px; }

.contactdetails a, .contactdetails a:visited { color:#333; text-decoration:none; } .contactdetails a:hover { color:#c00; }

.links a, .links a:visited { background-position:0 -200px; height:20px; width:170px; display:block; color:#266b46; text-decoration:none; padding-left:30px; margin-bottom:10px; }
.links a:hover { color:#333; background-position:0 -220px; }


/* misc */
.end {margin-bottom:1em;}
.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;}
blockquote { border-left:4px solid #c8d4d3; color:#c8d4d3; padding:0 10px; margin-left:2px; margin-bottom:20px; }

.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, h2 {font-size:1.8em; font-weight:bold; } h3 {font-size:1.1em; font-style:italic;} h4 {font-size:1.4em;} h5, .contactdetails strong {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}
h1 span, h4 span { font-style:normal; }
.sidebar h4 { color:#d9ebe2; font-style:italic; }
h4 span { font-weight:bold; }
.par h2 span, .contactform h2 { background:#96b2a3 url(../bg/bghd-r.png) right 0 no-repeat; height:50px; float:left; display:block; line-height:50px; padding-right:20px; font-style:italic; } .contactform h2 { background:none; }
.par h2 { background:url(../bg/bghd-l.png) left 0 no-repeat; padding-left:20px; height:50px; }
.par-alt h2 { float:right; }
.par-alt p { clear:right; } .contactform p { clear:both; }
.parlast { margin-bottom:60px; }

/* credit */
.credit { background:url(../styles/img/check.png) left 3px no-repeat; padding-left:17px;}
.credit a, .credit a:visited { text-decoration:none; color:#96b2a3; }
.credit a:hover { color:#c00; }

/* contact form */
.contactform img.required { margin:0 3px 3px; }
.contactform { float:left; clear:both; width:520px; overflow:hidden; position:relative; font-style:italic; }
.contactform fieldset { margin-top:20px; width:480px; }
.contactform ol { float:left; clear:left; list-style:none; margin:0; }
.contactform li { float:left; margin-bottom:10px; width:480px;}
.contactform label { position:relative; float:left; width:65px; padding-top:4px; text-align:right; display:inline-block; text-transform:lowercase; font-style:italic; }
.contactform label img { position:absolute; left:70px; top:.6em; }  
.contactform input { width:390px; }

.contactform textarea { width:390px; height:10em; overflow:auto; }
.contactform fieldset.contactsubmit  { margin-top:0; width:480px; }
.contactsubmit { float:none; width:auto; padding:0 0 2em 0; margin:0; }
.contactform select { padding:2px; }
.contactform .contactsubmit input.submitbttn { background:url(../img/bttn.png) 0 0 no-repeat; height:30px; width:120px; cursor:pointer; border:none; text-indent:-9000px; }
.contactform .contactsubmit input:hover.submitbttn { background-position:0 -30px; }

.contactform input { background:url(../bg/bginput.png) 0 0 no-repeat; height:30px; width:380px; border:none; padding:0 10px; float:right; line-height:28px; }
.contactform textarea { background:none; height:130px; width:375px; border:none; float:right; padding-right:5px; margin:10px 5px 10px 10px; }
.bgtxt { background:url(../bg/bgtextarea.png) right top no-repeat; height:150px; }

