@charset "utf-8";
/* CSS Document */

body {
margin:0px;
background-color:#FAFAFA;
height:1000px;
}

/* ---------------- text and headings --------------------------*/

td, p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.black11 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.breadcrumb {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#c9c9c9;
vertical-align:bottom;
padding-left:35px;
}

.smallgrey {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#c9c9c9;
padding-left:35px;
}

.heading {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#669933;
padding-bottom:20px;
}

.brownheading {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#502805;
}

.subheading {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#669933;
}

.brownsubheading {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#502805;
}


.green14 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#669933;
}

/* -------------------- slider -------------------------------*/

div#slider { 
width:400px;
height:250px;
overflow:hidden;
position:relative;
}

#slider ul, #slider li {
margin:0px;
padding:0px;
list-style:none;
}

#slider li{ 
width:400px;
height:250px;
overflow:hidden;
position:relative;
}	

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0px;
padding:0px;
display:block;
overflow:hidden;
text-indent:-8000px;
}


/* -------------------- structure -------------------------------*/

.headcell {
width:900px;
background-image:url(images/swoosh.jpg);
background-repeat:no-repeat;
background-position:0px 66px;
background-color:#FFFFFF;
vertical-align:top;
height:208px;
}

.logo {
padding-left:20px;
width:300px;
}

#logo {
position:relative;
top:20px;
}

.menucell {
vertical-align:top;
padding-top:22px;
color:#669933;
}

#header {
position:relative;
top:0;
left:0;
}

#strapline {
position:absolute;
top:110px;
right:0px;
z-index:100;
}

.strapline {
padding-top:55px;
padding-right:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#669933;
}

.maincell {
background-color:#FFFFFF;
vertical-align:top;
height:388px;
background-repeat:no-repeat;
background-position:bottom right;
}

.maincellwaiheke {
background-color:#FFFFFF;
vertical-align:top;
padding-bottom:30px;
height:388px;
background-image:url(images/litehouse_waiheke_bg.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}

.quadlogo {
padding-right:30px;
width:200px;
vertical-align:top;
}

.column1 {
padding-left:35px;
padding-top:10px;
padding-bottom:25px;
vertical-align:top;
width:400px;
}

.column2 {
padding-left:21px;
padding-right:25px;
padding-top:20px;
vertical-align:top;
}

.column1internal {
padding-left:35px;
padding-top:10px;
vertical-align:top;
width:565px;
}

.columnsingle {
padding-left:35px;
padding-top:10px;
vertical-align:top;
width:100%;
}

.copy {
padding-right:20px;
vertical-align:top;
}

.progress {
padding-top:88px;
}

.titlebarblog {
height:39px;
background-image:url(images/titlebar.jpg);
background-repeat: no-repeat;
padding-left:185px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#669933;
}

.titlebar {
height:39px;
background-image:url(images/titlebar_home_news.jpg);
background-repeat: no-repeat;
padding-left:185px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#669933;
}


.titlebarbox {
background-image:url(images/box_gradient.gif);
background-repeat:repeat-x;
width:391px;
border:1px solid #e1e1e1;
}

.imgborder {
border:2px solid #FFFFFF;
}

.progimgpad {
padding:12px;
}

.progtext {
vertical-align:top;
padding-top:10px;
padding-right:30px;
}

#imgLeft {
float:left;
width:144px;
vertical-align:top;
clear:both;
}

#textRight {
float:left;
width:380px;
vertical-align:top;
margin-left:10px;
padding-bottom:20px;
}

/* ---------------- links --------------------------*/

a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#669933;
text-decoration:none;
}

a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#669933;
text-decoration:none;
}

a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#502805;
text-decoration:none;
}

a.menu:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#502805;
text-decoration:none;
}

a.menu:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#502805;
text-decoration:none;
}

a.menu:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#669933;
text-decoration:none;
}

a.linkbox:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#502805;
text-decoration:none;
line-height:18px;
}

a.linkbox:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#502805;
text-decoration:none;
line-height:18px;
}

a.linkbox:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#669933;
text-decoration:none;
line-height:18px;
}

a.subheadinglink:link {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#669933;
font-weight:normal;
}

a.subheadinglink:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#669933;
font-weight:normal;
}

a.subheadinglink:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#502805;
font-weight:normal;
}

a.headinglink:link {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#669933;
padding-bottom:20px;
font-weight:normal;
}

a.headinglink:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#669933;
padding-bottom:20px;
font-weight:normal;
}

a.headinglink:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#502805;
padding-bottom:20px;
font-weight:normal;
}


/* ---------------- backgrounds and shadows --------------------------*/

.gradient {
background-image:url(images/bg_gradient.gif);
background-repeat:repeat-x;
}

.shadowtopleft {
width:14px;
height:208px;
background-image:url(images/shadow_top_left.gif);
background-repeat:repeat-y;
}

.shadowtopright {
width:14px;
height:208px;
background-image:url(images/shadow_top_right.gif);
background-repeat:repeat-y;
}

.shadowleft {
width:14px;
background-image:url(images/shadow_left.gif);
background-repeat:repeat-y;
}

.shadowright {
width:14px;
background-image:url(images/shadow_right.gif);
background-repeat:repeat-y;
}

.shadowbtmleft {
width:14px;
height:14px;
background-image:url(images/shadow_btm_left.gif);
background-repeat:no-repeat;
}

.shadowbtmright {
width:14px;
height:14px;
background-image:url(images/shadow_btm_right.gif);
background-repeat:no-repeat;
}

.shadowbtm {
height:14px;
background-image:url(images/shadow_btm.gif);
background-repeat:repeat-x;
}

#shade1 {
border:1px solid #f5f5f5;
border-top:none;
margin:0px;
width:250px;
}

#shade2 {
border:1px solid #e9e9e9;
border-top:none;
margin:0px;
}

#shade3 {
border:1px solid #dbdbdb;
border-top:none;
margin:0px;
}

#linkbox {
background-image:url(images/links_bg.jpg);
background-repeat:repeat-x;
background-color:#f7f7f7;
padding:14px;
vertical-align:top;
margin:0px;
}

#linkboxscroll {
background-image:url(images/links_bg.jpg);
background-repeat:repeat-x;
background-color:#f7f7f7;
padding:14px;
vertical-align:top;
margin:0px;
height:100px;
overflow: auto; 
}

#box1 {
border:1px solid #f5f5f5;
margin:0px;
width:250px;
}

#box1a {
border:1px solid #f5f5f5;
margin:0px;
}

#box144 {
width:144px;
border:1px solid #f5f5f5;
margin:0px;
}

#box2 {
border:1px solid #e9e9e9;
margin:0px;
}

#box3 {
border:1px solid #dbdbdb;
margin:0px;
}

#pad2 {
padding:2px;
height:auto;
}


/* ----------box shadows ----------*/

.boxshadowtopleft
{
background-image:url(images/box_shadow_top_left.gif);
background-repeat:no-repeat;
width:7px;
height:7px;
}

.boxshadowtop
{
background-image:url(images/box_shadow_top.gif);
background-repeat:repeat-x;
height:7px;
}

.boxshadowtopright
{
background-image:url(images/box_shadow_top_right.gif);
background-repeat:no-repeat;
width:7px;
height:7px;
}

.boxshadowleft
{
background-image:url(images/box_shadow_left.gif);
background-repeat:repeat-y;
width:7px;
}

.boxshadowright
{
background-image:url(images/box_shadow_right.gif);
background-repeat:repeat-y;
width:7px;
}

.boxshadowbtmleft
{
background-image:url(images/box_shadow_btm_left.gif);
background-repeat:no-repeat;
width:7px;
height:7px;
}

.boxshadowbtm
{
background-image:url(images/box_shadow_btm.gif);
background-repeat:repeat-x;
height:7px;
}

.boxshadowbtmright
{
background-image:url(images/box_shadow_btm_right.gif);
background-repeat:no-repeat;
width:7px;
height:7px;
}

/*---------- images ----------------*/

img {
border:0px;
}



