@charset "utf-8";
/* CSS Document */

html, body {
height: 100%;
width: 100%;
margin: 0 auto;
padding: 0;
zoom: 1;
background: url(designimages/bglarge-01.jpg) center no-repeat;
}

body.admin {
background: #FFFFFF;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #827c79;
}

p {
margin: 0 0 20px 0;/*0px 0px 32px 0px;*/
line-height: 20px;
}

a:link, a:active, a:visited {
color: #748BA1;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

div#up2 {
margin-top: -80px;
}

div#up {
margin-top: -65px;
}

div#left {
width: 370px;
float:left;
padding-right: 10px;
}

div#right {
width: 510px;
float: left;
}

h2 {
/* float: none; */
color: #ef7921;/*#748ba1;#d7651b 3C3D3E*/
font-size: 15px;
line-height: 15px;
margin: 0px 0px 15px 0px;
font-family: Helvetica, Arial, sans-serif;
display: block;
font-weight: bold;
}

.cufon-active h2 {
font-size: 13px;
}

h3 {
display: block;
float: none;
font-size: 13px;
line-height: 15px;
color: #827C79;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
}

h3 {
font-size: 12px;
}

div#Sky {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -325px; /* Half of ContentArea Height */
float: left; 
}

div#Box {
display: block;
clear: both;
float: none;
width: 965px;
height: 629px;
padding: 2px;
margin: 0 auto;
background-color: #FAFAFB;
}

div#AdminBox {
display: block;
clear: both;
float: none;
width: 965px;
height: 100%;
padding: 0px;
margin: 0 auto;
background-color: #FAFAFB;
}

div#Roof {
display: block;
clear: both;
float: none;
width: 965px;
height: 133px;
margin: 0;
padding: 0;
background-color: #ABA5A1;
z-index: 5;
}

h1#Logo {
display: block;
clear: both;
width: 965px;
height: 102px;
margin: 0;
padding: 0;
background: url(designimages/h1-logo.jpg) top left no-repeat;
text-indent: -400px;
}

ul#Nav {
display: block;
clear: both;
width: 965px;
height: 31px;
overflow: hidden;
margin: 0;
padding: 0;
background: url(designimages/ul-nav.jpg) top left no-repeat;
}

/*** NAVIGATION ITEMS ***/

ul#Nav li {
display: block;
float: left;
height: 31px;
margin: 0;
padding: 0;
}

ul#Nav li a {
display: block;
height: 31px;
line-height: 31px;
margin: 0;
padding: 0;
overflow: hidden;
text-indent: -300px;
background-repeat: no-repeat;
background-position: top left;
}

ul#Nav li a:hover, ul#Nav li.active a {
background-position: 0px -31px;
}

ul#Nav li#home, ul#Nav li#home a, ul#Nav li#products, ul#Nav li#products a {
width: 94px;
}

ul#Nav li#home a {
background-image: url(designimages/ul-nav-home.jpg);
}

ul#Nav li#products a {
background-image: url(designimages/ul-nav-products.jpg);
}

ul#Nav li#project, ul#Nav li#project a {
width: 137px;
}

ul#Nav li#project a {
background-image: url(designimages/ul-nav-project.jpg);
}

ul#Nav li#about, ul#Nav li#about a {
width: 95px;
}

ul#Nav li#about a {
background-image: url(designimages/ul-nav-about.jpg);
}

ul#Nav li#contact, ul#Nav li#contact a {
width: 121px;
}

ul#Nav li#contact a {
background-image: url(designimages/ul-nav-contact.jpg);
}

/** END NAVIGATION **/


div#Walls {
display: block;
width: 965px;
height: 494px;
margin: 0px;
padding: 2px 0px 0px 0px;
z-index: 10;
overflow: visible;
}

div#AdminWalls {
display: block;
width: 925px;
margin: 0px;
padding: 25px 20px 0px 20px;
background: #FFFFFF;
}

div#LeftWing {
display: block;
float: left;
width: 604px;
height: 494px;
margin: 0;
padding: 0;
overflow: hidden;
}

div#LeftContent {
display: block;
float: none;
width: 529px; /*** 604 without padding ***/
height: 394px; /*** 492 without padding ***/
margin: 0;
padding: 20px 34px 15px 41px;
overflow: hidden;
}

div.ProductInfo p {
margin: 0px 0px 20px 0px;
line-height: 20px;
}

div.scroll {
display: block;
float: none;
width: 549px; /*** 604 without padding ***/
height: 394px; /*** 476 without padding ***/
margin: -29px 0px 0px 0px;
padding: 20px 14px 15px 41px;
overflow: auto;
position: relative
}


div#CentreContent {
display: block;
float: none;
width: 890px; /*** 965 without padding ***/
height: 463px; /*** 492 without padding ***/ /* 469 */
margin: 0;
padding: 20px 10px 11px 41px; /*20px 34px 11px 41px; 14 - top */
overflow: hidden;
}



div.FadeBottom {
display: block;
width: 585px;
height: 29px;
z-index: 16;
position: relative;
margin: -29px 0px 0px -41px;
background: url(designimages/fadebottom.png) top left no-repeat;
}

div.FadeTop {
display: block;
width: 585px;
height: 29px;
z-index: 16;
position: relative;
margin: 0px 0px 0px 0px;
background: url(designimages/fadetop.png) top left no-repeat;
}

div#Contact {
overflow: auto;
display: block;
height: 447px;
}



div#LeftFloor {
dispaly: none;
float: none;
width: 561px; /** 603 w/o padding **/
height: 37px;
margin: 0;
padding: 0px 0px 0px 41px;
}

div#LeftFloor p {
line-height: 37px;
vertical-align: middle;
margin: 0;
padding: 0;
letter-spacing: 1px;
font-size: 12px;
}

div#RightWing {
display: block;
float: left;
width: 361px;
height: 492px;
margin: 0px;
padding: 0px 0px 0px 0px;
overflow: visible;
z-index: 15;
}

div#Gallery {
display: block;
float: none;
width: 361px;
height: 494px;
padding: 0;
margin: 0px 0px 0px 0px;
z-index: 20;
overflow: hidden;
}

div.PrGal {

display: table;   /* Allow the centering to work */
margin: 0 auto;
}

div.PrGal ul {
list-style: none;
padding: 7px 0px 0px 0px;
min-width: 361px;
margin: 0;
text-align: center;
}



/** GALLERY IMAGES **/

div#Gallery img.hero {
display: block;
float: none;
width: 361px;
height: 412px;
border: 0;
margin: 0px 0px 0px 0px; /* 3 */
padding: 0;
}

div#Gallery img.heromain {
display: block;
float: none;
width: 361px;
height: 494px;
border: 0;
margin: 0px 0px 0px 0px;
padding: 0;
}

div.PrGal ul li {
display: inline;
margin: 0px 12px 0px 0px;
clear: none;
}

div.PrGal ul li.thumb3 {
margin: 0px 0px 0px 0px;
}

div.PrGal ul li a {
width: 81px;
height: 74px;
}

div.PrGal ul li a img.thumb {
display: block;
float: left;
padding: 0;
width: 81px;
height: 74px;
margin: 0px 12px 0px 0px;
border: 0;
}

div.PrGal ul li a img {
border: 0;
}

div.PrGal ul li a img {
padding: 2px;
width: 75px;
height: 68px;
border: 1px solid #E3E3E3;
}

div.PrGal ul li a:hover img {
border: 1px solid #748BA1; /*#d7651b*/
}

div#Gallery img.thumb-4 {
display: block;
float: left;
padding: 0;
width: 81px;
height: 74px;
margin: 0px 0px 0px 0px;
border: 0;
}

/** END GALLERY **/

/** FLOOR AND MINI PRODUCT THUMBNAIL NAVIGATION **/

div#Floor {
width: 936px;
height: 57px;
display: block;
clear: both;
padding: 2px 29px 2px 0px;
}

ul#ThumbNav {
display: block;
height: 53px;
list-style: none;
float: left;
margin: 0px 0px 0px -3px;
padding: 0px 0px 12px 41px;
width: 529px;
}

ul#ThumbNav li {
margin: 0px 0px 0px 2px;
display: inline-block;
padding: 0;
float: left;
width: 75px;
height: 53px;
}

ul#ThumbNav li.caption {
float: left;
display: inline-block;
width: 180px;
}

ul#ThumbNav li a img {
width: 67px;
height: 45px;
display: block;
border: 1px #AAAAAA solid;
}

ul#ThumbNav li a {
display: block;
margin: 0;
padding: 2px;
border: 1px #FFFFFF solid;
width: 69px;
height: 47px;
}

ul#ThumbNav li a:hover {
border: 1px solid #748BA1; #d7651b
}

h4 {
float: left;
display: inline;
font-size: 10px;/*15px;*/
color: #606060;/*#d7651b;*/
margin: 0px 0px 8px 0px;
padding: 20px 0 0 2px;
/*padding: 4px 0px 0px 2px;*/
font-weight: bold;
}

.cufon-active h4 {
font-size: 10px;
}



/**FORMS **/

input.Text, input.BadText {
color: #656565;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: url(designimages/textfield.gif) top left no-repeat;
border: 1px #B4B4B4 solid;
height: 18px;
padding: 3px 0px 0px 2px;
display: block;
}

input.File, input.BadFile {
color: #656565;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: url(designimages/textfield.gif) top left no-repeat;
border: 1px #B4B4B4 solid;
height: 23px;
padding: 3px 0px 0px 2px;
display: block;
margin-top: -1px;
}

textarea.Text, textarea.BadText {
color: #656565;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: url(designimages/textfield.gif) top left no-repeat;
border: 1px #B4B4B4 solid;
padding: 3px 0px 0px 2px;
display: block;
}

input.BadText, textarea.BadText, input.BadFile {
border: 1px #dc6161 solid;
}



img.FloatLeft {
display: block;
float: left;
padding: 0;
border: 0;
margin: 2px 25px 20px 0px;
}


/** PRODUCT PAGE STYLES **/

div#ImgNav {
width: 780px;
display: block;
margin: 0 auto;
}

ul#ImgNav {
display: block;
clear: both;
float: none;
margin: 0 auto;
padding: 0;
list-style: none;
}

ul#ImgNav li {
display: block;
float: left;
margin: 0px 25px 20px 0px;
padding: 0;
width: 240px;
}

ul#ImgNav li img {
clear: both;
float: none;
display: block;
border: 0;
margin: 0;
padding: 0;
width: 232px;
height: 152px;
}

ul#ImgNav li h3 {
display: block;
float: none;
font-size: 13px;
color: #827C79; /* #d7651b */
margin: 0px 0px 11px 0px;
padding: 0;
font-weight: normal;
}

ul#ImgNav li h3 a {
color: #748BA1;
}

.cufon-active h2 {
font-size: 13px;
}

ul#ImgNav2, ul.ImgNavTwo {
display: block;
clear: both;
float: none;
margin: 0;
padding: 0;
list-style: none;
margin: 0 auto;
}

ul#ImgNav2 {
width: 780px;
}

ul.ImgNavTwo {
width: 520px;
}

ul#ImgNav2 li a, ul.ImgNavTwo li a{
display: block;
}

ul#ImgNav2 li,ul.ImgNavTwo li {
display: block;
float: left;
margin: 0px 20px 18px 0px;
padding: 0;
}

ul#ImgNav2 li img, ul.ImgNavTwo li img {
clear: both;
float: none;
display: block;
border: 1px solid #E3E3E3;
margin: 0;
padding: 3px;
width: 232px;
height: 152px;
}

ul#ImgNav2 li a:hover img, ul.ImgNavTwo li a:hover img {
border: 1px solid #748BA1; /* #d7651b */
}

ul#ImgNav2 li h3, ul.ImgNavTwo li h3{
display: block;
float: none;
font-size: 15px;
color: #827C79;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
}

ul#ImgNav2 li a h3, ul.ImgNavTwo li a h3  {
color: #748BA1;
}



/** CONTACT PAGE STYLES **/

ul#Contact {
display: block;
clear: both;
float: none;
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
}

ul#Contact li {
display: block;
float: left;
margin: 0px 25px 20px 0px;
padding: 0;
width: 232px;
}

ul#Contact li.head, ul#Contact li.vic {
height: 165px;
}

ul#Contact li.act, ul#Contact li.qld {
clear: both;
}

ul#Contact li.act, ul#Contact li.nsw, ul#Contact li.qld, ul#Contact li.wa {
height: 175px;
}

ul#Contact li.qld, ul#Contact li.wa {
padding-bottom: 30px;
}

ul#Contact li h3 {
display: block;
float: none;
font-size: 13px;
line-height: 15px;
color: #827C79;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
}

.cufon-active ul#Contact li h3 {
font-size: 13px;
}

ul#Contact li p {
margin: 0px 0px 0px 0px;
font-weight: normal;
line-height: 15px;
}

ul#Contact li p.info {
font-size: 11px;
line-height: 17px;
}

ul#Contact li p.info1 {
font-size: 11px;
margin-bottom: 5px;
}

ul#Contact li p.info span {
display: block;
width: 70px;
float: left;
font-weight: bold;
}

.block {
clear: both;
display: block;
width: 100px;
height: 40px;
}

form fieldset {
border: none;
display: block;
margin: 0;
padding: 0;
}

form#Contact {
padding-bottom: 20px;
}

form fieldset ul {
list-style: none;
diaply: block;
margin: 0px 0px 10px 0px;
padding: 0;
}

form fieldset ul li {
display: block;
clear: both;
float: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

form fieldset ul li label{
display: block;
clear: both;
float: none;
padding-bottom: 3px;
}

form input.Text, form input.BadText, textarea.Text, textarea.BadText, form select {
clear: both;
float: left;
margin-bottom: 10px;
}

form select {
height: 23px;
}

select#Office {
width: 204px;
}

textarea.BadText {
margin-bottom: 2px;
}

form#Contact input#Name, form#Contact input#Email, form#Contact input#Subject {
width: 200px;
}

form#Contact textarea#Message {
width: 500px;
height: 79px;
}

form span.NoHint {
display: none;
visibility: hidden;
}

form span.Hint {
display: block;
float: left;
height: 23px;
font-size: 11px;
line-height: 23px;
vertical-align: middle;
margin-left: 5px;
}

p.Instructions {
display: block;
font-size: 12px;
line-height: 20px;
vertical-align: middle;
margin: 5px 0px 10px 0px;
font-style: italic;
}

form#Contact li.message span.Hint {
display: inline-block;
float: none;
clear: both;
height: 23px;
font-size: 11px;
margin-top: 0px;
margin-left: 0;
}

form#Contact input#Submit {
margin-top: 10px;
display: inline-block;
float: right;
margin-right: 25px;
}

div.clear {
clear: both;
width: 100%;
height: 0px;
display: block;
}

div.Downloads ul {
display: block;
list-style: none;
padding: 0px 0px 0px 15px;
margin: 0;
}

div.Downloads ul li {
padding: 0;
margin: 0px 0px 5px 0px;
height: 16px;
}

div.Downloads ul li a {
padding: 0px 0px 0px 22px;
background: url(designimages/pdf.gif) top left no-repeat;
line-height: 16px;
vertical-align: middle;
padding-top: 1px
}
	
div.BreadCrumb {
display: block;
clear: both;
float: none;
margin: -15px 0px 0px 0px;
padding: 0;
width: 800px;
}

div.BreadCrumb ul.Crumb{
list-style: none;
margin: 0;
padding: 0;
margin: 0px 0px 0px 43px;
width: 800px;
}

div.BreadCrumb ul li {
display: inline;
position: relative;
top: -15px;
font-size: 11px;
}

div.BreadCrumb span.gt {
margin-top: 0px;
}

span.space {
padding: 0 5px 0 5px;
}


/** ADMIN STYLES **/

table.list td, table.list th{
padding: 10px;
height: 20px;
text-align: left;
}

table.list td {
border-top: 1px #BBBBBB solid;
text-align: left;
}

table.list th{
font-weight: bold;
color: #7d7f82;
}

table.list {
margin-bottom: 25px;
}

ul.ProdDetails {
list-style: none;
margin: 0px;
padding: 0px 0px 0px 0px;
display: block;
width: 850px;
}

ul.ProdDetails li {
margin: 0px 0px 10px 0px;
display: block;
line-height: 20px;
vertical-align: middle;
}

ul.ProdDetails li p {
margin-bottom: 18px;
}

ul.ProdDetails span.des {
float: left;
width: 130px;
font-weight: bold;
display: block;
line-height: 20px;
}

ul.ProdDetails span.det {
display: block;
float: left;
width: 720px;
clear: none;
line-height: 20px;
}

div#spacer, div.spacer {
clear: both;
width: 100%;
height: 1px;
}

fieldset#AddDownload ul {
list-style: none;
display: block;
margin: 0;
padding: 0;
}

fieldset#AddDownload ul li {
display: block;
margin: 0px 0px 0px 0px;
clear: both;
float: none;
}

fieldset#AddDownload ul li input {
margin-bottom: 20px;
}

fieldset#AddDownload ul li input#title {
width: 272px;
}

fieldset#AddDownload ul li input#file {
width: 275px;
float: left;
display: block;
}

div#AdminWalls h3 {
margin: 0px 0px 14px 0px;
font-size: 15px;
font-weight: bold;
}

form#AddDownload {
display: block;
margin-bottom: 20px;
}

div#AdminWalls h2 {
color: #827c79;
font-size: 16px;
margin: 0px 0px 20px 0px;
font-family: Helvetica, Arial, sans-serif;
display: inline-block;
}

div#AdminWalls h3 {
color: #827c79;
font-size: 14px;
height: 20px;
margin: 0px 0px 15px 0px;
font-family: Helvetica, Arial, sans-serif;
display: inline-block;
background: url(designimages/hline.gif) 0px 19px no-repeat;
}

p.Message {
font-style: italic;
color: #cf9645;
margin-bottom: 20px;
font-size: 14px;
}

input#login, input#pass {
width: 150px;
}

/** END ADMIN STYLES **/

/** Product Summary Page **/

div.prod_summary_page {
display: block;
width: 890px;	
}

div.prod_summary_page div.prod_summary {
display: inline-block;
float: left;
width: 250px;
padding: 0;
margin: 0px 50px 0px 0px;	
}

div.prod_summary_page ul.ImgNavTwo {
display: inline-block;
clear: none;
float: left;
}

/*
div.prod_summary_page ul.ImgNavTwo {
display: inline-block;
clear: none;
float: left;
width: 580px;
}

div.prod_summary_page ul.ImgNavTwo li img {
width: 252px;
height: 165px;
}
*/
a.specs_link {
display: block;
float: none;
font-size: 12px;
line-height: 15px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
}

.hidden {
display: none;	
}

ul.prod_list {
margin-top: -10px;	
}

table.specs {
	width: 700px;
	margin-bottom: 30px;
}

table.specs th, table.specs td {	
	padding: 5px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	color: #222222;
	border-left: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

table.specs th {
	background: #CCC;
	border-bottom: none;
	font-size: 12px;	
}

table.specs td {
	background: #FFF;
	font-size: 11px;	
}

table.specs th.first, table.specs td.first {
	border-left: none;
}