@font-face {
	font-family: 'ContraRegular';
	src: url('../fonts/contra.eot');
	src: local('Contra Regular'),local('Contra'), url('../fonts/contra.ttf') format('truetype');
}

@font-face {
	font-family: 'EnigmaticRegular';
	src: url('../fonts/Cuprum.eot');
	src: local('Enigmatic Regular'),local('Enigmatic'), url('../fonts/Enigmatic__2.ttf') format('truetype');
}

@font-face {
	font-family: 'EnigmaticBold';
	src: url('../fonts/Cuprum.eot');
	src: local('Enigmatic Bold'),local('EnigmaticBold'), url('../fonts/Enigmatic__2.ttf') format('truetype');
}

body {
	margin: 0;
	padding: 0;
	background-image: url(../images/backTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #F5F7EA;
	font-family: helvetica,arial;
	font-size: 12px;
	color: #333333;
	line-height: 14px;
	letter-spacing:0px;
	word-spacing:0px;
}

html {
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* ----- Resets/fixes ----- */

/* div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 



table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

ol, ul {
	list-style: none;
} */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


/* ----- End Resets/fixes ----- */

#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/* ------- All Page Styles ------- */

#header {
	width:960px;
	height: 117px;
/*	_position:absolute;
	_top:0;
	_left:0;
	_padding:0;
	_margin:0; */
}

#header .left {
	width: 243px;
	float: left;
	_height:25px;
}

#header .left a {
	_position: absolute;
	_top:0;
	_left:0;
	_height:117px;
	_padding:0;
	_margin:0;
}

#header .left a img {
	_height:117px;
}

#header .right {
	width:717px;
	float: right;
	_height:25px;
}


/* Nav Styles */

#nav {
	height: 51px;
	width: 960px;
	background: url(../images/navBack.jpg) top left no-repeat;
	_background: url(../images/navBack.jpg) bottom left no-repeat;
	/* _padding-top:117px;
	_display:block; */
}

#nav .leftNav {
	width: 618px;
	float: left;
	padding: 23px 0 0 5px;
	_height:1%;
}

#nav .rightNav {
	width: 332px;
	float: right;
	padding-top: 3px;
	_padding:0;
	_margin:0;
	position: relative ;
	_height:1%;
}

#nav .rightNav .zemContactForm {
	font-family: 'ContraRegular','Times New Roman',serif;
	color: #fff;
	margin: 0 0 0 15px;
}

#nav .rightNav form table tr {
	border: 0px;
	padding: 0px;
	_margin:0;
	_padding:0;
}

#nav .rightNav form table td {
	padding: 0 0 0 25px;
	margin: 0;
	vertical-align: top;
	border: none;
}

.newsPromo {
	width: 200px;
	margin: 0;
	padding: 0;
}

#nav .rightNav .zemThanks p {
	padding-top: 10px;
}

#nav .rightNav form table .zemSubmit {
	background-image: transparent url(../images/submitButton.gif) top left no-repeat;
	width: 82px;
	height: 26px;
	display:block;
	position: relative;
	border: none;
	margin: 3px 0 0 0;
	padding: 0;
	cursor: pointer;
	*text-transform:capitalize;
	*text-indent:-9999px;
}

#mainNav, #mainNav ul {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding:0;
	font-family: 'ContraRegular','Times New Roman',serif;
	font-size: 13px;
	font-weight: 800;
	z-index: 30;
}


#mainNav li {
	padding: 0;
	margin: 0 6px 0 0;
	float: left;
}


#mainNav a {
	text-decoration: none;
	color: #fff;
	margin: 0;
	padding: 0;
	display: block;
}

#mainNav a.trigger {
}

#mainNav li ul, #mainNav ul li  {
	width: 130px;
}

#mainNav ul li a  {
	color: #000;
	border-right: 0;
	font-weight: lighter;
	font-size: 12px;
	padding: 3px 12px 3px 16px;
}

#mainNav li ul {
	position: absolute;
	display: none;
	background-color: #C3C6B5;
	border-right: 1px solid #808179;
	border-bottom: 1px solid #808179;
	background-image: url(../images/p7exp_mgrad.jpg);
	background-repeat: repeat-x;
}

#mainNav li:hover a, #mainNav a:focus,
#mainNav a:active, #mainNav li.p7hvr a {
	color: #444444;
	background-color: #C19674;
}

#mainNav li:hover ul, #mainNav li.p7hvr ul {
	display: block;
}

#mainNav li:hover ul a, #mainNav li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
}

#mainNav ul a:hover {
	background-color: #606060!important;
	color: #FFFFFF!important;
}

#mainNav li {width: auto;}

#sideNav {
	position:absolute;
	top:132px;
	_top:135px;
	left:-43px;
	display: block;
	width: 43px;
	height: 60px;

}

/* End Nav Styles */

#content {
	width: 930px;
	min-height: 400px;
	padding: 15px 15px 25px 15px;
	background-image: url(../images/contentBack.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #fcfdf6;
}

#content a {
	color:#710000; 
}

#content a:hover {
	color: #333333;
}

#content p {
	line-height: 20px;
	padding-bottom: 10px;
}

#content img {
}

#content ul {
	list-style-type: circle;
	margin-left: 15px;
}

#content ul li {
	padding-bottom: 5px;
}

#footer {
	width: 100%;
	height: 263px;
	background-image: url(../images/backFooter.jpg);
	background-repeat: repeat-x;
	background-color: #A9B0A0;
}

#footerContent {
	width:960px;
	margin: 0 auto;
	padding: 25px 0 0 0;
}

.bottomFooter {
	width: 960px;
	margin: 35px 0 0 0;
}

.bottomFooter p {
	font-family: 'ContraRegular','Times New Roman',serif;
	font-weight:bold;
	color: #fff;
	font-size: 17px;
	float: left;
	padding-top: 22px;
}

.creditCards {
	margin-left: 330px;
	float: left;
}

input {
	height: 12px;
	padding: 2px 0;
}

/* Footer Nav Styles */

.footerNav {
	list-style-type: none;
	display: inline;
	margin: 20px 0 0 0;
}

.grey {
	color: #333333;
}

.footerNav li {

}

.footerNavSections {
	float: left;
	margin:0 31px;
}

.footerNavSections h2 {
	font-family: 'ContraRegular','Times New Roman',serif;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	
}

.footerNavSections ul li {
	border-bottom: 1px solid #fff;
	padding: 8px 0;
}

.footerNavSections ul li a {
	font-family: 'ContraRegular','Times New Roman',serif;
	font-weight: bold;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}

.footerNavSections ul li a:hover {
	color: #fff;
}

.footerHome {
	float: left;
	margin-right: 20px;
}

.footerHome {
	padding: 10px 0;
}

.footerHome a {
	font-family: 'ContraRegular','Times New Roman',serif;
	font-weight: bold;
	color: #333333;
	font-size: 14px;
}

.footerHome a:hover {
	color: #fff;
}

/* End Footer Nav Styles */


/* ------- End All Page Styles ------- */



/* ------- Default Page Styles ------- */

#defaultContent {
	width: 960px;
	padding:10px 0 10px 0;
	background-image: url(../images/defaultContentTop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#defaultContent .leftContent {
	width: 655px;
	float: left;
}

#defaultContent .rightContent {
	width: 305px;
	float: right;
}

#slideshow {
	width: 645px;
	height: 375px;
	position: relative;
}

#slideshow ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 1%;
}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}  

#slideshow .slides {
	overflow: hidden;
	width: 645px;
	position: relative;
}

#slideshow .slides ul {
	width: 2580px;
	background-color: #F5F7EA;
}

#slideshow .slides li {
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	position: relative;
	width: 620px;
	height: 375px;
	padding: 25px 0 0 25px;
}

#slideshow .slides ul li a.details {
	position: absolute;
	right: 5px;
	bottom: 23px;
}

#slide-one {
	background-image: url(../images/barGrating_slider.jpg);
}

#slide-two {
	background-image: url(../images/expandMetal_slider.jpg);
}

#slide-three {
	background-image: url(../images/perforatedMetal_slider.jpg);
}

#slide-four {
	background-image: url(../images/wireCloth_slider.jpg);
}

#slideshow .slides h1 {
	font-family: 'EnigmaticRegular',helvetica,arial,sans-serif;
	color: #fff;
	font-size: 20px;
	padding-bottom: 15px;
	text-transform: capitalize;
	/* font-variant: small-caps; */
}

#slideshow .slides p {
	border-top: 1px solid #484848;
	padding-top: 20px;
	color: #fff;
	font-size: 14px;
	width: 220px;
	line-height: 16px;
	
}

.slides-nav {
	list-style-type: none;
	display: inline;
	color: #333333;
	font-size: 11px;
	z-index: 10;
	position: absolute;
	left: 20px;
	bottom: 32px;
}

.slides-nav li {
	float: left;
	padding-left: 10px;
}

.slides-nav li a {
	text-decoration: none;
	color: #333333;
}

.slides-nav li a:hover, .slides-nav li.on a {
	color: #EF3F42;
}

.leftCopy h1 {
	font-family: 'EnigmaticRegular',helvetica,arial,sans-serif;
	font-size: 30px;
	text-transform: capitalize;
	/* font-variant: small-caps; */
	margin: 30px 40px 0 40px;
	padding-bottom: 15px;
	border-bottom: 1px solid #333333;
}

.leftCopy p {
	padding-top: 20px;
	width: 565px;
	margin: 0 40px 0 40px;
}

.quote {
	background-color:#8E2126;
	background-image:url(../images/quoteBack.jpg);
	background-repeat:no-repeat;
	min-height:701px;
	_height:701px;
	width:305px;
}

.zemContactForm {
	font-family: 'EnigmaticRegular',helvetica,arial,sans-serif;
	color: #fff; 
}

.zemContactForm h1 {
	font-size: 25px;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
	*padding-top:8px;
}

.zemContactForm textarea {
	/* height: 100px;
	width: 200px; */
	margin-top: 5px;
}

.zemContactForm .quoteTable {
	padding: 20px 20px 0 20px;
	*padding: 0;
	*margin: 20px 20px 0 20px;
	_padding:10px;
	_margin:10px;
	width: 280px;
}

.zemContactForm .quoteTable tr td {
	padding: 0 0 15px 0;
	*margin:0 0 15px 0;
	/* border-top: 1px solid #C04245; */
}

.zemContactForm .quoteTable tr td input{
	margin-top: 5px;
}

.zemSubmit {
	background-image: url(../images/submitButtonRed.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 82px;
	height: 26px;
	border: 0;
	position: relative;
	float: right; 
	*float:none;
	_float:none;
	cursor: pointer;
}

.zemThanks p {
	color: #FFF;
	padding-top: 30px;
	text-align: center;
}

.zemError {
	background-color:#FFFFFF;
	color:#EF3F42;
	font-weight:800;
}

.rightNav ul.zemError {
	position:absolute;
	top:-20px;
}

.zemError li {
	text-align: center;
	padding-top: 5px;
}


/* ------- End Default Page Styles ------- */


/* ------- Inner Page Styles ------- */

.innerHead {
	font-family: 'EnigmaticRegular',helvetica,arial,sans-serif;
	font-size: 30px;
	text-transform: capitalize;
	/* font-variant: small-caps; */
	margin: 0 0 20px 0;
	padding: 10px 0;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
}

.innerDescription {
	width:930px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #333333;
}

.innerDescription img {
	float: right;
	margin-left: 15px;
}

.innerDescription p {
}

.innerDescription ul {
	list-style-type: none;
}

.innerSubHead {
	font-family: 'EnigmaticRegular',helvetica,arial,sans-serif;
	font-size: 25px;
	text-transform: capitalize;
	/* font-variant: small-caps; */
	margin: 30px 0 20px 0;
	padding: 8px 0;
	border-bottom: 1px solid #333333;
}

.varieties {
	list-style-type: none;
	display: inline;
}

.varieties li {
	float: left;
	padding: 10px 22px;
	list-style-type: none;
}

.varieties li img {
	border: 1px solid #000000;
}

.varieties li a {
	color: #333333;
}

.varieties li a:hover {
	color: #EF3F42;
}

.stockList {
	width: 100%;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	margin-bottom: 30px;
}

.stockList tr td {
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 5px;
	text-align: center;
}

.stockListHead {
	background-color: #333333;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	
}

.stockListHead td {
	padding: 3px;
	border-right: 1px solid #FCFDF6;
}

.stockListHead h2 {
	
}

.stockListOptions {
	background-color: #FCFDF6;
}

.stockListOptions td {
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 5px;
	text-align: center;
}

.stockListSubHead {
	background-color: #C3C6B5;
	color: #ffffff;
}

.stockListSubHead td {
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 5px;
	text-align: center;
}

#content form div table tr td label {
	color: #333333;
}

#content form div table tr td h3 {
	color: #333333;
}

#content div p {
	color: #333333;
}

.details {
	
}

.details ol {
	list-style-type: decimal;
	margin: 0 0 0 20px;
}

.details ol li {
	margin-bottom: 6px;
}

.details img {
	float: left;
	margin-right: 15px;
}

#content .details p {
	padding: 0px;
	margin: 10px 0 0 0;
}


/* ------- End Inner Page Styles ------- */