.pageContainer { width:100%; height:auto; text-align:center; margin:0px,0px,0px,0px; }
.innerContainer { width:830px; height:auto; margin-left:auto; margin-right:auto; }


.header-front {width:823px; height:200px; float:left; background: url('images/header-front.png') no-repeat; }
.header {width:823px; height:200px; float:left; background: url('images/header-other.png') no-repeat; }


.banner {width:823px; height:380px; float:left; background: url('images/front-small-banner.png') no-repeat bottom center; } 
.banner-prod {width:823px; height:380px; float:left; background: url('images/product-banner.png') no-repeat bottom center; } 
.banner-how {width:823px; height:380px; float:left; background: url('images/how-banner.png') no-repeat bottom center; } 
.banner-fea {width:823px; height:380px; float:left; background: url('images/features-banner.png') no-repeat bottom center; } 
.banner-sec {width:823px; height:380px; float:left; background: url('images/security-banner.png') no-repeat bottom center; } 
.banner-faq {width:823px; height:380px; float:left; background: url('images/faq-banner.png') no-repeat bottom center; } 
.banner-con {width:823px; height:380px; float:left; background: url('images/contact-banner.png') no-repeat bottom center; } 


.middle {width:823px; min-height:340px; height: auto !important; height: 340px; float:left; background: url('images/middle.png') repeat-y; font-family:Arial, Sans-Serif; font-size:80%; color:#77797b }
.footer {width:823px; height:50px; float:left; background: url('images/footer.png') no-repeat; }

.boxes {width:823px; float:left; text-align:center; margin-bottom:10px;}

.grey-head {width:810px; float:left; margin-top:30px; font-family:Arial, Sans-Serif; font-size:85%; font-weight:bold; color:#77797b; text-align:right;}
.blue-head {width:810px; float:left; margin-top:10px; font-family:Arial, Sans-Serif; font-size:85%; font-weight:bold; color:#0054a4; text-align:right;}

.text {width:630px; text-align:justify; margin-top:20px; margin-left:100px; margin-bottom:20px;}
.headline {color:#1566b0; font-size:140%; font-weight:bold; text-align:left;}
.con-headline {color:#1566b0; font-size:140%; font-weight:bold; text-align:left;}
.sub-headline {color:#5f5f5f; font-size:120%; font-weight:bold; text-align:left;}
.tm {font-family:Arial, Sans-Serif; font-size:60%; color:#418bcf; text-align:center;}


.Faq {color:#77797b; font-size:110%; font-weight:bold;}
.faq a {color:#77797b; font-size:110%; font-weight:bold;}

.liquid11 {width:291px; text-align:justify; float:left; margin-top:20px; margin-left:130px; margin-bottom:20px;}
.newzealand {width:371px; text-align:justify; float:right; margin-top:20px; margin-right:20px; margin-bottom:20px;}


/* top navigation */

.nava {width:535px; height:31px; float:right; margin-top:47px; font-family:Arial, Sans-Serif; font-size:85%; color:white; text-align:right;}
.nava a {color:white;}
.nava a:hover {color:white;}

.break  {float:left; text-decoration:none; text-align:right;}

.hometop a  {float:left; cursor:pointer; text-decoration:none; text-align:left;}
.hometop a:hover  {float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#home #navtop a#navhometop  {float:left; cursor:default; text-decoration:underline; text-align:left;}
body#home #navtop a:hover#navhometop  {float:left; cursor:default; text-decoration:none; text-align:left;}


.prodtop a{float:left; cursor:pointer; text-decoration:none; text-align:left;}
.prodtop a:hover {float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#prod #navtop a#navprodtop{float:left; cursor:default; text-decoration:underline; text-align:left;}
body#prod #navtop a:hover#navprodtop{float:left; cursor:default; text-decoration:none; text-align:left;}

.howtop a {float:left; cursor:pointer; text-decoration:none; text-align:left;}
.howtop a:hover { float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#how #navtop a#navhowtop {float:left; cursor:default; text-decoration:underline; text-align:left;}
body#how #navtop a:hover#navhowtop {float:left; cursor:default; text-decoration:none; text-align:left;}

.featop a {float:left; cursor:pointer; text-decoration:none; text-align:left;}
.featop a:hover { float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#fea #navtop a#navfeatop {float:left; cursor:default; text-decoration:underline; text-align:left;}
body#fea #navtop a:hover#navfeatop {float:left; cursor:default; text-decoration:none; text-align:left;}

.sectop a {float:left; cursor:pointer; text-decoration:none; text-align:left;}
.sectop a:hover {float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#sec #navtop a#navsectop {float:left; cursor:default; text-decoration:underline; text-align:left;}
body#sec #navtop a:hover#navsectop {float:left; cursor:default; text-decoration:none; text-align:left;}

.faqtop a {float:left; cursor:pointer; text-decoration:none; text-align:left;}
.faqtop a:hover {float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#faq #navtop a#navfaqtop {float:left; cursor:default; text-decoration:underline; text-align:left;}
body#faq #navtop a:hover#navfaqtop {float:left; cursor:default text-decoration:none; text-align:left;}

.contop a {float:left; cursor:pointer; text-decoration:none; text-align:left;}
.contop a:hover {float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#con #navtop a#navcontop {float:left; cursor:default; text-decoration:underline; text-align:left;}
body#con #navtop a:hover#navcontop {float:left; cursor:default; text-align:right; text-decoration:left;}


/* bottom navigation */

.foot {width:390px; height:31px; margin-left:216px; margin-right:216px; margin-top:17px; font-family:Arial, Sans-Serif; font-size:60%; color:white; text-align:center;}
.foot a {color:white;}
.foot a:hover {color:white;}

.homebtm a  {float:left; cursor:pointer; text-decoration:none; text-align:left;}
.homebtm a:hover  {float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#home #navbtm a#navhomebtm  {float:left; cursor:default; text-decoration:underline; text-align:left;}
body#home #navbtm a:hover#navhomebtm  {float:left; cursor:default; text-decoration:none; text-align:left;}


.prodbtm a{float:left; cursor:pointer; text-decoration:none; text-align:left;}
.prodbtm a:hover {float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#prod #navbtm a#navprodbtm{float:left; cursor:default; text-decoration:underline; text-align:left;}
body#prod #navbtm a:hover#navprodbtm{float:left; cursor:default; text-decoration:none; text-align:left;}

.howbtm a {float:left; cursor:pointer; text-decoration:none; text-align:left;}
.howbtm a:hover { float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#how #navbtm a#navhowbtm {float:left; cursor:default; text-decoration:underline; text-align:left;}
body#how #navbtm a:hover#navhowbtm {float:left; cursor:default; text-decoration:none; text-align:left;}

.feabtm a {float:left; cursor:pointer; text-decoration:none; text-align:left;}
.feabtm a:hover { float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#fea #navbtm a#navfeabtm {float:left; cursor:default; text-decoration:underline; text-align:left;}
body#fea #navbtm a:hover#navfeabtm {float:left; cursor:default; text-decoration:none; text-align:left;}

.secbtm a {float:left; cursor:pointer; text-decoration:none; text-align:left;}
.secbtm a:hover {float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#sec #navbtm a#navsecbtm {float:left; cursor:default; text-decoration:underline; text-align:left;}
body#sec #navbtm a:hover#navsecbtm {float:left; cursor:default; text-decoration:none; text-align:left;}

.faqbtm a {float:left; cursor:pointer; text-decoration:none; text-align:left;}
.faqbtm a:hover {float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#faq #navbtm a#navfaqbtm {float:left; cursor:default; text-decoration:underline; text-align:left;}
body#faq #navbtm a:hover#navfaqbtm {float:left; cursor:default text-decoration:none; text-align:left;}

.conbtm a {float:left; cursor:pointer; text-decoration:none; text-align:left;}
.conbtm a:hover {float:left; cursor:pointer; text-decoration:underline; text-align:left;}
body#con #navbtm a#navconbtm {float:left; cursor:default; text-decoration:underline; text-align:left;}
body#con #navbtm a:hover#navconbtm {float:left; cursor:default; text-align:right; text-decoration:left;}