/*
Theme Name: Experi-Metal
Theme URI: 
Description: 
Version: 1.0
Author: Core3 Solutions
Author URI: http://www.core3solutions.com/
*/

/* LAST UPDATED 09.16.09 */

/*

	Table of Contents

	I.    DEFAULTS
	II.   NAVIGATION
	III.  STRUCTURE & TYPOGRAPHY
	IV.   TABLES
	V.    FORMS
	VI.   HEADINGS
	VII.  CLEARFIX
	VIII. WORDPRESS SPECIFIC

*/

/* -----------------------------------------------------------
		I. DEFAULTS
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	background: #0F0B0C url('images/bg.jpg') top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C0C0C0;
}

p { padding: 0 0 14px 0; }

a {
	color: #ff000c;
	text-decoration: underline;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}

a:hover { color: #fff; }

.right { float: right; }
.left { float: left; }

/* Image Defaults */

a img { border: 0; }

img.border {
	padding: 4px;
	border: 1px #e1e1e1 solid;
	background: #fff;
}

img.alignRight {
	float: right;
	margin: 2px 0 2px 14px;
}

img.alignLeft {
	float: left;
	margin: 2px 14px 2px 0;
}

/* Lists */

ul { list-style: square; }
ol { list-style: lower-roman; }

#content ul, ol {
	margin-left: 25px;
	padding-bottom: 7px;
}

#content li { padding-bottom: 7px; }

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

#nav ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

	#nav li {
		float: left;
		padding-right: 3px;
		background: url('images/bg-navDivider.gif') top right no-repeat;
	}

	#nav li#nav-contact { background: none; }

	#nav li a {
		display: block;
		padding-top: 10px;
		height: 32px;
		text-align: center;
		font-size: 18px;
		color: #fff;
		text-decoration: none;
	}

	#nav li#nav-home a { width: 84px; }
	#nav li#nav-about a { width: 85px; }
	#nav li#nav-products a { width: 106px; }
	#nav li#nav-quality a { width: 94px; }
	#nav li#nav-capabilities a { width: 131px; }
	#nav li#nav-contact a { width: 91px; }

	#nav li a:hover, #nav li.current a { color: #0d0b0b; }


	#nav li#nav-products a:hover,
  #nav li#nav-products.current a,
	#nav li#nav-capabilities a:hover,
  #nav li#nav-capabilities.current a {
    background: url('images/bg-navHover.jpg') bottom center no-repeat;
  }
  
  	#nav li#nav-about a:hover,
  #nav li#nav-about.current a,
  #nav li#nav-quality a:hover,
  #nav li#nav-quality.current a,
  #nav li#nav-contact a:hover,
  #nav li#nav-contact.current a {
	  background: url('images/bg-navHover-sml.jpg') bottom center no-repeat;
  }
  
.megamenu{
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	background: #cacaca url('images/bg-dropdown.jpg') top left repeat-x;
	padding: 15px;
	z-index: 100;
}

.megamenu .column, .megamenu .columnPhoto {
	float: left;
	width: 180px; /* width of each menu column */
	margin-right: 5px;
}

.megamenu .column ul, .megamenu .columnPhoto ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.megamenu .column ul li, .megamenu .columnPhoto ul li { padding-bottom: 5px; }

.megamenu .column ul li a, .megamenu .columnPhoto ul li a {
	display: block;
	height: 25px;
	line-height: 15px;
	padding-left: 0;
	color: #0d0b0b;
}

.megamenu .column ul li.double, .megamenu .columnPhoto ul li.double {
	padding-bottom: 18px;
}

.megamenu .columnPhoto ul li a {
	display: block;
	height: 25px;
	line-height: 15px;
	padding-left: 37px;
	color: #0d0b0b;
}

.megamenu .columnPhoto ul li a.prototype { background: url('images/icon-prototype.jpg') top left no-repeat; }
.megamenu .columnPhoto ul li a.aerospace { background: url('images/icon-aerospace.jpg') top left no-repeat; }
.megamenu .columnPhoto ul li a.defense { background: url('images/icon-defense.jpg') top left no-repeat; }
.megamenu .columnPhoto ul li a.aftermarket { background: url('images/icon-aftermarket.jpg') top left no-repeat; }
.megamenu .columnPhoto ul li a.bodybuild { background: url('images/icon-bodybuild.jpg') top left no-repeat; }
.megamenu .columnPhoto ul li a.security { background: url('images/icon-security.jpg') top left no-repeat; }
.megamenu .columnPhoto ul li a.energy { background: url('images/icon-energy.jpg') top left no-repeat; }

.megamenu .column ul li a:hover { color: red; }

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	position: relative;
	width: 940px;
	margin:0 auto;
}

	#header {
		padding: 19px 0 0;
		height: 47px;
		text-align: right;
	}

	#nav {
		position: relative;
		height: 46px;
		padding-right: 55px;
	}

	#content {
		margin: 17px 0 3px;
		line-height: 1.5em;
		min-height: 600px;
		background: #0e0b0b url('images/bg-content.jpg') top no-repeat;
	}

		#home #content { background: none; }

		#slider {
			height: 268px;
		}
	


    .wrapper {
      overflow: hidden;
      width: 940px;
      height: 268px;
    }

    #slider ul  {
      margin: 0;
      list-style: none;
      width: 9999px;
    }

    #slider ul li {
      float: left;
      display: block;
      height: 268px;
      width: 940px;
    }

			.slide {
				padding: 66px 555px 10px 25px;
				width: 360px;
				height: 192px;
				font-size: 16px;
				color: #C0C0C0;
			}

    .slide-01 { background: url('images/slides/prototype.jpg') no-repeat; }
    .slide-02 { background: url('images/slides/aerospace.jpg') no-repeat; }
    .slide-03 { background: url('images/slides/military.jpg') no-repeat; }
    .slide-04 { background: url('images/slides/aftermarket.jpg') no-repeat; }
    .slide-05 { background: url('images/slides/aftermarket-body-build.jpg') no-repeat; }
    .slide-06 {
				background: url('images/slides/homeland-security.jpg') no-repeat;
				padding: 24px 555px 10px 25px;
				width: 360px;
				height: 234px;
		}
    .slide-07 { background: url('images/slides/alt-energy.jpg') no-repeat; }

		#sliderNav {
			height: 90px;
			text-indent: -4440px;
		}

			#sliderNav ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}

			#sliderNav li { float: left; }

			#sliderNav li a {
				display: block;
				height: 90px;
				background-image: url('images/bg-sliderNav.jpg');
				background-repeat: no-repeat;
			}

			#sliderNav li#sliderNav-prototype a { background-position: 0 -90px; width: 125px; }
			#sliderNav li#sliderNav-prototype a:hover,
      #sliderNav li#sliderNav-prototype a.current { 
        background-position: 0 0; 
      }

			#sliderNav li#sliderNav-aerospace a { background-position: -125px -90px; width: 112px; }
			#sliderNav li#sliderNav-aerospace a:hover,
      #sliderNav li#sliderNav-aerospace a.current { 
        background-position: -125px 0; 
      }

			#sliderNav li#sliderNav-defense a { background-position: -237px -90px; width: 136px; }
			#sliderNav li#sliderNav-defense a:hover,
      #sliderNav li#sliderNav-defense a.current { 
        background-position: -237px 0; 
      }

			#sliderNav li#sliderNav-aftermarket a { background-position: -373px -90px; width: 121px; }
			#sliderNav li#sliderNav-aftermarket a:hover,
      #sliderNav li#sliderNav-aftermarket a.current { 
        background-position: -373px 0; 
      }

			#sliderNav li#sliderNav-bodybuild a { background-position: -494px -90px; width: 125px; }
			#sliderNav li#sliderNav-bodybuild a:hover,
      #sliderNav li#sliderNav-bodybuild a.current { 
        background-position: -494px 0; 
      }

			#sliderNav li#sliderNav-security a { background-position: -619px -90px; width: 151px; }
			#sliderNav li#sliderNav-security a:hover,
      #sliderNav li#sliderNav-security a.current { 
        background-position: -619px 0; 
      }

			#sliderNav li#sliderNav-energy a { background-position: -770px -90px; width: 170px; }
			#sliderNav li#sliderNav-energy a:hover,
      #sliderNav li#sliderNav-energy a.current { 
        background-position: -770px 0; 
      }

		#cols {
			margin: 12px 0 18px;
			background: url('images/bg-cols.gif') repeat-y;
		}

			.col {
				float: left;
				color: #C0C0C0;
			}

			#col-1 { width: 317px; }

			#col-2 {
				padding-left: 55px;
				width: 220px;
			}

			#col-3 {
				padding-left: 33px;
				width: 303px;
			}

				a.directions {
					margin-left: 23px;
					display: block;
					height: 81px;
					color: #C0C0C0;
					text-decoration: none;
					line-height: 25px;
					padding-left: 91px;
					background: url('images/directions.gif') top left no-repeat;
				}

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

					a.directions strong {
						font-size: 22px;
						color: #ff000c;
						text-decoration: underline;
						font-weight: normal;
						font-family: "Trebuchet MS", Times, serif;
					}

	#mainContent {
		float: left;
		padding: 30px 0 0 26px;
		width: 554px;
		color: #C0C0C0;
	}

	#sidebar {
		float: right;
		width: 290px;
		padding: 20px 0 0;
		margin: 20px;
		background: #64070b url('images/bg-sidebar.gif') top no-repeat;
	}

		#sidebar .content {
			padding: 0 5px;
			margin: 0 25px;
			border-bottom: 1px #7e4f51 solid;
		}

		#sidebar .curve {
			width: 290px;
			height: 15px;
			line-height: 0;
			font-size: 0;
			margin: 0;
			padding: 0;
		}

		#sidebar a { color: #c9a7aa; }

		#sidebar a:hover { color: #fff; }

		#sidebar ul {
			margin: 0 0 0 14px;
			font-size: 16px;
		}

		#sidebar li {
			padding-left: 17px;
			list-style: none;
			background: url('images/sidebarDot.gif') 0 6px no-repeat;
		}

		#sidebar .location { padding-left: 5px; }

			#sidebar a.directions {
				margin-left: 27px;
				display: block;
				height: 77px;
				color: #fff;
				font-size: 10px;
				text-decoration: none;
				line-height: 22px;
				padding-left: 84px;
				background: url('images/sidebarDirections.jpg') top left no-repeat;
			}

			#sidebar a.directions:hover strong { color: #fff; }

				#sidebar a.directions strong {
					font-size: 18px;
					color: #c9a7aa;
					text-decoration: underline;
					font-weight: normal;
					font-family: "Trebuchet MS", Times, serif;
				}

	#footer {
		padding: 18px 0;
		color: #666;
		font-size: 12px;
		border-top: 1px #312f2f solid;
	}

		#footer a {
			color: #666;
			text-decoration: underline;
		}

		#footer a:hover { color: #C0C0C0; }

		#footer ul {
			margin: 0;
			padding: 0;
			list-style: none;
			line-height: 1;
		}

		#footer li {
			float: left;
			padding: 0 7px 0 8px;
			border-right: 1px #666 solid;
		}

		#footer li#last {
			border-right: none;
			padding-right: 0;
		}

/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 14px;
}

	table table { margin-bottom: 0; }

td {
	vertical-align: top;
	padding: 0;
}

/* -----------------------------------------------------------
		V. FORMS
----------------------------------------------------------- */

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #262626;
}

#header input { vertical-align: middle; }

#header .textBox {
	padding: 5px 7px 4px;
	width: 194px;
	height: 19px;
	border: none;
	background: url('images/bg-searchBox.gif') no-repeat;
}

/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Times, serif;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

h1 { font-size: 25px; }

	h1#logo {
 		display: inline;
 		padding: 0; /* IE 8 needs this because display: inline doesn't getting rid of the padding */
 		text-indent: -4440px;
	}

		h1#logo a {
			position: absolute;
			top: 7px;
			left: 0;
			display: block;
			width: 211px;
			height: 128px;
			background: url('images/experi-metal_logo.png') no-repeat;
		}

h2 {
	font-size: 28px;
	color: #fff;
}

	h2 a { color: #fff; }

	h2#slogan {
 		display: inline;
 		padding: 0; /* IE 8 needs this because display: inline doesn't getting rid of the padding */
 		text-indent: -4440px;
	}

		h2#slogan a {
			position: absolute;
			top: 8px;
			left: 235px;
			display: block;
			width: 437px;
			height: 48px;
			background: url('images/slogan.png') no-repeat;
		}

	.slide h2 {
		font-weight: bold;
		font-size: 32px;
		color: #fff;
	}

	.slide h2 a { color: #fff; }

	h2#customer-satisfaction {
		margin: 6px 0 0 23px;
		padding-left: 78px;
		height: 44px;
		color: #fff;
		font-size: 18px;
		line-height: 1.2em;
		background: url('images/since1959.gif') top left no-repeat;
	}

	h2#customer-satisfaction em { display: none; }

	#sidebar h2 {
		font-size: 24px;
		color: #c9a7aa;
	}

	#sidebar h2#customer-satisfaction {
		margin: 17px 0 0 28px;
		padding-left: 63px;
		height: 39px;
		color: #c9a7aa;
		font-size: 15px;
		line-height: 1.2em;
		background: url('images/sidebar-since1959.gif') top left no-repeat;
	}

h3 {
	font-size: 22px;
	color: #ff000c;
}

	h3 a { color: #ff000c; }

h4 { font-size: 16px; }

/* -----------------------------------------------------------
		VII. CLEARFIX
----------------------------------------------------------- */

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

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* -----------------------------------------------------------
		VIII. WORDPRESS SPECIFIC
----------------------------------------------------------- */

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform { margin: 5px 10px 0 0; }

#commentform textarea {
	width: 100%;
	padding: 2px;
}

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

#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}

.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p { margin: 10px 5px 10px 0; }

.children { padding: 0; }

#commentform p { margin: 5px 0; }

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.entry img {
  padding: 10px;
}

#homepage .entry {
  padding-left: 10px;
}

a.noLink {
	cursor: default;
}

#sadSearch h2 {	
	margin: 20px 0 0 0;
}

#sadSearch img {
	float: left;
	margin: -15px 30px 0 0;
}
.socialMedia {
	margin-right: 6px;
}
h2.socialmedia {
	float: left;
	color:#FFFFFF;
	font-size:1.5em;
	height:32px;
	line-height:1.2em;
	margin:6px 10px 0 0;
}

.wpcf7 input ,
.wpcf7 select {
  background-color:#CCC;
  border:1px solid #320305;
  color:#320305;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:bold;
  width: 100%;
  padding: 4px 0px;
}

.wpcf7-submit {
  cursor: pointer;
}