@charset "utf-8";
/* CSS Document 
Author: J.Cousins - www.inhouselogic.com - May 2009 */

* { font-size: 100%;}
html { font-size: 62.5%;}
body { font-size: 1.4em;}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
body {
	background-repeat: no-repeat;
	background-color: #96959A;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 1.6em;
	padding-bottom: 16px;
}
h2 {
	font-size: 1.2em;
	color: #657F9C;
	padding-top: 0.7em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}

/* ---- Structure Elements -- */
#outerWrapper {
	width: 100%;
	background-color: #929497;
	background-image: url(../imgs/bkgnd_gradient.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#outerWrapper #innerWrapper {
	width: 100%;
	padding-top: 18px;
	padding-bottom: 25px;
}

#innerWrapper #pageWrapper {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../imgs/bkgnd_content.jpg);
	background-repeat: repeat-y;
}

#pageWrapper #mastheadWrapper {
	height: 135px;
	background-image: url(../imgs/bkgnd_masthead1.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#pageWrapper #contentWrapper {
}

#pageWrapper #footerWrapper {
}

/* ---- Content Elements -- */

#mainContent ul, #mainContent ol {
	padding-left: 3em;
	padding-bottom: 0.6em;
	list-style-position: outside;
	list-style-type: disc;
	padding-top: 1.1em;
}
#contentWrapper #navigation {
	width: 170px;
	border-left-style: solid;
	float: left;
	padding-left: 3px;
	padding-top: 3px;
}
#contentWrapper #mainContent {
	float: left;
	font-size: 0.8em;
	line-height: 1.8em;
	padding-top: 45px;
	color: #7A7A7A;
	padding-bottom: 25px;
	width: 425px;
}

#contentWrapper #mainContent2 {
	float: left;
	font-size: 0.8em;
	line-height: 1.8em;
	padding-top: 45px;
	color: #7A7A7A;
	padding-bottom: 25px;
	padding-left:125px;
	width: 475px;
}



#contentWrapper #rightCol {
	float: right;
	padding-top: 50px;
	padding-left: 12px;
	width: 230px;
	padding-right: 25px;
}

#rightCol #contentBlock {
	font-size: 0.8em;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 20px;
	line-height: 1.6em;
	background-color: #E6E6E6;
	padding-bottom: 35px;
	color: #7F7F7F;
	float: left;
}

#mastheadWrapper #upperBar {
	height: 33px;
	line-height: 33px;
	font-size: 12px;
	color: #999999;
}

#upperBar #upperLeft {
	float: left;
	padding-left: 8px;
}

#upperBar #upperRight {
	font-size: 11px;
	float: right;
	padding-right: 16px;
	text-transform: uppercase;
}

#pageWrapper #footerWrapper {
	height: 53px;
	background-color: #4A4748;
	background-image: url(../imgs/bkgnd_footer.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	line-height: 53px;
}

#pageWrapper #contentWrapper {
	/*background-image: url(../imgs/hardie-watermark.gif);
	background-position: 99% 100%;
	background-repeat: no-repeat;
	overflow: visible;
	height: 1%; Part of the IE6 Windows only - fix for background watermark position */
}
#pageWrapper #watermarkWrapper {
	background-image: url(../imgs/hardie-watermark.gif);
	background-position: 99% 100%;
	background-repeat: no-repeat;
	overflow: visible;
	height: 1%; /*Part of the IE6 Windows only - fix for background watermark position */
}


#contentBlock h2 {
	color: #657F9C;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0.15em;
	text-transform: uppercase;
}

#mainContent .lighter {
	font-size: 1em;
	color: #BFCAD6;
	padding-right: 8px;
	text-transform: capitalize;
}



/* ------------------- Navigation Elements --------------------- */
#navigation #nav {
	margin-left: 2px;
	padding-left: 0px;
	list-style-type: none;
}

#nav .firstMenuItem {
	padding-top: 20px;
}
#nav a:hover,
#nav a:active
 {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #7E93AC;
}

#nav li {
	font-size: 12px;
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C5C5C5;
	border-bottom-color: #C5C5C5;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color:#666666;
}

#nav a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 0px;
	font-size: 13px;
	color: #4C4C4C;
	background-color: #E6E6E6; 
}

#nav .currentPage a {
	background-color: #BEBEBE;
}

#nav a.active {
	background-color: #0099CC;
	border-top-color: #818732;
	border-bottom-color: #818732;
	border-bottom-width: 1px;
	border-top-width: 1px;
	color:#4C4C4C;
}

/* Inert state rainbow colours for nav button text */
/* Rainbow effect finally removed 
#nav li.navHome a,
#nav li.navHome a:link,
#nav li.navHome a:visited {
	color: #4C4C4C;
}

#nav li.navPanelBuilding a,
#nav li.navPanelBuilding a:link,
#nav li.navPanelBuilding a:visited {
	color: #005E9C;
}

#nav li.navProdSales a, 
#nav li.navProdSales a:link,
#nav li.navProdSales a:visited {
	color: #4C4C4C;
}

#nav li.navElecConstruction a, 
#nav li.navElecConstruction a:link,
#nav li.navElecConstruction a:visited {
	color: #2D1263;
}

#nav li.navInstruCalibration a,
#nav li.navInstruCalibration a:link,
#nav li.navInstruCalibration a:visited {
	color: #F58345;
}

#nav li.navSysIntegration a,
#nav li.navSysIntegration a:link,
#nav li.navSysIntegration a:visited {
	color: #BD144F;
}

#nav li.navTechService a,
#nav li.navTechService a:link,
#nav li.navTechService a:visited {
	color: #FBB017;
}

#nav li.navTSR a,
#nav li.navTSR a:link,
#nav li.navTSR a:visited {
	color: #7FB539;
}

#nav li.navContact a,
#nav li.navContact a:link,
#nav li.navContact a:visited {
	color: #4C4C4C;
}

*/

/* Left border colours for nav button text */
#nav li.navHome {
	border-left-color: #4C4C4C;
}

#nav li.navProdSales  {
	border-left-color: #00A7BA;
}

#nav li.navPanelBuilding  {
	border-left-color: #005E9C;
}

#nav li.navElecConstruction  {
	border-left-color: #2D1263;
}

#nav li.navInstruCalibration  {
	border-left-color: #F58345;
}

#nav li.navSysIntegration  {
	border-left-color: #BD144F;
}

#nav li.navTechService  {
	border-left-color: #FBB017;
}

#nav li.navTSR  {
	border-left-color: #7FB539;
}

#nav li.navcContact  {
	border-left-color: #4C4C4C;
}



/* Current page state rainbow */
/*
#nav .currentPage a {
	background-color: #BEBEBE;
}
*/

#nav li.navHome a.currentPage  {
	background-color: #E6E6E6;
	color:#FFFFFF;
}

#nav li.navProdSales a.currentPage {
	background-color: #00A7BA;
	color:#FFFFFF;
}

#nav li.navPanelBuilding  a.currentPage {
	background-color: #005E9C;
	color:#FFFFFF;
}

#nav li.navElecConstruction  a.currentPage {
	background-color: #2D1263;
	color:#FFFFFF;
}

#nav li.navInstruCalibration  a.currentPage {
	background-color: #F58345;
	color:#FFFFFF;
}

#nav li.navSysIntegration  a.currentPage {
	background-color: #BD144F;
	color:#FFFFFF;
}

#nav li.navTechService  a.currentPage {
	background-color: #FBB017;
	color:#FFFFFF;
}

#nav li.navTSR  a.currentPage {
	background-color: #7FB539;
	color:#FFFFFF;
}

#nav li.navcContact  a.currentPage {
	background-color: #4C4C4C;
	color:#FFFFFF;
}
/* ------------------- Navigation Elements --------------------- */


/* ------------------- /Page Title Blocks --------------------- */

#mainContent h1 {
	text-transform: uppercase;
	color: #657F9C;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	/* color: #FFFFFF;	font-size: 2em; */
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-left: -20px;
	vertical-align: middle;
	/*letter-spacing: 0px; */
}

#mainContent .ProdSales h1 {
	color: #00A7BA;
}

#mainContent .TSR h1 {
	color: #7FB539;
}


#mainContent .Contact h1 {
	color: #4C4C4C;
}


#mainContent .SysIntegration h1 {
	color: #BD144F;
}


#mainContent .TechService h1 {
	color: #FBB017;
}


#mainContent .PanelBuilding h1 {
	color: #005E9C;
}


#mainContent .ElecConstruction h1 {
	color: #2D1263;
}


#mainContent .InstruCalibration h1 {
	color: #F58345;
}


/* ------------------- /Page Title Blocks --------------------- */

/* --------------- Headline Colour Controls --------------------- */
/*
#mainContent h2 {
	padding-top: 25px;
}
#mainContent h3 {
	padding-top: 20px;
}

#copy.ProdSales h2,
#copy.ProdSales h3 {
	color: #00A7BA;
}

#copy.TSR h2,
#copy.TSR h3 {
	color: #7FB539;
}


#copy.Contact h2,
#copy.Contact h3 {
	color: #4C4C4C;
}


#copy.SysIntegration h2,
#copy.SysIntegration h3 {
	color: #BD144F;
}


#copy.TechService h2,
#copy.TechService h3 {
	color: #FBB017;
}


#copy.PanelBuilding h2,
#copy.PanelBuilding h3 {
	color: #005E9C;
}


#copy.ElecConstruction h2,
#copy.ElecConstruction h3 {
	color: #2D1263;
}


#copy.InstruCalibration h2,
#copy.InstruCalibration h3 {
	color: #F58345;
}
*/

/* --------------- Headline Colour Controls --------------------- */


#upperRight a,
#upperRight a:link,
#upperRight a:visited {
	color: #E1E1E1;
}

#upperRight a:hover,
#upperRight a:active {
	color: #CDD284;

}

#contentBlock p {
	padding-bottom: 1em;
}

#mainContent #copy {
	padding-left: 55px;
	padding-right: 15px;
}



/* -- Footer Area -- */
#footerWrapper #footerNav {
	font-size: 11px;
	color: #CCCCCC;
	padding-left: 25px;
	padding-top: 5px;
}

#footerNav li {
	float: left;
	padding-right: 16px;
}

#footerWrapper #creditBlock {
	font-size: 0.7em;
	float: right;
	color: #AEAEAE;
	padding-right: 20px;
}

#footerNav a,
#footerNav a:link,
#footerNav a:visited {
	color: #CCCCCC;
}

#footerNav a:hover,
#footerNav a:active {
	color: #FFFFFF;
}

#creditBlock a,
#creditBlock a:link,
#creditBlock a:visited {
	color: #CCCCCC;
}

#creditBlock a:hover,
#creditBlock a:active {
	color: #FFFFFF;
}

/* -- General Text -- */

.txtWhite {
  color: #FFFFFF;
}
.txtVeryLtGrey{
  color: #E6E6E6;
}

.txtGreen {
  color: #CED384;
}

.txtLightestBlue {
  color: #B1BECE;
}

.txtMedGrey1 {
  color: #9E9E9E;
}

.txtMedBlue {
  color: #969FAA;
}

.txtMedGrey2 {
  color: #939598;
}

.txtBlue {
  color: #657F9C;
}

.txtCharcoal {
  color: #434040;
}

.txtDarkBlue {
  color: #002A5B;
}

.txtBlack {
  color: #000000;
}
.bkgndWhite {
  background-color: #FFFFFF;
}

.bkgndVeryLtGrey{
  background-color: #E6E6E6;
}

.bkgndGreen {
  background-color: #CED384;
}

.bkgndLightestBlue {
  background-color: #B1BECE;
}

.bkgndMedGrey1 {
  background-color: #9E9E9E;
}

.bkgndMedBlue {
  background-color: #969FAA;
}

.bkgndMedGrey2 {
  background-color: #939598;
}

.bkgndBlue {
  background-color: #657F9C;
}

.bkgndCharcoal {
  background-color: #434040;
}

.bkgndDarkBlue {
  background-color: #002A5B;
}

.bkgndBlack {
  background-color: #000000;
}

/*-- Hardie Products Page --*/

#productsList .productBlock {
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
	float: none;
}

#productsList .productBlock div {
	float: left;
}

#productsList .productBlock .colA {
	text-align: center;
	width: 175px;
	padding-top: 8px;
}

#productsList .productBlock .colB {
	width: 220px;
	padding-top: 0;
}

#productsList .productBlock .colC {
	width: 220px;
	padding-top: 0;
}

.productBlock ul {
	padding-top: 0px;
	padding-left: 5px;
}

.productBlock ul li {
	line-height: 125%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.25em;
	padding-left: 0px;
}

/*-- Hardie Products Page END --*/

/* ------------------ Two Column List Controls ------------- */
/* Split column lists - Option 1 */
div.splitColumn {
	display: block;
	padding-left: 0;
	padding-right: 0;
}
ul.leftColList {
	width: 36%;
	float: left;
	padding-left: 1em;
	padding-right: 10px;
}

ul.rightColList {
	width: 36%;
	padding-left: 30%;
	float: left;
	padding-left: 1em;
}

/* Split column lists - Option 2 */
ul.splitColumnList {
	display: block;
	padding-left: 0;
}
ul.splitColumnList li {
	float: left;
	width: 45%;
	padding-right: 10px;
	line-height: 1.5em;
}
/*-------------- Two Column List Controls END ------------------*/

#rightCol img.columnHeader {
	display: block;
	padding: 0px;
	margin-bottom: 16px;
	float: none;
	margin-left: -8px;
	border: 4px solid #ffffff;
	background-color: #FFFFFF;
}

#copy .headGraphic {
	padding-bottom: 20px;
	margin-left: -20px;
}

#rightCol #zoomCircle {
	margin-bottom: 40px;
	text-align: center;
}

#contestRegistration {
	margin-top: 2px;
	padding-bottom: 10px;
}

#newOfficeBlock {
	margin-top: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #002A5C;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #B2BECC;
	border-bottom-color: #BDBFBC;
	text-align: center;
	line-height: 1.6em;
}

#newOfficeBlock a,
#newOfficeBlock a:link,
#newOfficeBlock a:visited {
	color: #FFFFFF;
	display: block;	
	padding: 1em .5em;

}

#newOfficeBlock a:hover,
#newOfficeBlock a:active {
	text-decoration:none;
	background-color:#FDAF1B;
	color: #002A5C;
}

#contactBlock #rightBlock {
	float: right;
	width: 48%;
}