/*
Theme Name: M&M Specialties
Theme URI: http://www.mmspec.com
Description: Custom Template for M&M Specialties
Version: 1.0
Author: Skyhook Internet Marketing
URI: http://www.skyhookinternetmarketing.com/

*/

/* global and wp classes */
/* see wp.css */

/* General Styles
----------------------------------------------------*/
@font-face {
	font-family: 'Museo';
	src: url('museosans_500-webfont.eot');
	src: local('MuseoSans_500'), 
		 url('fonts/museosans_500-webfont.woff') format('woff'), 
		 url('fonts/museosans_500-webfont.ttf') format('truetype'), 
		 url('fonts/museosans_500-webfont.svg#webfontrpxRoXOc') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-size: 11px;
	font-family:  Verdana, Verdana, Geneva, sans-serif;
	background: #fafafa;
	color: #000000;
	text-align: left;
}

/* Header Tag Styles */
h1, h2, h3 { font-family: Museo, Verdana, Geneva, sans-serif; }
h1 { font-size: 48px; line-height: 18px; letter-spacing: -1px; }	
h2 { font-size: 36px; line-height: 35px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }	
h6 { font-size: 13px; }

/* Link Styles */
a { color: #FFFFFF; cursor: pointer; outline: none; text-decoration: none;}
a:hover { text-decoration: underline; }

/* Image Styles */
img { border:none; }

/* Paragraph Styles */
p { font-size: 13px; line-height: 18px; }

/* Table Styles */
table { border-collapse:collapse; }
table td{ vertical-align: top; }

/* Form Styles */
label{ color: #919191; font-size: 13px; }
input,
textarea,
select { border: 1px solid #DEDEDE; background-color: #FAFAFA; padding: 5px 3px; }

/* Search Form */
#searchform input#searchsubmit { background-color:#DB1F26; color:#FFFFFF; cursor:pointer; text-transform:uppercase; }

/* Wrapper Styles 
----------------------------------------------------*/
#wrapper {
	background-color: #fafafa;
	margin: 0 auto; 
	padding: 15px 0px;
	text-align: left;
	width:985px; 
}

/* Header Styles 
----------------------------------------------------*/
#header { margin-left:17px; width:951px; }

#header h1{ float: left; margin-bottom: 10px; }
#header-info{ font-family: Museo, Verdana, Geneva, sans-serif; float: right; text-align: right }
#header-info .phone{ color: #db1f26; font-size: 26px; height: 22px; line-height: 18px; float: right; margin-bottom: 5px; position: relative; width: 220px;  }
#header-info .phone img{ float:left; }
#header-info .phone .number{ display: block; float: left; padding-top: 4px;  width: 195px; }
#header-info .slogan{ color: #555555; clear: both; font-size: 20px;  }

/* -- Menu -- */
.main-menu{ 
	background-color: #db1f26;
	font-family: Museo, Verdana, Geneva, sans-serif; 
	font-size: 14px; 
	float: left;
	position: relative;
	text-transform: uppercase; 
	width: 100%;
	z-index: 3000;
}
.main-menu li{ float: left; position: relative; }
.main-menu li a{ float: left; margin: 0px 15px; padding: 10px 20px; }
.main-menu li:hover a,
.main-menu.news li#menu-item-32 a,
.main-menu li.current-menu-item a,
.main-menu li a:hover{ background-color: #FFFFFF; color: #222222; text-decoration: none; }

/* -- Sub Menu --*/
.main-menu ul.sub-menu{
	display:none;
	float:left;
	left:0;
	position:absolute;
	top:35px;
	z-index: 1000;
}

.main-menu ul.sub-menu ul{ left: 100%; top: 0; }
.main-menu ul.sub-menu a{
	background:#222222;
	color: #6d6d6d; 
	height:auto;
	line-height:1em;
	font-family: Verdana;
	font-size: 13px; 
	line-height: 22px;
	padding:3px 10px 5px;
	width: 150px;
}

/* CSS Drop Down */
.main-menu li#menu-item-30:hover > a,
.main-menu li#menu-item-31:hover > a,
.main-menu ul.sub-menu:hover > a,
.main-menu ul.sub-menu a:hover {
	color:#ffffff;
	background:#222222;
}
.main-menu li:hover > ul.sub-menu,
.main-menu li ul.sub-menu.over {
	display:block;
}

/* Content Styles
-----------------------------------------------------*/
#content{ width: 985px; }

/* -- Home Page --*/
/* -- Banner --*/
#banner{
	background: url(images/banner.png) no-repeat left top;
	height: 362px;
	margin: 10px 0px;
	position: relative;
	width: 982px; 
	z-index: 1;
}
#banner .slide{ position: relative; }
#banner .slide img{ position: absolute; left: 327px; top: 11px; z-index: 1;  }
#banner .slide .description{  color: #FFFFFF; left:18px; position:absolute; top:11px; text-align: center; width:307px; }
#banner .slide .description h1{ margin: 35px 0px; }
#banner .slide .description p{ font-size:12px; line-height:21px; margin:0 auto; width:245px; }
#banner .slide .description a{ color:#FFFFFF; display:block; margin-top:15px; text-decoration:underline; }

#banner #slide-nav{ bottom:23px; left:108px; position:absolute; padding: 10px 0px 0px; }
#banner #slide-nav a{  background-color:#E4888A; display: block; float:left; height:12px; margin-right:13px; width:35px; }
#banner #slide-nav a.activeSlide,
#banner #slide-nav a:hover{ background-color: #FFFFFF; }

#home-content-menu{ margin-bottom:20px; margin-left:16px; margin-top:10px; position:relative; width: 100%; }
#home-content-menu .item{  
	background: none; 
	border: 1px solid #e8e8e8;  
	float: left;  
	height: 197px;  
	margin-right: 10px; 
	position: relative; 
	text-transform: uppercase;
	width: 308px; 
}
#home-content-menu .item#drill-picture a,
#home-content-menu .item#mm-picture a{ display: block; height: 199px; width: 310px;}
#home-content-menu .item#drill-picture a{ background-image: url(images/test-board-sprite.jpg); background-repeat: no-repeat; height: 199px; width: 310px; }
#home-content-menu .item#mm-picture a{ background-image: url(images/pcb-design-sprite.jpg); background-repeat: no-repeat; height: 199px; width: 310px; }
#home-content-menu .item#drill-picture a:hover{ background-position: bottom; }
#home-content-menu .item#mm-picture a:hover{ background-position: bottom; }

#home-content-menu .item a:hover > img{ background-color: #000000; filter:alpha(opacity=70); opacity:0.7; }
#home-content-menu #news-items.item .news-item{ margin-left:20px; margin-top:30px; position:relative; width:275px; }

#home-content-menu #news-items.item .news-item h6{ color: #db1f26; font-weight: bold; margin-bottom: 5px; }
#home-content-menu #news-items.item .news-item span.date{}
#home-content-menu #news-items.item .news-item p{ margin: 5px 0 8px; text-transform: none; }
#home-content-menu #news-items.item .news-item a{ color: #db1f26; }

/* -- General Pages --*/
#main-content{ 
	background-color:#FFFFFF;
	border:1px solid #DEDEDE;
	float:left;
	margin-bottom:10px;
	margin-left:16px;
	margin-top:10px;
	min-height:771px;
	padding:20px 35px;
	width:635px;
}
#main-content h2{ margin: 20px 0px; }
#main-content a{ color: #db1f26; }
#main-content p{ margin-bottom: 15px; }

/* -- Tab Area --*/
.tabbed_box{ margin-top: 50px; position: relative; }
.tabbed_area{ position: relative; }

#main-content .post ul.tabs{ margin: 0px; padding: 0px; margin-left: 20px; margin-bottom: 9px; }
#main-content .post ul.tabs li{ list-style: none; display: inline; margin-left: 0px;  }
#main-content .post ul.tabs li a{ 
	background-color: #fafafa;
	border: 1px solid #dedede; 
	color: #222222; 
	font-family: Museo, Verdana, Geneva, sans-serif; 
	font-size: 24px; 
	padding: 10px 20px; 
	position: relative;
	text-transform: none; 
	z-index: 1;
}
#main-content ul.tabs li a.active,
#main-content ul.tabs li a:hover{
	background-color: #d81f25;
	border: 1px solid #6f8083;
	color: #FFFFFF;
	border-bottom: none; 
	text-decoration: none;
	z-index: 2;
}

#main-content .content{
	background-color:#D81F25;
	border:1px solid #6F8083;
	padding:10px 25px 10px 20px;
	position:relative;
	z-index:1;
}
#main-content #content_2, 
#main-content #content_3 { display:none; }  
#main-content .content p{ color: #FFFFFF; }

#main-content .post h3{ margin: 10px 0px; clear: both; }
#main-content .post h3 a{ font-size: 24px; color: #222222; }
#main-content .post ul,
#main-content .post ol{ font-size: 13px; font-family: Verdana; }
#main-content .post ul li{ list-style-type: square; margin:3px 0 3px 30px; }
#main-content .post p.jump{ margin-bottom: 0px; }
#main-content .post ul.no-list{ float: left; margin: 5px 0 15px; }
#main-content .post ul.no-list li{ float:left; list-style-type:none; margin-left:0; margin: 5px 0px; }
#main-content .post ul.no-list li a{ background-color:#DB1F26; color: #FFFFFF; margin-right:5px; padding:3px 9px; }
#main-content .post ul.no-list li a:hover{ background-color: #ed5358; text-decoration: none; }
#main-content .post ol li{ list-style-type: decimal; margin: 10px 0px 10px 30px; }

/* -- Product Pages --*/
#main-content table{}
#main-content table.product-table td{ padding: 10px 20px 10px 0px; }
#main-content table.product-table td a{ text-transform: uppercase; }

#main-content table td{ vertical-align: top; }
#main-content table td.product-column{ padding-right: 155px; }
#main-content table td.product-column h4{ font-size: 13px; font-weight: bold; color: #222222; }
#main-content table td.product-column ul{ font-size: 13px; margin-bottom: 20px;  }
#main-content table td.product-column ul li{}


/* -- Blog -- */
#main-content.narrow{ width: 400px;  }
#main-content .post{ font-family: Verdana; }
#main-content h3.posttitle{ margin: 10px 0px 0px; }
#main-content h3.posttitle a{ 
	color: #db1f26; 
	font-size: 14px; 
	font-weight: bold;
	font-family: Verdana;
	line-height: 18px; 
	text-transform: uppercase;  
}
#main-content .post span.time,
#main-content .post span.category{ color: #888888; text-transform: uppercase; }
#main-content .post a{ font-size: 13px; }
#main-content #sociable{ margin-top: 5px; }
#main-content #sociable .sociable{ margin: 0px; }
#main-content .post .sociable ul li{ margin-left: 0px; }

#main-content h2.singleposttitle{ font-size:32px; margin:10px 0; }


/* -- Contact page --*/
#main-content #contact-table{}
#main-content #contact-table td.table-content{ padding-right: 20px; }
#main-content #contact-table td hr{ background-color: #dedede; color: #dedede; }
#main-content #contact-table td #map{ margin-top: -50px; }
#main-content #contact-table td p.border{ border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 5px 0px 12px; }
#main-content #contact-table td em{ font-style: italic; }
#main-content #contact-table td .sales-office{ margin: 20px 0 35px;  }
#main-content #contact-table td h5.sales-title{ color: #db1f26; font-size: 12px; font-family: Verdana; font-weight: bold; text-transform: uppercase; }

/* -- Contact Form --*/
#main-content .gform_wrapper{ font-family: Verdana; font-size: 13px; font-weight: normal; padding-left: 12px;  }
#main-content .gform_wrapper .gform_fields li{ margin-left: 0px; }
#main-content .gform_wrapper label{ color: #919191; font-weight: normal; padding-left: 10px; }
#main-content .gform_wrapper input,
#main-content .gform_wrapper select,
#main-content .gform_wrapper textarea{ color: #555555; font-family: Verdana; font-size: 13px; padding: 5px 3px; width: 325px; }
#main-content .gform_wrapper select{ width: 332px; }
#main-content .gform_wrapper .fakefile{ margin-top: -22px; }
#main-content .gform_wrapper input#input_1_10__fake{ width: 231px; }
#main-content .gform_wrapper input.file_button{
	background-color:#DB1F26;
	border:1px solid #6F8083;
	color:#FFFFFF;
	cursor:pointer;
	margin-left:10px;
	margin-top:1px;
	padding:4px 0;
	text-transform:uppercase;
	width:83px;
}
#main-content .gform_wrapper .gfield_description { color: #919191;}
#main-content .gform_wrapper input.button{ 
	background-color:#DB1F26;
	border:1px solid #6F8083;
	color:#FFFFFF;
	cursor: pointer;
	display:block;
	float:right;
	margin-right:16px;
	padding:5px 20px;
	text-transform:uppercase;
	width:auto;
}
/* Error Message */
#main-content .gform_wrapper .validation_error{
	background-color:#DB1F26;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:13px;
	font-weight:normal;
	line-height:18px;
	margin-bottom:16px;
	padding:5px;
}
#main-content .gform_wrapper .gfield_error {
	background-color:#FFDFDF !important;
	margin-bottom:6px;
	margin-top:4px !important;
	padding:0 14px !important;
}
/* Confirmation Message */
#main-content #gforms_confirmation_message{
	background-color:#DB1F26;
	border:1px solid #DEDEDE;
	color:#FFFFFF;
	font-size:13px;
	margin-bottom:10px;
	margin-top:10px;
	padding:20px 10px;
	text-align:center;
	text-transform:uppercase;
	width:340px;
}

/* -- Careers Page -- */
#main-content h2#hiretitle{
	border-bottom:1px solid #DEDEDE;
	padding-bottom:10px;
	font-size: 30px; 
	margin-bottom: 25px; 
}
#main-content h3.job-title{ /* color: #DB1F26; */ }
#main-content table.job-table{ border-top: 1px solid #DEDEDE; }
#main-content table.job-table td{ padding: 10px 0 5px; }
#main-content table.job-table td.label-cell{ width: 140px; }
#main-content table.job-table td span.label{ font-size:13px; font-weight:bold; }
#main-content table.job-table td p{}
#main-content table.job-table td a{}

/* Sidebar Styles
----------------------------------------------------*/
#sidebar {
	background-color: #FFFFFF;
	border: 1px solid #dedede; 
	margin-right: 17px; 
	margin-top: 10px;
	margin-bottom: 10px; 
	float: right; 
	padding:10px;
	min-height: 440px; 
	width: 210px; 
}
#sidebar.small{
	float:right;
	min-height: 660px;
	width:205px;
}

/* -- Widget Styles --*/
#sidebar h2.widgettitle{ 
	border-bottom: 1px solid #dedede; 
	color: #222222;
	font-size: 14px; 
	line-height: 24px; 
	margin-bottom: 5px; 
	text-transform: uppercase; 
}
#sidebar ul li.widget{ list-style-type: none; margin-bottom: 20px; }
#sidebar ul li.widget a{ color: #db1f26; text-transform: uppercase; }
#sidebar ul li.widget h5{ font-size: 13px; }
#sidebar ul li.widget span.time{ color: #888888; font-size: 11px; }
#sidebar ul li.widget span.category{ font-size: 11px; }
#sidebar ul li.widget ul li.recent-post-item{ margin: 5px 0px;}
#sidebar ul li.widget ul li.jaw_months{ margin-left: 20px; font-size: 11px; text-transform: uppercase; }
#sidebar ul li.widget ul li.cat-item{ color: #db1f26; }
#sidebar ul li.widget .box-widget{ 
	border: 1px solid #dedede; 
	background-color: #fafafa; 
	min-height: 200px; 
	padding-bottom: 10px; 
	text-align: center;
	width: 203px; 
}
#sidebar ul li.widget .box-widget p{ margin: 5px auto; width: 185px;  }


/* Call to Action
----------------------------------------------------*/
#call-to-action{ background: #FAFAFA url(images/call-to-action-bg.jpg) no-repeat center center; min-height: 127px; position: relative; width: 985px; }

#call-to-action .left-call{ float: left; margin-top: 20px; margin-left: 50px; text-align: center; width: 520px; }
#call-to-action .left-call span.small,
#call-to-action .left-call span.medium,
#call-to-action .left-call span.large{ font-family: Museo, Verdana, Geneva, sans-serif; }
#call-to-action .left-call span.small{ font-size: 24px; letter-spacing: -1px; }
#call-to-action .left-call span.medium{ font-size: 36px; letter-spacing: -1px; }
#call-to-action .left-call span.large{ color: #c91013; font-size: 48px; letter-spacing: -2px; }

#call-to-action .right-call{ float: right; margin-top: 30px; margin-right: 60px; text-align: center; width: 335px;  }
#call-to-action .right-call p{ font-size: 12px; }
#call-to-action .right-call a{ color: #db1f26; text-transform: none; }

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

#footer { background-color:#C91013; line-height: 16px;  margin-left:16px; padding:15px; width:922px; }

.footer-menu-wrapper{ float: left;  margin-right: 15px; position: relative; } 
.footer-menu-wrapper h5{  border-bottom: 1px solid #d9585a;  color: #FFFFFF;  margin-bottom: 2px;  padding-bottom: 2px; text-transform: uppercase; }

#people-menu.footer-menu-wrapper h5{ width: 110px; }
#products-footer-menu.footer-menu-wrapper h5{ width: 115px; }
#services-menu.footer-menu-wrapper h5{ width: 150px; }
#news-menu.footer-menu-wrapper h5{ width: 200px; }

.footer-menu-wrapper .footer-menu,
#news-menu.footer-menu-wrapper{ text-transform: uppercase; }

#footer #copyright{  float: right;  color: #FFFFFF; font-family: Museo, Verdana, Geneva, sans-serif; font-size: 14px;  text-transform: uppercase; text-align: right; }
#footer #copyright .credit{ font-family: Verdana, Geneva, sans-serif; font-size: 10px; }