body {
margin: 0;
padding: 0;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4em;
background-color: #e3e4e4;
margin-top: -3px;
background-image: url(../images/bg2.png);
background-repeat: repeat-x;
background-attachment: inherit;
font-weight: 500;}

#body-overlay {
background-image: url(../images/bg-nature.jpg);
background-repeat: no-repeat;
background-position: center 47px;
width: 100%;}

img {  
border-style: none;
}

a:link {color: #000000; 
}

a:hover {color: #000000;
background-color: #8cb218;}

a:visited {color: #000000; 
}

a:visited:hover {color: #000000;
background-color: #8cb218;}

a:active {
color: #000000;
}

a.nohover:hover {
background: none;
border: none;
}


h1 {
color: #4e4e4e;
font-size: 12px;
padding-top: 6px;
padding-bottom: 0px;
padding-left: 30px;
/**background-image: url(../images/header-point.png);
background-repeat: no-repeat;
background-position: +15px 6px;**/}


h2 {
color: #000000;
font-size: 14px;
padding-top: 3px;
padding-bottom: 0px;
padding-left: 16px;
background-image: url(../images/header-point.png);
background-repeat: no-repeat;
background-position: left 6px;}

h3 {
color: #000000;
font-size: 14px;
padding-top: 3px;
padding-bottom: 0px;
padding-left: 16px;
background-image: url(../images/header-point.png);
background-repeat: no-repeat;
background-position: left 6px;}


.hpricing {
color: #8cb218;
font-size: 14px;
margin-left: 15px;}

.p-h {
color: #8cb218;
font-size: 14px;
padding-bottom: 0px;
padding-left: 42px;
margin-top: -6px;
background-image: none;}


#main-header {
width: 100%;
margin-top: 0px;
height: 10px;
}


#container {
width: 910px;
margin-top: 0px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
}

#maincontent {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
background-image: url(../images/bg-trans.png);}

#menu {
position: relative;
height: 0px;
left: 15px;
bottom: 4px;}

#topmain-spacer {
height: 300px;
}


#tab li { 
display: inline; 
list-style-type: none;
}

#tab a:link, #tab a:visited { 
float: left; 
padding: 2px 10px 2px 10px; 
margin-left: -1px; 
border: 1px solid #8cb218; 
text-decoration: none; color: #666;
}

#tab a:link.active, #tab a:visited.active
{ border-bottom: 0px; 
color: #000; 
position: relative; 
top: -3px; 
padding-bottom: 5px;
}

#top-tr {
background-image: url(../images/tr-top.png);
background-repeat: no-repeat;
height: 25px;
margin-bottom: 0px;}



#top-menu-main a:link {
color: #8cb218;
padding: 2px;}

#top-menu-main a:hover {
color: #000000;
background-color: #8cb218;
padding: 2px;
}

#top-menu-main a:visited {
color: #8cb218;
padding: 2px;
}

#top-menu-main a:visited:hover {
color: #000000;
background-color: #8cb218;
padding: 2px;}

#bg-top {
background-image: url(../images/tr-top-shaded.png);
background-repeat: no-repeat;
height: 24px;
margin-bottom: -20px;
background-position: +1px;}

#main-image-home {
background-image: url(../images/pf-background.jpg);
background-repeat: no-repeat;
height: 334px;
margin-top: 0px;}

#picture-flow {
padding-left: 0px;
padding-top: 6px;}

#main-image {
background-image: url(../images/main-image1.jpg);
background-repeat: no-repeat;
height: 334px;
margin-top: -1px;}

#call-to-action {
padding-left: 36px;
padding-top: 248px;}

#spacera {
width: 878px;
margin-top: 20px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
min-height: 71em;
background-image: url(../images/spacer-bg.png);}

#spacerb {
width: 878px;
margin-top: 20px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
min-height: 57em;
background-image: url(../images/spacer-bg.png);
}

#spacerc {
width: 870px;
margin-top: 20px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
min-height: 13em;
}

.spacerd {
width: 870px;
margin-top: 20px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
min-height: 8em;
}

.spacere {
width: 870px;
margin-top: 20px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
min-height: 10em;
}

.spacerf {
width: 870px;
margin-top: 20px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
min-height: 17em;
}

.spacert {
width: 870px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
min-height: 4em;
}

.spaceru {
width: 870px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
min-height: 5.5em;
}

#spacerv {
width: 878px;
margin-top: 20px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
min-height: 98em;
background-image: url(../images/spacer-bg.png);
}

#buffer {
padding-left: 10px;
padding-right: 10px;}

#col1 {
display: inline;
width: 206px;
float: left;
margin-right: 9px;
margin-left: 7px;}


#col2 {
display: inline;
width: 206px;
float: left;
margin-right: 13px;
}


#col3 {
display: inline;
width: 215px;
float: left;
margin-right: 6px;}

#col4 {
display: inline;
width: 215px;
float: left;
}


#col5 {
display: inline;
width: 285px;
float: left;
}



#col6 {
display: inline;
width: 285px;
float: left;
}

#col7 {
display: inline;
width: 285px;
float: left;
}

#col8 {
display: inline;
width: 285px;
float: left;
}

#col9 {
display: inline;
width: 285px;
float: left;
}

#col10 {
display: inline;
width: 285px;
float: left;
}


#col11{
display: inline;
width: 427px;
float: left;
}

#col12 {
display: inline;
width: 427px;
float: left;
}

#box-a {
width: 185px;
margin-left: 0px;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
min-height: 54em;
}


#box-b {
width: 185px;
margin-left: 4px;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
min-height: 54em;
}


#box-c {
width: 185px;
margin-left: 4px;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
min-height: 54em;
}

#box-d {
width: 185px;
margin-left: 4px;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
min-height: 54em;
margin-right: 13px;
}

.box-header {
padding-bottom: 0px;
}

.box-p {
font-size: 11px;
}

.nav-list {
margin-left: 1px;}

.nav-list ul {
list-style: none;
margin: 0;
padding: 0;
}

.nav-list li {
background-image: url(../images/bullet-point.png);
background-repeat: no-repeat;
background-position: left 5px;
padding: 0px 0px 0px 9px;
margin: 0px 0px 0px 0px;
font-size: 10px;}

.nav-list-s {
margin-left: 1px;}

.nav-list-s ul {
list-style: none;
margin: 0;
padding: 0;
}

.nav-list-s li {
background-image: url(../images/bullet-point.png);
background-repeat: no-repeat;
background-position: left 5px;
padding: 0px 0px 0px 9px;
margin: 6px 0px 0px;
font-size: 10px;}

.nav-list-n {
margin-left: 37px;
}

.nav-list-n ul {
list-style: none;
margin: 0;
padding: 0;
}

.nav-list-n li {
background-image: url(../images/bullet-point-two.png);
background-repeat: no-repeat;
background-position: left 5px;
padding: 0px 0px 0px 0px;
margin: 6px 30px 0px 0px;
font-size: 10px;}

.nav-list-r {
margin-left: 1px;}

.nav-list-r ul {
list-style: none;
margin: 0;
padding: 0;
}

.nav-list-r li {
background-image: url(../images/dot-point.png);
background-repeat: no-repeat;
background-position: left 5px;
padding: 1px 0px 0px 15px;
margin: 0px 0px 0px 35px;
}

.nav-list-h {
margin-left: 1px;
margin-bottom: 30px;
margin-top: 10px;}

.nav-list-h ul {
list-style: none;
margin: 0;
padding: 0;
}

.nav-list-h li {
background-image: url(../images/dot-point.png);
background-repeat: no-repeat;
background-position: left 5px;
padding: 1px 0px 0px 15px;
margin: 0px 0px 0px 35px;
font-size: 12px;
}

.nav-h {
padding-left: 36px;
color: #8cb218;
font-weight: bold;
padding-bottom: 6px;}

.lred li {

background-image: url(../images/);
background-repeat: no-repeat;
background-position: left 5px;
padding: 1px 0px 0px 15px;
margin: 0px 0px 0px 35px;
clear: both;}

.clearall {
clear: both;
padding-top: 10px;}

.l-link {
background-image: url(../images/bullet-point-two.png);
background-repeat: no-repeat;
margin-left: 1px;
background-position: left 4px;
margin-top: 10px;
padding-left: 9px;
font-size: 10px;}

.add-on {
margin-left: 1px;
}

.add-on ul {
list-style: none;
margin: 0;
padding: 0;
}

.add-on li {
background-image: url(../images/add-on.png);
background-repeat: no-repeat;
background-position: left 1px;
padding: 0px 0px 0px 15px;
margin: 10px 0px 15px 20px;
font-size: 11px;}

.pricing {
color: #6c6c6c;
font-size: 10px;}



.small {
font-size: 11px;
margin-left: 35px;}

.gst {
color: #000000;
font-size: 11px;
font-weight: normal;}

#bottom-tr {
background-image: url(../images/tr-bottom.png);
background-repeat: no-repeat;
height: 85px;
}

#footer {
text-align: center;
font-size: 11px;
color: #8cb218;
padding-top: 22px;
padding-bottom: 15px;}

#bottom-container {
width: 910px;
margin-top: 0px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
padding-left: 17px;
}

#bottom-menu {font-size: 10px;
text-align: right;
color: #000000;
padding-top: 2px;
padding-right: 45px;}

#bottom-menu a:link {
color: #000000;
}

#bottom-menu a:hover {
color: #000000;
background-color: #8cb218;}

#bottom-menu a:visited {
color: #000000;
}

#bottom-menu a:visited:hover {
color: #000000;
background-color: #8cb218;
}


#copyright {
text-align: left;
font-size: 10px;
margin-top: 2px;
color: #000000;
padding-left: 2px;
float: left;
}

.p-bg {
font-size: 11px;
margin-left: 38px;
margin-top: 30px;
min-height: 24em;
}


.scroll {
height: 170px;
overflow: auto;}


.p-bg-f {
margin-left: 38px;
margin-top: 0px;
}

.l-p {
margin-left: 20px;
margin-top: 0px;
margin-right: 20px;
width: 200px;
border: 4px #ffffff solid;
height: 239px;}

.l-p:hover {
border: 4px #8cb218 solid;
cursor: pointer;
height: 239px;}

.r-p {
float: right;
width: 498px;
margin-top: -238px;
padding-right: 60px;}


.t-p1 {
width: 200px;
border: 2px #cccccc solid;
height: 239px;
margin-left: 33px;}

.t-p1:hover {
border: 2px #8cb218 solid;
cursor: pointer;
height: 239px;}


.phe {
font-size: 13px;
color: #8cb218;
display: block;
margin-bottom: 10px;
font-weight: bold;}


#padding-s {
padding-left: 10px;
padding-right: 10px;}


/**** Contact Form ****/

#multi-bg {
background-color: #8cb218;
margin-right: 20px;
margin-top: 22px;
margin-left: 15px;
border-left: 1px #a6d31d solid;
border-right: 1px #a6d31d solid;
border-bottom: 1px #a6d31d solid;
background-image: url(../images/multi-background.png);
background-repeat: repeat-y;
font-size: 11px;
margin-bottom: 20px;}

#white-bg {
background-color: #ffffff;
margin-right: 50px;
margin-left: 50px;
margin-bottom: -25px;
padding-bottom: 15px;
padding-top: 10px;
margin-top: -4px;}


#padding {
padding-left: 60px;
padding-right: 60px;}


.sp {
padding-left: 15px;
}


label  {
    font-weight: normal;
    line-height: normal;
    text-align: left;
    }
    
input.formInputText  {
    font-size: 11px;
    color: #666;
    background-color: #fff;
    padding: 2px;
    border: solid 1px #8cb218;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 16px;
    }
    
input.formInputText:hover {
	background-color: #fff;
	border: solid 1px #000;
	color: #000;
	cursor: pointer;
	}
	
input.formInputText:focus {
	color: #000;
	background-color: #fff;
	border: solid 1px #000;
	cursor: text;
	}
    
select.formSelect  {
	font-size: 11px;
    color: #666;
    background-color: #ffffff;
    padding: 2px;
    border: solid 1px #8cb218;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;}

select.formSelect:hover  {
	color: #000;
	background-color: #fff;
	border: solid 1px #000;
	}
	
select.formSelect:focus  {
	color: #000;
	background-color: #fff;
	border: solid 1px #000;
	}	
	
textarea.formInputarea  {
    font-size: 11px;
    color: #666;
    background-color: #fff;
    padding: 2px;
    border: solid 1px #8cb218;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 135px;
    }
    
textarea.formInputarea:hover {
	background-color: #fff;
	border: solid 1px #000;
	color: #000;
	cursor: pointer;
	}
	
textarea.formInputarea:focus {
	color: #000;
    background-color: #fff;
	border: solid 1px #000;
	cursor: text;
	}
	
input.formInputButton   {
	font-size: 11px;
	vertical-align: middle;
	text-align: center;
	color: #000;
	background: #f4f4f4 url(../images/bg_button.png) repeat-x;
	padding: 3px;
	border: solid 1px #8cb218;
	cursor: pointer;
margin-left: 16px;
margin-top: 8px;
margin-bottom: 30px;}
	
input.formInputButton:hover   {
	background-image: url(bg_button.png);
	border: solid 1px #000;}
	
input.formInputButton:active   {
	background-image: url(bg_button.png);
	}
	

.contact-list {
margin-left: 6px;}

.contact-list ul {
list-style: none;
margin: 0;
padding: 0;
}

.contact-list li {
background-image: url(../images/bullet-point-two.png);
background-repeat: no-repeat;
background-position: left 5px;
padding: 0px 0px 0px 10px;
margin: 10px 0px 10px 0px;
font-size: 11px;}

.quote {
background-color: #ffffff;
border: 1px #8cb218 solid;
padding: 2%;
margin-left: 4px;
margin-right: 4px;
height: 9.5em;
font-style: italic;
margin-top: 25px;}

.qstart {
     float: left;
     padding-top: 0px;
 }

 .qend {
     float: right;
     margin-top: -20px;
}