/* ------------------------------------------------------------------------------
			G E N E R A L
		--------------------------------------------------------------------------------- */
		body {
			font: 12px/170%  Verdana, Sans-Serif;
			color: #777;
			margin: 0; padding: 0;
			overflow-x:hidden;
			background-color:#000;
			
		
		}
		/* links */
		a:link, a:visited {
			text-decoration: none;
			color: #FFF;
		}
		a:hover { color: #9c8b64; text-decoration:none }
		a:link.more, a:visited.more {
			float: left;
			margin-top: 20px;
			margin-right: 5px;
			padding: 6px 8px;
			border: 1px solid #2177A5;
			background-color: #227bad;
			text-transform: lowercase;
			text-decoration: none;
			font-weight: bold;
			color: #fff;
		}
		a:hover.more {
			border: 1px solid #FF2B95;
			background-color: #FF3399;
		}
		
		/* Headers */
		h1, h2, h3, h4, h5, h6 {
			font: normal 1em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
			color: #fff;
			margin: 5px 25px;
			text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
		}
		h1 { font-size: 1.3em; font-weight: normal; }
		h2 { font-size: 1.1em; font-weight: normal; }
		h3 { font-size: 2.2em; font-weight: normal; letter-spacing: -0.5px; padding-top: 15px; }
		h4 { font-size: 1.5em; }
		h5 { font-size: 2em; color:#806c47; }
		h6 { font-size: 2.7em; color:#777; font-weight:normal; }
		
		.lightbrwn {
			color:#b8a788;	
		}
		
		.darkbrwn {
			color:#806c47;
		}
		
		.brwnastrx {
			font-size: 2em;
			color:#b8a788;
			text-align:center;
		}
			
		
		.wht {
			color:#fff;			
		}
		
		.norm {
			margin: 0px;
			padding:0px;
			font-weight:normal;
		}
		
		.fill {
			background-color:#000;
			color:#fff;
			float:none;
			margin:5px;
			padding:.4em;
	
		}
		
		.under {
			text-decoration:underline;
		}
		
		
		
		<!--Slide Menu-->
		.sm {
			list-style:none;
			width:1000px;
			height:400px;
			display:block;
			overflow:hidden;
		}
			
		.sm li {
			float:left;
			display:inline;
			overflow:hidden;
		}		
		
		
		*{
			margin:0;
			padding:0;
		}
		
		a{
			color:#9c8b64;
			text-decoration: none;
		}
		a:hover{
			text-decoration: underline;
		}
		
		img{
			border:none;
		}
		
		
		a #gallery {			
			margin: 0px 0px 0px 0px;
	     }
		 
		 a:hover #gallery {			
			margin: 0px 0px 0px 0px;
			opacity:0.5;
			filter:alpha(opacity=50);
	     }
		
		
		
		/* ------------------------------------------------------------------------------
			H E A D E R
		--------------------------------------------------------------------------------- */		
		/* header */
		#header-wrap {
		  display:inline;		 
		  float: left;
		  height: 132px;
		  width: 100%;
		  
		  z-index:100;
		}
		
		#header {
		  position:relative;
		  margin: 0 auto;
		  width: 900px;
		  height:35px;
		  z-index:5;
		}	
		
			
		/* ------------------------------------------------------------------------------
			H E A D E R   -   N A V I G A T I O N
		--------------------------------------------------------------------------------- */
		#header #nav {
			float:right;
			margin: 0; 
			padding: 4px 6px 0;
			width: 956px;
			z-index:5	;
		}
		
		#bgline {	
		  position:absolute;	
		  width: 100%;
		  height:35px;
		  background: url(../images/topline.png) repeat-x;
		  z-index:4;
		}
		
		
		/* ------------------------------------------------------------------------------ */
		
			
	
		
	    #header-wrap #bgshot img{
			position:absolute;
			float:left;
			width:100%;
			height:100%;
			opacity:0.25;
			filter:alpha(opacity=25);
			top:28px;
			z-index:1;
		}
		
		#header-wrap #bgshot_products img{
			position:absolute;
			float:left;
			width:100%;
			height:100%;
			top:132px;
			opacity:0.20;
			filter:alpha(opacity=20);			
			z-index:1;
		}
		
		

		
		/* ------------------------------------------------------------------------------
			C O N T E N T
		--------------------------------------------------------------------------------- */
		#content-wrap {
			clear: both;
			margin: 0; padding: 0;
		    width: 100%;
		    float: left;
			z-index:5;
		}
		
		#content {
		   width: 900px;		  
		   margin: 0 auto;
		   padding: 0 0 0 0;		  
		   z-index:5;
		}
		
		.contentbg{
			position:absolute;
			width:800px;
			bottom:140px;
			/*background-color:#000;
			opacity:0.90;
			filter:alpha(opacity=90);*/
			z-index:1;
		}
		
		.gallerybg{
			position:absolute;
			width:700px;
			bottom:180px;
			z-index:1;
		}
		
		
		.textCenter{
			position:absolute;
			top:10%;					
			width:700px;
			margin: 0px 15px;
			z-index:1;
		}
		
		.productsCenter {
			position:absolute;
			top:-20px;	
			width:900px;
			height:100%;			
			z-index:1;			
		}
	
			
		
		
		/* ------------------------------------------------------------------------------
			C O L U M N S
		--------------------------------------------------------------------------------- */
		#main {
		   margin: 0;
		   padding: 0 0 0 0;
		   width: 950px;
		   z-index:5;
		}
		
		#mainslides {	
			position:absolute;			
			top:0px;
			bottom:300px;
			left:0px;					
			z-index:1;			
		}
		
		#sidebar {
		   width: 340px;		   
		   margin: 0;
		   padding: 0px 0px;
		}
			
		
		.logobg {
			position:absolute;
			bottom:186px;
			width: 616px;			
			display: inline;
			z-index:5;
		}
		
		.logocontent {
			position:relative;
			top:-80px;
			left:38px;
			display: inline;
			z-index:2;
		}
			
		
		.hometxt {
			position:absolute;
			color:#FFF;
			padding-top:170px;
			width: 300px;
			padding-left:550px;		
			display: block;
			z-index:5;
		}
		
		
		.post {
		   margin: 0 0 0 0;
		   padding: 0 0 20px 0;
		   width: 616px;
		   overflow: hidden;
		   border-bottom: 1px solid #eee;
		}
		
		.left {
			position:absolute;
			bottom:250px;
			width: 616px;			
			float: left;
			display: inline;
		}
		
		.hometxt .image-section {
			clear: both;
			display: block;
			padding: 15px;
			background-color:#000;
		}
		
		.left .image-section img {
			padding: 0;
		}


		.right {
			width: 560px;
		   float: right;
		   display: inline;
		   padding-right: 15px;
		}
		
	
					
		/* ------------------------------------------------------------------------------
			F O O T E R
		--------------------------------------------------------------------------------- */		
		#footer{
			margin:0px auto;
			position:absolute;
			bottom:-20px;
			width:100%;
			border-top:1px solid #000;
			z-index:3;	
		}
			
		#footerframe{
			height:100px;
			width:100%;		
			float:left;
			background:url(../images/footerBg.png) repeat;
		}				
		
		/* footer-bottom */
		#footer-bottom {
			clear:both;
			margin:10px auto;
   			font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
			font-size: .9em;
			bottom:0px;
			width:956px;;
			z-index:3;	
			
		}			
			
		#footer-bottom a { color: #fff; }
		#footer-bottom a:hover { color: #b8a889; text-decoration:none }
			
		#footer-bottom p.bottom-left {
			float: left;
			display: inline;
			margin: 0 0 0 0;
			padding: 0;
			width: 616px;
			text-align: left;
		}
		
		#footer-bottom p.bottom-right {
			float: right;
			display: inline;
			margin: 0 0 0 0;
			padding: 0;
			width: 340px;
			text-align: right;
		}
					

		
			
		/* ------------------------------------------------------------------------------
			S L I D E S H O W
		--------------------------------------------------------------------------------- */
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: url('images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		
		#supersize{
			position:absolute;
			top:132px;
			z-index:0;
		}
		#supersize img, #supersize a{
			height:80%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 1;
		}
		
		
		
			
		/* ------------------------------------------------------------------------------
			T E X T   B O D Y   S L I D E R
		--------------------------------------------------------------------------------- */
		
		* { margin: 0; padding: 0 }
		
		p { margin: 8px 25px 20px; }		
	
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		
		.slidertable {
			margin: 10px 0px 20px 28px;
			border: 1px solid #b8a788;
		}
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap  { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
			z-index:50;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 480px;
			clear: both;
		}
		
	
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper  { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			/*background: url("../images/arrow-left.gif") no-repeat center;*/
		}
		
		.stripNavR {
			/*background: url("../images/arrow-right.gif") no-repeat center;*/
		}
		
				
		
		
		/* ------------------------------------------------------------------------------
			F O R M   E L E M E N T S
		--------------------------------------------------------------------------------- */
		form {
			margin: 0px 0px 5px 0px;
			padding: 5px 0px 0px 0px;
			width:100%;		
		}
	
		label {
			font-weight: bold;
			color: #666666;
		}
		
		input, select, textarea {
			margin: 0px 0;
			padding: 4px 6px;
			margin-bottom:5px;
			color: #fff;
			background-color: #6A6969;
			border-width: 1px;
			border-style: solid;
			border-color: #b8a788;
			
		}	
		
		input:focus, select:focus, textarea:focus {
			color: #FFF;
			background: #b8a788;		
		}
		#sName, #sEmail, #sSuburb {
			width: 200px;
		}
		#sAddress {
			width: 300px;
		}
	
		#sSides, #sProduct, #sHeight, #sLength, #sWidth, #sMeters, #sReference, #sPostcode, #sStairDeckSides {
			width: 50px;
		}
		#sDesignChoice {
			width:200px;
		}
		input.button {
			margin: 0;
			padding: 10px 10px 10px 10px;
			color: #FFF;
			background: #b8a788;
			border:none;
			cursor: pointer;
		}
		
		input.radio {
			background:none;
			border:none;		
		}
		
		#header-tabs ul {
			margin: 0;
			padding: 2px 0px 0px 0px;
			list-style: none;
		}
				
		ul#stepForm,ul#stepForm li {
			margin: 0;
			padding: 0;
		}

		ul#stepForm li {
			list-style: none;
		}
		
		#stepForm label.warning {
			text-align: left;
			width: auto;
			padding: 0;
			margin: 0 0 0 10px;
			float: none;
			clear: none;
			display: inline;
			color: #b8a788;
			font-size: 10px;
			border: none;
			border-top: 1px dotted #b8a788;
		}

	
	
	
	
	
		/* ------------------------------------------------------------------------------
				M I S C 
		--------------------------------------------------------------------------------- */		
		/* alignment classes & additional classes */
		.float-left  { float: left; }
		.float-right { float: right; }
		.align-left  { text-align: left; }
		.align-right { text-align: right; }
		.no-border { border: none; }
		.no-bg {	background: none; }
		
		/* clearing */
		.fix {
			clear: both;
			height: 1px;
			margin: -1px 0 0;
			overflow: hidden;
		}
		.clear {	display:inline-block; }
		.clear:after {
			display:block;
			visibility:hidden;
			clear:both;
			height:0;
			content: " ";
		}  
		
		.spacer {
			margin: 0px 25px;
		}
		
		.leftadjust {
			position:absolute;
			margin:0  -15px;
		}