/*
West Metal Works
Last Edited: 03-26-07
Developed by: dab Conbrio.com

-- contents -----------------------------
- Body
- Consistant Styles
- Header Styles
  - Logo
- Index Page Styles
- Sub Page Positioning Styles
- Sub Page Content Styles
- Footer 
-----------------------------------------
*/


/* body styles ----------------------------------------------------------- */

body {
	background: #ffffff;
	margin: 0; padding: 0;
	color: #21293A;
	font: x-small Arial, Helvetica, sans-serif;
}
	
/* ----------------------------------------------------------------------- */
/* consistant styles ----------------------------------------------------- */

form, h1, h2, h3, h4, ul, ol, dl, li, dt, dd {margin:0px; padding:0px;}
img {		border: 0px; display: block;}
.clear {	clear: both;}
.center{	text-align: center; margin: 0 auto 0 auto; }
.right {	float: right; margin-left: 30px; clear: right;}

div.hr {
  display: block;
  background: #F8E4B3 center;
  height: 1px;
  margin: 0 auto 20px auto;
}
	hr {	display: none; border: none; height: 1px;}

a {			color: #D62222; text-decoration: none; }
a:hover { 	color: #ffffff; }
a:active {	color: #FEB62F; }

/* ----------------------------------------------------------------------- */
/* Container ------------------------------------------------------------- */

#container {
	text-align: left;
}

#shadow { display: none; }

#main {}


/* ----------------------------------------------------------------------- */
/* Logo ------------------------------------------------------------------ */

#wmw a, #email a, #wob a { display: none; }


/* ----------------------------------------------------------------------- */
/* Top ------------------------------------------------------------------- */

#top, ul#nav, ul#sidenav, ol#pics {	display: none;}

/* ----------------------------------------------------------------------- */
/* Banners --------------------------------------------------------------- */

#banner {
	display: block;
	clear: both;
}

	#banner img {
		margin: 0;
	}


/* ----------------------------------------------------------------------- */
/* Main ------------------------------------------------------------------ */

dl#page {
	width: 100%;
}

	dl#page dt { display: none;	}
	
	dl#page dd {
		padding-top: 22px;
		padding-bottom: 28px;
		font-size: 120%;
	}

		dl#page dd h2 {
			text-align: left;
			text-transform: uppercase;
		}
		
		dl#page dd p {
			clear: both;
		}
		
		dl#page dd blockquote {
			clear: both;
			margin-left: 40px;
			margin-right: 40px;
			font-size: 140%;
			font-weight: bold;
		}
		
		dl#page dd ul {
			margin-left: 20px;
			list-style: square;
		}

/* 3 Column Internal Pages */
dl#page dd ul.c3 {
	display: block;
	clear: left;
	width: 100%;
	margin-top: 20px;
	margin-left: 0px;
	list-style: none;
}

	dl#page dd ul.c3 li {
		float: left;
		margin-left: 0px;
		padding-left: 0px;
		padding-bottom: 20px;
		width: 173px;
	}
	  dl#page dd ul.c3 li.middle {
	  	margin-left: 10px; margin-right: 10px;
	  }
	
		dl#page dd ul.c3 li img {
			margin: 0 auto 0 auto;
		}		
		
			dl#page dd ul.c3 li ol {
				list-style: square;
				list-style-type: square;
				margin-top: 7px;
				margin-left: auto;
			}
			
				dl#page dd ul.c3 li ol li {
					margin-left: auto;
					padding-left: inherit;
					padding-bottom: 0;
					list-style: square;
					list-style-type: square;
					width: 145px;
					overflow: hidden;
					font-size: 100%;
				}
/* 2 Column */
dl#page dd ul.c2 {
	display: block;
	clear: left;
	width: 559px;
	margin-top: 20px;
	margin-left: 0px;
	list-style: none;
}

	dl#page dd ul.c2 li {
		float: left;
		margin-left: 0px;
		padding-left: 0px;
		padding-bottom: 20px;
		width: 264px;
	}
	  dl#page dd ul.c2 li.last {
	  	margin-left: 10px;
	  }
	  
	  	dl#page dd ul.c2 li p {
			margin-left: 10px; margin-right: 10px;
		}	
	
		dl#page dd ul.c2 li img {
			margin: 0 auto 0 auto;
		}		
		
			dl#page dd ul.c2 li ol {
				list-style: square;
				margin-top: 7px;
				margin-left: 0px;
			}
			
				dl#page dd ul.c2 li ol li {
					margin-left: 6px;
					padding-left: 12px;
					padding-bottom: 0;
					width: 245px;
					overflow: hidden;
					font-size: 100%;
				}

/* 3 Column Homepage */
ol.c3 {
	display: block;
	width: 759px;
	margin-left: 4px;
	list-style-type: none;
}

	ol.c3 li {
		float: left;
		padding-top: 10px;
		width: 253px;
	}
	
		ol.c3 li img {
			margin: 0 auto 0 auto;
		}

/* 3 Column lists */
.dropshadow {
	float: left;
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 28px 0;
	background: url('../images/shared/dropshadow.gif') repeat-x top;
	width: 100%;
	overflow: hidden;
}

dl.c3 {
	float: left;
	width: 33%;
	margin-top: 13px;
	border: 1px solid #21293A;
	overflow: hidden;
}
	
	dl.c3 dt {
		height: 25px;
		color: #efefef;
		background-color: #3B4455;
		border-bottom: 1px solid #21293A;
	}
	
	dl.c3 dd {
		background: #21293A;
		height: 175px;
		color: #B0B9BE;		
		border: 1px solid #3A4354;
		padding-bottom: 40px;
		overflow: inherit;
	}
	
		dl.c3 dd p {
			margin: 10px 15px 0px 15px;
			font-size: 13px;
			font-weight: bold;
		}
		
		dl.c3 dd p.norm a, dl.c3 dd ul a {		color: #B0B9BE; text-decoration: none; }
		dl.c3 dd p.norm a:hover, dl.c3 dd ul a:hover { 	color: #D62222; }
		dl.c3 dd p.norm a:active, dl.c3 dd ul a:active {	color: #727E87; }
	
		dl.c3 dd ul {
			margin-top: 10px;
			margin-right: 15px;
			margin-left: 15px;
			font-size: 13px;
			font-weight: bold;
			list-style: square;
			color: #000000;
		}	
		
			dl.c3 dd ul li {
				margin-bottom: 4px;
			}
			
				dl.c3 dd ul li ul {	margin-left: 8px; }

dl#page dd p.thumbs {
	clear: both;
	display: block;
	width: 640px; height: 125px;
}

	dl#page dd p.thumbs a img {
		float: left; margin-right: 15px;
		border: 1px solid #6F7988;
	}
	
		dl#page dd p.thumbs a:hover img {
			border: 1px solid #cc0000;
		}


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

#botnav {
	float: left; clear: both;
	width: 880px; height: 50px;
	padding-top: 19px;
	line-height: 11px;
	font-size: 11px;
	color: #ffffff;
	background: url('../images/shared/bottom.gif') no-repeat;
}

	#botnav p { 	margin: 8px auto 0 auto; text-align: center; }	
	#botnav p a {	margin: 0 13px 0 13px; }
	
	#botnav a {			color: #ffffff; text-decoration: none; text-transform: uppercase; }
	#botnav a:hover { 	color: #E09800; }
	#botnav a:active {	color: #76B2B1; }	


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

dl#foot {
	float: left;
	width: 100%;
	clear: both;
	background: url('../images/shared/bar.gif') repeat-x top;
}

	dl#foot dt { display: none;	}
	
		*html dl#foot dt {	margin-left: 1px; }
	
		dl#foot dt img { margin: 13px auto 0 auto; }
	
	dl#foot dd {
	}
	
		dl#foot dd p {
			text-align: center;
			font-size: 10px;
		}

div#foot {
	float: left;
	width: 100%;
	clear: both;
	background: url('../images/shared/bar2.gif') repeat-x top;
	border-top: 1px solid #6F7988;
	padding-top: 20px;
	padding-bottom: 30px;
}
	div#foot p {
		margin: 0px 40px 5px 40px;
		font-size: 10px;
		text-align: center;
	}
	
	p#copyright { margin-top: 30px; }
	
	#foot a {			color: #8E9AA1; text-decoration: none; text-transform: uppercase; }
	#foot a:hover { 	color: #D61919; }
	#foot a:active {	color: #B0B9BE; }
	
#end {
	display: block;
	clear: both;
}	



/* ----------------------------------------------------------------------- */
/* Lightbox -------------------------------------------------------------- */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loading img {
	margin: 0 auto 0 auto;
}	
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url('../images/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../images/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/lightbox/nextlabel.gif') right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; font-size: 12px; color: #2D3851;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	


/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */