/* ------------------------------ */
/*                                */
/*   Styles for... All Browsers   */
/*                                */
/* ------------------------------ */


/* =================================================== */
/* CLEAR TAGS  */
/* =================================================== */

body, h1, h2, h3, h4, h5, h6, p, form, blockquote {
	padding: 0;
	margin: 0;
	}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
	}

a {
	text-decoration: none;
	}

a img {
	border: none;
	}

ul, ol {
	margin-left: 0px;
	padding-left: 0px;
	}

ul {
	margin-left: 15px;
	padding-left: 0px;
	}


/* =================================================== */
/* GENERAL  */
/* =================================================== */


	
body {
	background-color: #d8e7e1;
	color: #000;
	font-family: arial narrow;
	padding-top: 15px;
	background-image: url(http://www.verda.co.nz/templateimages/bg-body.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	}

#wrapper {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	}

#main {
	vertical-align: top;
	width: 100%;
	}

#content {
	vertical-align: top;
	width: 100%;
	padding: 0 0 0 0;
	background-color: #fff;
	}

#content, #content td {
	font-size: 11px;
	}

#printlogo {
	display: none;
	}
	
code {
	font-weight: bold;
	font-family: courier new;
	color: #ff3300;
	}

h1 {
	margin-bottom: .25em;
	margin-top: -5px;
	font-size: 30px;
	color: #00391f;
	font-family: arial narrow;
	font-weight: normal;
	}

h2, h3, h4 {
	margin-top: 0;
	margin-bottom: 0;
	}

h2 {
	font-size: 16px;
	color: #00391f;
	font-family: arial narrow;
	font-weight: normal;
	}

h3 {
	font-size: 11px;
	color: #00391f;
	font-family: arial narrow;
	font-weight: bold;
	}

h4 {
	font-size: 11px;
	color: #fff;
	font-family: arial narrow;
	font-weight: bold;
	background-color: #00391f;
	padding: 2px 2px 3px 5px;
	}

p {
	margin-bottom: 1.25em;
	}

#footer {
	width: auto;
	}

.bgreen, .bgraised, .bgfence, .bgbalust, .bgdeck, .bgsustain, .bgsustainb, .bgsustainc, .bgsustaind, .bginspir, .bginnov, .bgherb, .bginnovres, .bgverda {
	width: 100%;
	background-color: #00391f;
	text-align: left;
	vertical-align: bottom;
	background-image: url(http://www.verda.co.nz/templateimages/home-1.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	}

.bgraised {
	background-image: url(http://www.verda.co.nz/templateimages/raised-1.jpg);
	}

.bgfence {
	background-image: url(http://www.verda.co.nz/templateimages/prod-fence1.jpg);
	}

.bgbalust {
	background-image: url(http://www.verda.co.nz/templateimages/prod-balust1.jpg);
	}

.bgdeck {
	background-image: url(http://www.verda.co.nz/templateimages/prod-deck1.jpg);
	}

.bgsustain {
	background-image: url(http://www.verda.co.nz/templateimages/sustain-1.jpg);
	}

.bginspir {
	background-image: url(http://www.verda.co.nz/templateimages/inspir-sources1.jpg);
	}

.bginnov {
	background-image: url(http://www.verda.co.nz/templateimages/innov-expos-1.jpg);
	}

.bgherb {
	background-image: url(http://www.verda.co.nz/templateimages/prod-raisd-herb1.jpg);
	}

.bgsustainb {
	background-image: url(http://www.verda.co.nz/templateimages/sustain-2.jpg);
	}

.bgsustainc {
	background-image: url(http://www.verda.co.nz/templateimages/sustain-3.jpg);
	}

.bgsustaind {
	background-image: url(http://www.verda.co.nz/templateimages/sustain-4.jpg);
	}

.bginnovres {
	background-image: url(http://www.verda.co.nz/templateimages/innov-resea-1.jpg);
	}

.bgverda {
	background-image: url(http://www.verda.co.nz/templateimages/verda-1.jpg);
	}

.bgreen a, .bgraised a, .bgfence a, .bgbalust a, .bgdeck a, .bgsustain a, .bginspir a, .bginnov a, .bgherb a,
.bgsustainb a, .bgsustainc a, .bgsustaind a, .bginnovres a, .bgverda a {
	font-family: arial narrow;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #eaf3f0;
	}

.bgreen a:hover, .bgraised a:hover, .bgfence a:hover, .bgbalust a:hover, .bgdeck a:hover, .bgsustain a:hover, .bginspir a:hover, .bginnov a:hover, .bgherb a:hover, .bgsustainb a:hover, .bgsustainc a:hover, .bgsustaind a:hover, .bginnovres a:hover, .bgverda a:hover {
	color: #fff;
	}

.topstrip {
	background-color: #adcec3;
	background-image: url(http://www.verda.co.nz/templateimages/bg-strip.gif);
	background-position: top right;
	background-repeat: repeat-x;
	height: 18px;
	width: 100%;
	border-bottom: solid #fff 11px;
	padding: 4px 0 0 0;
	vartical-align: bottom;
	font-family: arial narrow;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	}

.topstrip a {
	text-decoration: none;
	color: #013920;
	}

.topstrip a:hover {
	color: #2d7458;
	}

.headertext {
	font-size: 60px;
	color: rgba(225, 225, 225, 0.75);
	
	Filter: Alpha(Opacity=75, FinishOpacity=75, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);
	-moz-opacity: 75%;

	width: auto;
	text-align: left;
	padding: 0 0 0 0;
	}

.headertext div {
	width: auto;
	padding: 0 0 29px 52px;
	}

.headernav {
	padding: 0 0 3px 0;
	}

.headernav a {
	padding: 0 8px 0 0;
	}

.homebox {
	text-align: center;
	}

.homecellone {
	padding-right: 3px;
	}

.homecelltwo {
	padding-right: 3px;
	}

.homecellthree {
	padding-right: 3px;
	}

.homecellfour {}

.hometext {
	padding: 10px 16px 5px 16px;
	text-align: left;
	font-size: 11px;
	}

body .hometext p {
	font-size: 12px;
	}

.homemidnav td {
	 width: auto;
	 background-color: #98c2b4;
	 text-align: center;
	 }

.homemidnav td a {
	font-family: arial narrow;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #013920;
	}

.homemnone {
	border-right: solid #fff 2px;
	}

.homemnone a, .homemnlast a {
	display: block;
	width: auto;
	background-color: #98c2b4;
	padding: 3px;
	}

.homemnone a:hover, .homemnlast a:hover {
	background-color: #bad4cb;
	}

.homemnlast {
	}

.homemidpics td {
	text-align: center;
	vertical-align: top;
	padding: 8px 0 10px 0;
	}

.homend {
	padding: 0 10px 0 0;
	}

.leftside {
	background-color: transparent;
	background-image: url(http://www.verda.co.nz/templateimages/bg-rightnew.png);
	background-position: top right;
	background-repeat: no-repeat;
	}

.baseside {
	background-color: transparent;
	background-image: url(http://www.verda.co.nz/templateimages/bg-basenew.png);
	background-position: top left;
	background-repeat: no-repeat;
	}

/* =================================================== */
/* E-C Logo and Copyright ... CENTERED */
/* =================================================== */

#centerlogoshell {
	text-align: center;
	}

#poweredbyb {
	margin: 10px 0 10px 0;
	}

.smallb {
	font-size: 11px;
	color: #437f64;
	}


/* =================================================== */
/* NAVIGATION and LINKS */
/* =================================================== */

a {
	color: #00391f;
	text-decoration: underline;
	}

a:hover	{
	color: #86b7a4;
	}

.subnav {
	font-family: arial narrow;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #116d44;
	background-color: #013920;
	padding: 3px 20px 7px 20px;
	text-align: center;
	}

.subnav a {
	color: #eaf3f0;
	}

.subnav a:hover {
	color: #fff;
	}

#navcolumn, #navcolbase {
	background-color: #fead00;
	vertical-align: top;
	}

#navcolbase {
	vertical-align: bottom;
	}

#nav {
	background-color: #ffeb79;
	background-image: url(http://www.verda.co.nz/templateimages/bg-nav.gif);
	}

#navigator {
	width: auto;
	}

.button1, .button2, .currentpage, .submen {
	font-family: arial narrow;
	font-size: 11px;
	font-weight: normal;
/*	text-align: center;	*/				/* Uncomment to center left nav text */
	margin: 0px;
	padding: 0 30px 0 14px;
	width: auto;
	}

.button1 a, .button2 a, .currentpage a, .submen a {
	padding: 5px 10px 6px 10px;
	text-decoration: none;
	display: block;
	width: auto;
	color: #00391f;
	}

.currentpage a {
	color: #00391f;
	}

.currentpage a:hover,
.button1 a:hover,
.button2 a:hover,
.submen a:hover {
	color: #00391f;
	background-color: #a4c9bb;
	}

.submen a {
	font-weight: normal;
	}

.boxgrid { 
	width: 190px; 
	height: 220px; 
	margin:0; 
	float:left; 
	background:#adcec3;
	overflow: hidden; 
	position: relative; 
	}

.boxgrid img { 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	border: 0; 
	}

.boxgrid p { 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
	}
				
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	
.boxgrid a {
	color:#00391f;
	}

.boxgrid h3 {
	margin: 10px 10px 0 10px;
	color:#00391f;
	font:16pt Arial, sans-serif;
	letter-spacing:-1px;
	font-weight: bold;
	}

.boxgrid .cover {
	bottom: -90px;
	}