@charset "utf-8";
html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	background: #5C6C81;
	text-align: center;
	color: white;
	font-size: 12px;
}

img {
	border: 0px;
}
a:visited, a:link {
	color: white;
	border: none;
}
a:hover {
	color: #CCCCCC;
	border: none;
}
#container{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width: 806px;
}
/***Menu elements*******************************/
#menu {
	overflow: hidden;
	width: 100%;
}
#menu a:link, #menu a:visited {
	background-position: left top;
}
#menu a:hover {
	color:#CCCC33;
	background-position: left -11px;
}
.selected {
	background-position: left bottom !important;
}
.menuItem {
	height: 11px;
	display: block;
	float: left;
	margin-right: 26px;
}
.menuItemText {
	/*display: none;*/
	visibility: hidden;	
	line-height: 3px;
	display: block;
	float: left;
}
/*****Individual Menu Items *****************/
#lnkHome {
	background-image: url(images/menu_home.jpg);
	width: 54px;
}
#lnkPerforated {
	background-image: url(images/menu_perforated.jpg);
	width: 111px;
}
#lnkMesh {
	background-image: url(images/menu_mesh.jpg);
	width: 46px;
}
#lnkLaser {
	background-image: url(images/menu_laser.jpg);
	width: 179px;
}
#lnkContact {
	background-image: url(images/menu_contact.jpg);
	width: 79px;
}
#lnkAbout {
	background-image: url(images/menu_about.jpg);
	width: 58px;
}
#lnkTextured {
	background-image: url(images/menu_textured.jpg);
	width: 91px;
}
/*****Individual Menu Items Ends ************/
/***Menu elements end**************************/

/***Content elements***************************/
#content {
	margin-top: 30px;
	width: 100%;
	height: 390px;
	min-height: 390px;
	text-align: left;
	float: left;
	clear: both;
	margin-bottom: 20px;
}
/*Hack for non-IE6 Browsers*/
html>body #content {
	height: auto;
}

.pgHome #content {
	text-align: center;
}
#imagePanel {
	float: left;
}
.pgHome #imagePanel {
	margin-top: 40px;
	float: none;
}
.pgPerforated #imagePanel {
	background:transparent url(images/bg-samplePanel.jpg) no-repeat;
	width: 276px;
	height: 500px;
	text-align: center;
}
.pgMesh #imagePanel {
	width: 280px;
	padding: 0px;
	text-align: center;
}
.pgTextured #imagePanel {
	background:transparent url(images/bg-samplePanel2.jpg) no-repeat;
	width: 536px;
	height: 332px;
	text-align: center;
	float: left;
	margin-bottom: 10px;
}
.pgLaser #imagePanel {
	width: 550px;
	text-align: center;
	float: left;
	overflow: hidden;
}
.pgLaser #imageFrame {
	float: right;
}

#imageFrameLeft {
	background: transparent url(images/bg-imageFrameLeft.jpg) no-repeat;
	width: 11px;
	height: 379px;
	float: left;
}
#imageFrameContent {
	background: transparent url(images/bg-imageFrameMid.jpg) repeat-x;
	height: 379px;
	float: left;
}
#imageFrameRight {
	background: transparent url(images/bg-imageFrameRight.jpg) no-repeat;
	width: 11px;
	height: 379px;
	float: left;
}
#imageDisplay {
	margin-top:15px;
}


.imageButton {
	width: 125px;
	height: 110px;
	background-color: #2E3640;
	margin-bottom: 10px;
	text-align: center;
	vertical-align: middle;
}
.imageButtonImage {
	margin-top: 9px;
	height: 88px;
}

.heading {
	visibility: hidden;
}

#sampleTable {
	margin-top: 10px;
	width: 98%;
	height: 98%;
	border: none;
	text-align: left;
	vertical-align: top;
}
#sampleTable td {
	vertical-align: top;
	padding-left: 15px;
}
.pgPerforated #sampleTable td {
	width: 50%;
}

.pgTextured #sampleTable td {
	width: 25%;
}

#sampleTable a:link, #sampleTable a:visited {
	color: white;
}
#sampleTable a:hover {
	color: #AAAAAA;
}
.sampleHeading {
	color: White;
	font-weight: bold;
	font-size: 14px;
	display: block;
	padding-top: 5px;
}
.sampleImage {
	display: block;
}
.sampleLink {
	font-size: 11px;
	line-height: 11px;
	background: transparent url(images/icon-triangle.gif) no-repeat;
	background-position: 2px;
	padding-left: 10px;			
}

#contentText {
	float:left;
	margin-left: 15px;
}
.pgTextured #contentText {
	margin-left: 0px;
}
.pgLaser #contentText {
	margin-left: 0px;
}
#contentText p {
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 0px;
}
.pgPerforated #contentText {
	width: 500px;
}
.pgMesh #contentText {
	width: 480px;
}
.pgAbout #contentText {
	width: 480px;
}

.pgMesh #contactPanel {
	width: 280px;
	border: dashed 1px #CCCCCC;
	padding: 10px;
}

.pgMesh #contactPanel h1 {
	padding:0px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}

.pgMesh #contactPanel table {
	width: 200px;
}

.pgContact #contactPanel {
	background: transparent url(images/bg-nameCardPanel.jpg) no-repeat;
	width: 314px;
	height: 131px;
	margin-left: 20px;
	float: left;
	padding-left: 10px;
}

#subPanel {
	float: left;
	width: 250px;
	margin-left: 15px
}

.pgLaser #subPanel {
	margin-top: 10px;
	margin-left: 25px;
	width: 100px;
}

.pgContact #contentForm {
	background: transparent url(images/bg-formPanel.jpg) no-repeat;
	width: 386px;
	height: 431px;
	float: left;
}

#frmContact {
	margin-top: 20px;
	margin-left: 20px;
}

#frmContact table td {
	vertical-align: top;
	height: 40px;
}

.labelText {
	color: #CCCCCC;
}

.textBox {
	background-color: #CCCCCC !important; /* sometimes IE highlight fields with yellow background */
	color: #000000;
	border: none;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
}

.textArea {
	border: none;
	background-color: #CCCCCC;
	color: #000000;
	width: 200px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	font-size: 12px;
}
.sbtnSubmit {
margin-top: 10px;
margin-left: 20px;
}
/***Content elements ends ******************/

/***Disclaimer elements*************************/
#disclaimer {
	background:transparent url(images/bg-contactPanel.jpg) no-repeat;
	width: 764px;
	height: 30px;
	text-align: left;
	color: white;
	font-size: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	float: left;
	clear: both;
}
#disclaimer a:link, #disclaimer a:visited {
	text-decoration: none;
	color: white;
}
#disclaimer a:hover {
	color: #AAAAAA;
}
#disclaimer #emailText {
	margin-right: 15px;	
	padding-left: 25px;
	background: transparent url(images/icon-email.gif) no-repeat;
	background-position: 3px;
}
#disclaimer #phoneText {
	padding-left: 25px;
	background: transparent url(images/icon-phone.gif) no-repeat;
	background-position: 3px;
}
#disclaimer #copyrightText {
	visibility: hidden;
}
/***Disclaimer elements ends****************************/


/***Custom Headings*********************/
#hdPerforatedMetal {
	background: transparent url(images/headings-perforated.jpg) no-repeat;
	width: 250px;
	height: 31px;
	margin-bottom: 10px;
}

#hdComplete {
	background: transparent url(images/headings-complete.jpg) no-repeat;
	width: 250px;
	height: 28px;
	margin-bottom: 5px;
}

#hdCustomPerforation {
	background: transparent url(images/headings-custom.jpg) no-repeat;
	width: 254px;
	height: 31px;
	margin-bottom: 5px;
}

#hdMetalMesh {
	background: transparent url(images/headings-metal_mesh.jpg) no-repeat;
	width: 250px;
	height: 31px;
	margin-bottom: 10px;
}

#hdTexturedMetal {
	background: transparent url(images/headings-textured.jpg) no-repeat;
	width: 250px;
	height: 31px;
	margin-bottom: 10px;
}
#hdAustraliaWide {
	background: transparent url(images/headings-australia-wide.jpg) no-repeat;
	width: 250px;
	height: 31px;
	margin-bottom: 10px;
}

#hdCompleteFabrication {
	background: transparent url(images/headings-complete_fabrication.jpg) no-repeat;
	width: 250px;
	height: 31px;
	margin-bottom: 10px;
}
#hdLaserCut {
	background: transparent url(images/headings-laser_cut.jpg) no-repeat;
	width: 190px;
	height: 36px;
	margin-bottom: 10px;
}

#hdAbout {
	background: transparent url(images/headings-about.jpg) no-repeat;
	width: 84px;
	height: 26px;
	margin-bottom: 20px;
}

#hdStuck {
	background: transparent url(images/headings-stuck.jpg) no-repeat;
	width: 446px;
	height: 36px;
	margin-bottom: 10px;
}

#hdContactUs {
	background: transparent url(images/headings-contact_us.jpg) no-repeat;
	width: 101px;
	height: 36px;
	margin-bottom: 10px;
}

#hdContact {
	background: transparent url(images/headings-contact.jpg) no-repeat;
	width: 314px;
	height: 32px;
	margin-top: 0px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-left: -10px;
}
/***Custom Headings End*****************/