/* GENERAL STYLES */
html {}
/********************************************************

        C C C C         X     X   S S S  V           V
      C         C        X   X   S     S  V         V
     C    CCC    C        X X    S         V       V
    C    C        C        X      S S S     V     V
     C    CCC    C        X X          S     V   V
      C         C        X   X   S     S      V V
        C C C C         X     X   S S S        V


 Created by Josh Reid for Invent NZ Ltd Copyright 2008 

*********************************************************/

/******* COLORS *******/
.Red 	{
	color:#ed4f59;
	font-weight:bold;
	font-size:1.1em;
}

.Black	{ color: #000; }
.VDgrey	{ color: #222; }
.Dgrey	{ color: #666; }
.Grey	{ color: #999; }
.Mgrey	{ color: #AAA; }
.Lgrey	{ color: #CCC; }
.VLgrey	{ color: #EEE; }
.White	{ color: #FFF; }

/********* BODY + SET-UPS *********/
html {
font-size: 1.25em;
}
body {
font-size: 50%;
}
html>body {
font-size: 10px;
}
body {
	font-family:'Trebuchet MS', Tahoma, Arial, sans-serif;
	color: #CCC;
	background:#000;
	position:relative;
	}
body, div, form, img, dl, dt, dd {
	margin:0;
	padding:0;
	border:0;
	}
img {
	display:block;
}

/********* BASE ELEMENTS *********/
#entire {
	width:930px;
	z-index:10;
	margin:0 0 0 30px;
	padding:0;
	position:relative;
	overflow:hidden;
	z-index:1;
	/* FOR FLASH INTRO
	height:0; */
}
/* BACKGROUNDS */
#flashBk {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
}
#hdrBk {
	position:absolute;
	left:0px;
	top:30px;
	width:100%;
	height:160px;
	z-index:1;	
}	
.bk {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:100%;
	z-index:-1;
}
/* MAC FF Flash CSS Opacity bug fix */
#hdrBk, .bk, .tool-tip {
	background:transparent url(../images/gen/bk/trans.png) !important;
	-moz-opacity:100 !important; 
	filter:alpha(opacity=100) !important;
	opacity:100 !important;
	/* IE 6 */
	background:#000;
	-moz-opacity:.7; 
	filter:alpha(opacity=70);
	opacity:.70;	
}
/* FLASH INTRO */
#fOverlay {
	position:absolute;
	width:100%;
	z-index:1000;
	background:#000;
	overflow:hidden;
}	
#fCenter {
	position:absolute;
	width:567px;
	height:567px;
	left:50%;
	margin-left:-284px;
	z-index:1000;
	background:#000;
}
#fSkip {
	position:absolute;
	right:0;
	padding:20px;
	width:90px;
}



/* CONTENT HOLDERS */
#topNav {
	position:absolute;
	top:166px;
	width:750px;
	z-index:100;
}	
#header, #content, #footer {
	margin:0 auto;
	width:100%;
	position:relative;
	}
#header {
	height:190px;
	position:relative;
	margin-bottom:19px;
	z-index:2;
	}
#topHdr {
	position:absolute;
	top:55px;
	left:0;
	z-index:10;
}
#visibleKRD {
	position:relative;
	padding:6px 0;
	line-height:1.1em;
	width:930px;
	color:#888;
}
#content {
	overflow:hidden;
	z-index:2;
}
#footer {
	float:left;
	clear:left;
	width:562px;
	padding:12px 17px;
	color:#999;
	overflow:hidden;
	}
/* HOME PANEL */
#homePanel {
	height:180px;
	padding:17px 17px 17px;
	position:relative;
	border-bottom:4px solid #FFF;
	margin-bottom:19px;
	overflow:hidden;
}
/* CONTENT PANELS */
.main, .sub {
	float:left;	
	position:relative;
	overflow:hidden;
	}
.main {
	clear:left;
	width:562px;
	padding:17px 17px 12px;
	border-bottom:4px solid #FFF;
	margin-bottom:19px;
	}
.sub {
	clear:right;
	float:right;
	width:314px;
	position:relative;
	}
	
/* INNER ELEMENTS */
	
/* MAIN INNERS */
.main .left {
	float:left;
	width:320px;
}
.main .right {
	float:right;
	width:210px;
	margin:20px 0 10px 15px;
	padding-left:15px;
	border-left:1px solid #FFF;
	font-size:.9em;
}


/* FLASH SSP */
.flashSSP {
	height:500px;
	padding:.5em 0 1em;
	position:relative;
}	

/* Main */
.pullout {
	margin:0 -15px 5px;
	width:445px;
	padding:10px 15px;
	position:relative;
	overflow:hidden;
}
.pullout .greyBk {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	width:475px;
	height:auto;
	background:transparent url(../images/gen/bk/trans.png);
	behavior: url(css/iepngfix.htc);
	z-index:-1;
}

/* Right */

.pop {
	display:block;
	margin:0 auto 15px;
}
.panel {
	padding:0;
	width:57em;
	margin:0 -4em 0 0;
	position:relative;
	/*border-bottom:4px solid #FFF;*/
}
.hr {
	border-bottom:4px solid #FFF;
	clear:both;
	}	
.sub .panel {	
	width:33em;
	position:relative;
	padding-top:.5em;
	}
.block, .sub .tagCloud, .sub .blogArchive, .sub .gallerySubList {
	position:relative;
	border-bottom:4px solid #FFF;
	padding:14px 17px 17px;
	margin:0 0 19px;
	overflow:hidden;
}
.main .tagCloud, .main .blogArchive, .main .gallerySubList {
	margin:.5em 0 1em;
	position:relative;
}
.main .tagCloud .bk, .main .blogArchive .bk, .main .gallerySubList .bk {
	display:none;
}
.sub .tagCloud {
	
}

/******** PORTFOLIO HOLDERS *********/
.iA, .iB {
	float:left;
	margin:0 11px 11px 0;
	width:84px;
	height:84px;
	position:relative;
	overflow:hidden;
	display:block;
	text-decoration:none;
	background:50% 35% no-repeat;
}
.iB {
	width:80px;
	height:80px;
	border:2px solid #000;
	margin:0;
}
.iB:hover {
	border-color:#FFF;
}
.iB img, .iB span {
	display:none;
}

/******* BLOCK FOR BIG PREVIEWS *******/

.block.big {
	padding:0 !important;
	margin:-5px 1px 11px 0;
}
.iA.big {
	width:187px;
	height:150px;
	margin:0 0 0 -4px;
	border-left:4px solid #000;
}
h3.preview {
	padding:0 0 17px;
}

/**** Home Panel ****/
#homePanelOuter {
	width:900px;
	height:180px;
	overflow:hidden;
	position:relative;
}
#homePanelInner {
	position:absolute;
	left:0;
	top:0;
}
.hP {
	float:left;
	margin:0 3px 0 0;
	width:177px;
	height:180px;
	position:relative;
	overflow:hidden;
	display:block;
	text-decoration:none;
	background:50% 50% no-repeat;
}

/* TOOLTIPS */
.tool-tip {
	color: #fff;
	z-index: 13000;
	background:#000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	color: #ed4f59;
	padding:.3em .4em .4em .5em;
	float:left;
}
 
.tool-text {
	font-size: 1em;
	padding:.8em .8em 0 .3em;
	margin-top:-.3em;
	color:#EEE;
	float:left;
}

/******** Images in Content *********/
.imgL, .imgLs {
	float:left;
	margin:5px 15px 5px 0;
	}
.imgR, .imgRs {
	float:right;
	margin:5px 0 5px 15px;
	}
.imgLs, .imgRs {
	width:100px;
	}
	
.main img {
	border-bottom:4px solid #FFF;
}	
/******** TEXT STYLES ********/
/* Links */
a {
	/*font-weight:bold;*/
	text-decoration:underline;
	color:#FFF;
}
a:hover {
	color:#ed4f59;
	/*text-decoration:none;*/
}
/* CUSTOM LINKS */
#logo {
	position:absolute;
	right:0px;
	bottom:6px;
	display:block;
	width:240px;
	height:150px;
	border:0;
	z-index:100;
	cursor:pointer;
	border:0;
	/*background:transparent url(/images/gen/logo/InventNZ.png) left top no-repeat;
	behavior: url(/css/iepngfix.htc);*/
	}
#logo a { 
	display:block;
	height:150px;
	border:0;
	position:relative;
	background:url(/images/gen/bk/spacer.gif);
	z-index:11;
	}
#logo a img {
	display:none;	
	}
	
a, a:active, a:active, input:focus, input:focus, input:active, input:active,
object:active, embed:active, object:focus, embed:focus {
	outline:none;
  	-moz-outline-style: none;
}
 

/* Base */
h1, h2, h3, h4, h5, h6, p {
	font-weight:normal;
	margin:0;
	padding:0;	
}
h2, h3 {	

}
h1, h2 {
	font-size:3em;
	color:#AAA;
	font-weight:normal;
	}
h1 span {
	font-size:.6em;
}
h2, .h2r {
	color:#EEE;
	font-size:2.2em;
	line-height:1.1em;
	padding-bottom:.4em;
	}
#topHdr h2 {
	padding-bottom:0;
}
.h2r {
	/*float:right;*/
	font-size:1.2em;
	padding-top:.9em;
	letter-spacing:0;
}
h2 a {
	font-weight:normal;
	border-color:#666;
	padding-bottom:0;
}
.h2r a {
	font-weight:bold;
	color:#AAA;
/*	border:0;*/
}
h2 a:hover {
	color:#CCC;
	border-color:#666;
}
.h2r a:hover {
	color:#CCC;
	/*border:0;*/
}
.spaced {
	letter-spacing:2px;
	}
h3, .main p.xsltsearch_result_title { 
	font-size:1.6em;
	color:#CCC;
	font-weight:bold;
	}

h5, h6 {
	font-size:1.1em;		
	padding-bottom:1em;
}
p {
	display:block;
}
small {
	font-size:1em;
}
cite {
	font-style:normal;
}	
.main p {
	font-size:1.3em;
	line-height:1.7em;
	padding-bottom:.8em;
	padding-right:17px;
	}
.sub p {
	font-size:1.1em;
	line-height:1.3em;
	padding-top:.3em;
	padding-bottom:.3em;
}
#footer p {
	padding:.5em 0;
	margin:0;
	color:#666;
}
#footer a {
	padding:0;
	color:#666;
	border-color:#666;
}
#footer a:hover {
	color:#999;
	border-color:#666;
}
hr {
	margin:15px 0 25px;
	border:0;
	border-top:3px double #666;
	padding:0;
	font-size:.1em;
	line-height:.1em;
}
blockquote {
	margin:0;
	padding:0 1.5em;
}
.main blockquote p {
	margin:0;
	padding:0 0 .4em;
	font-style:italic;
}

/*************** BLOG ***************/
.postHead {

}
.postHead .date {
	font-style:italic;
	padding-bottom:.2em;
	font-size:1.4em;
}
.postBody {
	/*padding-right:20px;*/
}
.postFoot {
	padding-bottom:1em;
	font-size:1.1em;
	line-height:1.4em;
}
/**** TAG CLOUD ****/
.tagCloud h4, .blogArchive h4, .gallerySubList h4 { 
	
	font-size:2.5em;
	line-height:1.2em;
	color:#CCC;
	font-weight:normal;
	font-variant:normal;
	padding:0;
	margin:0;
	}
.tagCloud a, .tagCloud a:hover, 
.blogArchive a, .blogArchive a:hover, 
.gallerySubList a, .gallerySubList a:hover {
	border:0;
	padding:0 .3em 0 0;
}
.t1 {
	font-size:.55em;
	color: #666;
}
.t2 {
	font-size:.6em;
	color: #666;
}
.t3 {
	font-size:.65em;
	color: #666;
}
.t4 {
	font-size:.7em;
	color: #999;
}
.t5 {
	font-size:.75em;
	color: #999;
}
.t6 {
	font-size:.8em;
	color: #999;
}
.t7 {
	font-size:.85em;
	color: #AAA;
}
.t8 {
	font-size:.9em;
	color: #AAA;
}
.t9 {
	font-size:.95em;
	color: #AAA;
}
/* LIST STYLES */
ul, ol {
	list-style:disc outside;
	margin:.5em 1em;
	padding:0;
	font-size:1.2em;
}
ul ul {
	font-size:1em;
}
li {
	margin:0;
	padding:.3em 0;
	line-height:1.4em;
}

/* Block List */
.block ul {
	list-style:none;
	margin:.3em 0 0;
	padding:0;
}

.block li {
	margin:0;
	padding:.3em 0 0;
	line-height:1.4em;
}

/* Exceptions */
.main ul {
	margin-bottom:1.5em;
}
.right ul {
	margin:0 0 0 1em;
}
#index li {
	float:left;
	width:45%;
	padding-right:3%;
}

/* FullColumn List */
.fullColumn ul {
	list-style:none;
	font-size:1.8em;
}
.fullColumn ul ul {
	font-size:.7em;
	font-weight:bold;
}
.fullColumn ul ul ul {
	font-size:1em;
	font-weight:normal;
}
/******* COMMENTS ******/
#commentList {
	list-style:none;
	font-size:1em;
	margin:0;
	border-top:1px solid #1A2A37;
	border-bottom:1px solid #1A2A37;
	padding:0 0 1px;
}
#commentList p {
	margin:0;
	padding:.7em 0 .4em;
}
#commentList li {
	padding:1.5em;
	border-top:1px solid #1A2A37;
	border-bottom:1px solid #1A2A37;
	margin-top:1px;
	position:relative;
	overflow:hidden;
	height:1%;
}
#commentList li.alt {
	background:#222;
}
.bigNum {	
position:absolute;
	top:-40px;
	right:-30px;
	font-size:30em;
	line-height:.6em;
	color: #222;
	display:block;
	padding-bottom:.3em;
}
#commentList li.alt .bigNum  {
	color: #222;
}

/************** FORM ELEMENTS **************/
form, fieldset {
	margin:0; 
	padding:0;
	border:0;
	}
fieldset {
	margin-top:.6em; 
}
.main .enquiryForm {
	float:left;
	width:570px;
	padding-bottom:1em;
}
.formHolder {
	position:relative;
}
.main .enquiryForm.location {
	color:#ed4f59;
}

.prodImg {
	margin-top:1.2em;
	float:right;
	position:absolute;
	right:0;
	top:70px;
	z-index:100;
}
.row, fieldset p {
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	padding:.5em 0 .1em;
	margin:0;
	font-size:1em;
}
.main fieldset p {
	margin:0;
	padding:.3em 0 0;
}
.row.half {
	width:50%;
}
.row.w75 {
	width:75%;
}
.row.w25 {
	width:24%;
}
.row input {
	width:90%;
	}
.row.w75 input {
	width:95%;
}
.rowWrap {
	overflow:hidden;
	width:100%;
}
input, textarea {
	/*float:left;*/
	padding:.9em .3em .2em !important;
	padding:1em .3em .1em;
	font-size:1.1em;
	color:#CCC;
	border:0;
	line-height:1.3em;
	background:#333;
	z-index:1;
	font-family:'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-weight:normal;
	}
fieldset input, fieldset textarea {
	width:97%;
}
fieldset input {
	width:52%;
}
.main fieldset input, .main fieldset textarea {
	/*width:50%;*/
	margin:0 0 1px;
}
.main fieldset textarea {
	height:150px;
}
.main fieldset textarea.hMid {
	height:70px;
}

select {
	border:0;
	color:#000;
	margin-left:50px;
	margin-bottom:1px;
}
.location select {
	margin-left:0px;
	font-size:1.1em;
	}
label {	
	float:left;
	padding:.1em .3em;
	font-size:1.1em;
	font-style:italic;
	color:#AAA;
}

label.hider, fieldset label {
	position:absolute;
	top:.4em;
	left:.1em;
	z-index:2;
	font-size:1em;
	/*color:#222;*/
}
.main fieldset label {
	font-size:.8em;
	top:.1em;
}
label.hider:hover, fieldset label:hover {
	display:none;
}
input.cb, .row.half input.cb {
	float:left;
	width:auto;
	padding:0;
	border:0;
	background:transparent;
}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { 	
	z-index:3;
	position:relative;
}
input.cb:hover, input.cb:focus {
	background:transparent;
}
input.button, .row.half input.button, fieldset input.umbracoAutoFormButton, input.searchButton {
	width:auto;
	line-height:1.5em;
	text-transform:uppercase;
	color:#CCC;
	float:right;
	margin-right:11% !important;
	margin-right:3%;
	font-size:1.2em;
	padding:.4em 1em .3em !important;
	padding:.1em .5em;
	position:relative;
	background-color:#ed4f59;
	color:#000;
}
.main fieldset input.button {
	width:auto;
	float:none;
}

input.searchButton {
	margin:0 0 0 .3em !important;
	padding:.3em .5em .2em;
	width:90%;
	float:none;
}
input.button:hover, .row.half input.button:hover, fieldset input.umbracoAutoFormButton:hover, input.searchButton:hover {
	background-color:#FFF;
	color:#000;
}
.umbracoAutoFormRowDescription {
	font-size:.9em
}
fieldset input.umbracoAutoFormButton {
	margin-right:0% !important;	
}

/************* HELPER STYLES **************/
 
/* .fc - CLEAR BOTH */

.fc:after, #content:after, .panel:after, .block:after, .galleryPreviews:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.fc, #content, .panel, .block, .galleryPreviews { 
	display: inline-table;
	height: 1%;
	display: block; 
}

/* Quick Styles & Over-Riders (!important) */
.b {
	font-weight:bold;
}
.ofH {
	overflow:hidden;
	}
.flL {
	float:left !important;
	}
.flR {
	float:right !important;
	}
.clB {
	clear:both !important;
	}
.clL {
	clear:left !important;
	}
.clR {
	clear:right !important;
	}
.taR {
	text-align:right !important;
	}
.taL {
	text-align:left !important;
	}
.taC {
	text-align:center !important;
	}
.nb {
	border:0 !important;
}
.ml5 {
	margin-left:5px !important;
}

/* -----------------------------

      MAIN TOP NAVIGATION 

----------------------------- */
#nav {
	width:100%;
	height:23px;
	list-style:none;
	margin:0;
	padding:0;
	background:transparent;
	text-transform:uppercase;
	z-index:10;
}

/* TOP LEVEL */
#nav li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}
#nav li:hover {
	position:relative;
	z-index:10;
}
#nav a {
	float:left;
	display:block;
	margin:0;
	height:20px;
	padding:0 5px;
	font-size:12px;
	line-height:12px;
	text-decoration:none;
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
	behavior: url(css/iepngfix.htc);
}
#nav .r {
	float:right;
}
#nav a:hover, #nav li:hover a, #nav li.current a {
	color:#ed4f59;		
	border-bottom:4px solid #FFF;
	}

/* HOME EXCEPTION */
#nav li.current a.index em { 
	display:none;
	}
#nav a.index:hover em, #nav li:hover a.index em { 
	display:block; 
	}

/* SUB LEVEL 1 */
#nav ul {
	position:absolute;
	width:142px;
	top:24px;
	left: -999em;
	border:0;
	margin:0;
	padding:0;
	background:url(../images/gen/bk/spacer.gif);
}
#nav ul li {
	display:block;
	width:142px;
	position:relative;
	/*border-bottom:1px solid #999;*/
	}

#nav ul a {
	display:block;
	float:left;
	height:auto;
	font-size: 11px !important;
	line-height:11px;
	text-decoration: none;
	width:122px;
	padding:4px 10px !important;
	margin:0;
	font-weight:normal;
	color:#000;
	background-color:transparent;
	position:relative;
	overflow:hidden;
	border:0 !important;
}

#nav ul li a em {
	position:absolute;
	left:0px;
	top:0px;
	height:300px;
	width:142px;
	display:block;
	background:transparent url(../images/gen/bk/transW.png) left top no-repeat;
	behavior: url(css/iepngfix.htc);
	z-index:-1 !important;
	}

/* SUB LEVEL 2 - Included as an li in the same ul with .sub */
#nav ul li.sub {
	clear:left;
}
#nav ul li.sub a {
	text-transform: none;
	width:115px;
	padding:3px 7px 3px 20px !important;
	margin:0;
	font-weight:normal;
	color:#333;
	background-color:transparent;
	position:relative;
	overflow:hidden;
	border:0 !important;
}

/* CURRENT COLORS */
	#nav li.current:hover li.current a, #nav li.current:hover li.current:hover li.current a {
		background-color:#FFF;
		color:#000 !important;
	}
	#nav li.current:hover li.current a em, #nav li.current:hover li.current:hover li.current a em {
		display:none;
	}
/* NESTED NORMAL STATE */
	#nav li:hover ul a, #nav li.current:hover ul a, #nav li:hover ul li:hover ul a, #nav li.current:hover ul li:hover ul a, #nav li.current:hover ul li.current:hover ul a {
		background-color:transparent;
		color:#000 !important;
	}
	/* NESTED REPLACE TRANSPARENT LAYER */
		#nav ul li:hover ul a em, #nav ul li.current:hover ul a em, #nav li.current:hover ul li:hover ul a em {
			display:block;
		}
	
/* HOVER COLORS */
	#nav ul li:hover a, #nav li.current:hover ul li:hover a, #nav li.current:hover ul li.current:hover ul li:hover a, #nav li.current:hover ul li:hover ul li:hover a, #nav li:hover ul li:hover ul li:hover a {
		background-color:#FFF;
		color:#000 !important;
	}
	/* REMOVE TRANSPARENT LAYER */
		#nav ul li:hover a em, #nav li.current:hover ul li:hover a em, #nav li.current:hover ul li.current:hover ul li:hover a em, #nav li.current:hover ul li:hover ul li:hover a em, #nav li:hover ul li:hover ul li:hover a em {
			display:none;
		}

#nav li:hover ul/*, #nav li li:hover ul, #nav li li li:hover ul*/ {
	left: 0;
}


/* PRINT STYLES FOR NAVS */

@media print {
#topNav {
	display:none !important;
	}
}