/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

*{
	margin:0px;
	padding:0px;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/bodyBg3.jpg) repeat-x #fcfcfc;
	margin-top: 0px;
}

/*a:link, a:visited, a:focus {
	color: #000;
	text-decoration: none;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}*/

h1 {
	font-size: 2.0em;
}

h2 {
	font-size: 1.6em;
	padding-top:5px;
}

p{
	font-size:1.1em;
	padding-top:5px;
	padding-bottom:5px;
	line-height:17px;
	color:#291b00;
}

/* Layout Styles
--------------------------------------------------------------- */

#outercontainer{
	margin-top:20px;
}

#container {
	width:826px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

	#pngarea{
		width:826px;
		height:182px;
		position:absolute;
		z-index:10;
		left:0px;
		top:141px;
	}
	
	#tophalf{
	position:absolute;
	z-index:20;
	top:162px;
	width:766px;
	margin-left:50px;
	}
	
#header {
	font-size: 1px;
}

#header img{
	font-size: 1px;
}

#contentContainer {
	clear:both;
	width: 826px;
	background-image:url(../../images/contentbg2.jpg);
	background-repeat:repeat-y;
	position:relative;
	margin-top:310px;
	padding-top:220px;
}

#contentContainer img{
	font-size:1px;
}

#highlighttext{
	width:210px;
	height:142px;
	margin-bottom:30px;
	border-top:1px dotted #291b00;
	border-bottom:1px dotted #291b00;
	padding-left:0px;
	padding-top:9px;
	margin-left:0px;
}

#innercontent{
	/*background-image:url(../../images/contenttopbg3.png);
	background-repeat:no-repeat;*/
	width:766px;
	padding:50px;
	padding-top:20px;
	padding-bottom:0px;
}

	body#contact #innercontent{
		padding-top:50px;
	}

#flashplace{
	float:right;
}

body#home #flashplace {
	float: right;
    position: relative;
    width: 504px;
	}

		#flashplace #phone-cta {
			float: right;
			padding-right: 20px;
			font-size: 1.6em; 
		}
		
			#flashplace #phone-cta #phoneno {
				font-size: 1.4em;
			}

#flashSlideshow{
	width:545px;
	height:375px;
	top:-10px;
	left:-1px;
	position:absolute;
}

#mainimg{
	width:510px;
	height:375px;
}

body#home #gallerylink{
	padding-top:365px;
	padding-left:140px;
}

#gallerylink{
	padding-top:345px;
	padding-left:140px;
}

#gallerylink a{
	color:#695f4c;
}

#contentLeft {
	float: left;
}

#leftimages{
	margin:0px;
	padding:0px;
}

#leftimages li{
	margin:0px;
	padding:0px;
	list-style:none;
	width:155px;
	height:97px;
	border:2px solid #695f4c;
	margin-bottom:20px;
}

#leftimages img{
	padding:0px;
	margin:0px;
	font-size:1px;
}

#leftimages li.nopm{
	margin-bottom:10px;
}

#contentRight {
	float: right;
	width: 540px;
	padding-right:40px;
}

#copyheader{
	width:540px;
	height:32px;
	background-color:#b0ead6;
	margin-bottom:10px;
}

body#contact #copyheader{
	width:480px;
	height:32px;
	background-color:#b0ead6;
	margin-bottom:10px;
}

#copyheader img{
	margin-top:5px;
	margin-left:10px;
}

#copylist{
	margin-left:40px;
	padding-top:10px;
	padding-bottom:10px;
}

#copylist li{
	font-size:1.1em;
	padding-bottom:4px;
}

#copylist1{
	margin-left:40px;
	padding-top:10px;
	padding-bottom:10px;
}

#copylist1 li{
	font-size:1.1em;
	padding-bottom:4px;
}

	.indexcopy{
		font-size:1.4em;
	}

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#contact_copy{
	float:right;
	width:480px;
	padding-right:40px;
}

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navHolder {
	margin-left:0px;
	margin-bottom:15px;
}

#nav {
}

#nav li {
	list-style:none;
	padding-bottom:3px;
	width:220px;
	height:32px;
}
	  
#nav a{
	text-decoration:none;
	display:block;
	width:220px;
	height:32px;
	background-image:url(../../images/navbg.gif);
	background-repeat:no-repeat;
}

#nav a:hover {
	background-image:url(../../images/navbg.gif);
	background-repeat:no-repeat;
}

a.home{background-position:0 0;}
a.lead{background-position:0 -35px;}
a.copper{background-position:0 -70px;}
a.zinc{background-position:0 -105px;}
a.stainless{background-position:0 -140px;}
a.contact{background-position:0 -175px;}

a.home:hover{background-position:-220px 0;}
a.lead:hover{background-position:-220px -35px;}
a.copper:hover{background-position:-220px -70px;}
a.zinc:hover{background-position:-220px -105px;}
a.stainless:hover{background-position:-220px -140px;}
a.contact:hover{background-position:-220px -175px;}

body#home #nav a.home{background-position:-220px 0;}
body#lead #nav a.lead{background-position:-220px -35px;}
body#copper #nav a.copper{background-position:-220px -70px;}
body#zinc #nav a.zinc{background-position:-220px -105px;}
body#stainless #nav a.stainless{background-position:-220px -140px;}
body#contact #nav a.contact{background-position:-220px -175px;}

/* Footer Styles
--------------------------------------------------------------- */

#footer {
	clear: both;
	width: 766px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
	color: #000;
	font-size: 1.1em;
	margin-bottom:20px;
	padding-top:0px;
}
	#footer a {
		color: #000;
		text-decoration: none;
	}
	#footer a:hover {
		color: #333;
		text-decoration:underline;
	}

ul#footerNav {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	color:#000000;
}
	ul#footerNav li {
		display: inline;
		margin: 0px 5px 0px 0px;
	}

ul#footerDetails  {
	clear:left;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 650px;
}
	ul#footerDetails li {
		display:block;
	}
	
ul#footerW3C {
	float: right;
	margin: 0px;
	padding: 0px;
}
	ul#footerW3C li {
		display: inline;
		border:none;
	}
	
	ul#footerW3C li img{
		border:none;
	}



/* Class Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

.img-left {
	border: 1px solid #fff;
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	border: 1px solid #fff;
	float: right;
	margin: 0px 0px 10px 10px;
}

.img-leftNB {
	border: none;
	float: left;
	margin: 0px 0px 0px 0px;
}


.img-rightNB {
	border: none;
	float: right;
	margin: 0px 0px 0px 0px;
}

#logo {
	width: 200px;
	height: 100px;
	float: left;
}

.strong {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.hidden{
	visibility:hidden;
}

/* SEO
--------------------------------------------------------------- */


#contentRight h1, h2 {
font-size:1.2em;
font-weight:normal;
letter-spacing:normal;
}

#contentRight {
letter-spacing:normal;
}

a {
    outline: none;
}

strong {
font-weight:normal;
}

#contentRight a {
color:#000000;
text-decoration:none;
}

#contentRight a:hover {
text-decoration:underline;
}

.pad {
padding-bottom:20px;
}