/*
Theme Name: MQM 2009
Theme URI: http://mariusmilcher.com/
Description: Theme created exclusivley for MQM Consulting
Version: 0.1
Author: Marius Milcher
Author URI: http://mariusmilcher.com/
Tags: clean, whitespace
*/

@import url("960.css");
@import url("reset.css");
@import url("text.css");

	/* General Body Styles */
		html, body {
			height:100%;
			background:url(images/body_head.jpg) repeat-x top;
		}
		a, a:visited {
			color:#3D62B8;
			text-decoration:none;
		}
		a:hover {
			text-decoration:underline;	
		}
		
	/* Header */		
		
		#header {
			height:115px;
		}
		#header h1 {
			text-indent:-9999px;
			background:url(images/logo-2.png) top left no-repeat;
			width:410px;
			height:81px;
			position:absolute;
			top:16px;
		}
		
	/* Navigation */
	
		
		#navigation {
			height:33px;	
		}
		#shop_menu a, #menu a{
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.1em;
			text-decoration:none;
			text-shadow:1px 1px 1px #666;
		}
		#menu {
			float:left;
			margin:1px 0;
			border-left:1px solid #008D8D;
		}
		#menu li {
			float:left;
			list-style:none;
			margin:0;
			padding:0;
			border-right:1px solid #008D8D;
			height:33px;
		}
		#menu li a, #shop_menu li a {
			padding:0 35px 0;
			display:block;
			margin-top:.3em;
		}
		#menu li a {
			color:#FFF;
			font-size: 1.2em;
		}
		#menu li a:hover {
			color:#fff;
			text-shadow: none;
		}
		#menu li.current_page_item, #menu li.current_page_ancestor, #menu li.current_page_parent {
			background:url(images/menu_hover.jpg) repeat-x;
		}
		#menu li.current_page_item a:hover {
			color:#FFF;
		}		
		.sub_nav {
			display:table; 
			margin: 0 0 1em;
		    padding: 1em 0;
		    width: 100%;
		    border-bottom: 1px solid #E8E8E8;
		}
		.sub_nav .current_page_item{
			font-weight:bold;	
		}
		.sub_nav li {
			float:left;
			padding:0 1.5em 0 0;
			margin:0;
			list-style:none;
		}
		#shop_menu {
			width:300px;
			float:right;
		}
		#shop_menu li {
			float:right;
			list-style:none;
		}
		#shop_menu li a {
			color:#D5AE60;
			padding-right:40px;
			background:url(images/shop_icon.png) no-repeat right 3px; 
		}
		#shop_menu li a:hover {
			color:#fff;
			background:url(images/shop_icon_hov.png) no-repeat right 3px;
		}
		#socials{
			position: absolute;
			right: 0;
			list-style-type: none;
			top: -7em;
		}
		#socials li, #socials li ul {
			margin:0;
			padding:0;
		}
		#socials li {
			float:right;
			text-indent:-9999px;
			margin: .5em 0 0 1em;
		}
		#socials li a {
			display:block;
			height:24px;
			width:24px;
		}
		#socials #twitter a {
			background:url(images/twitter.png) no-repeat top left;
		}
		#socials #linked-in a {
			background:url(images/linkedin.png) no-repeat top left;
		}
		#socials #rss a {
			background:url(images/rss.png) no-repeat top left;
		}
		
	/* Main Content Styles */	
	
		#container {
		 	min-height:100%;
		   	position:relative;
		}
		#body {
			padding-bottom:215px;
			height:100%;
			position: relative;
		}
		
		.content {	
			margin:3em 1em;
		}
		.content p, .content ul, .content ol {
			font-size: 102%;
			color:#666;
			line-height: 150%;
		}
		.home h2 {
			margin: 0 0 1.5em 0 !important;
		}
		.services .entry {
			margin:2em 0 0;	
		}
		.services .entry a {
			display: block;
			margin:1em 0;
		}
		.content.services h3 {
			font-size: 2em;
			line-height: 1em;
			min-height: 2em;
			margin: 1em 0 0 0;
			vertical-align: middle;
		}
		.content.services .action {
			background: url(images/arrow-curve-000-left.png) 0 2px no-repeat;
			padding: 0 0 0 2em;
			font-size: 1em;
			font-weight: bold;
		}
		.contact h2{
			margin: 0 0 1.5em !important;
		}
		.contact label {
			width: 25%;
			float: left;
			font-weight: bold;
			vertical-align: bottom;
			padding: .3em 0 0 0;
		}
		.single h2 {
			color: #333333 !important;
   			margin: 0 0 0.5em 0 !important;
    		padding: 0 0 0.5em;
    		line-height: 1.1em;
		}
		.content h2 {
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
			font-size: 1.9em;
			color: #444;
			font-weight: normal;
			margin: 0;
			border-bottom: 1px solid #E8E8E8;
		}
		.content h3 {
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
			font-size:1.4em;
			font-weight:normal;
			padding:0 0 0.5em 0;
			margin:0;
			color:#006666;
		}
		.content h4 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.2em;
			color:#666;
			font-weight:bold;
			padding:0 0 0.5em 0;
			margin:0;
		}
		
		.content p.home {
			margin: 0 0 2em 0;
			font-size:105%;
			line-height: 1.5em;
			
		}
		.content .post {
			border-bottom:1px solid #E8E8E8;
			margin: 0 0 1em;
    		padding: 0 0 2em 0;
		}	
		.content .post .entry {
			position:relative;
		}
		
	/* Blog Styling */
		#blog h2 {
			margin: 0 0 1em;
		}
		#blog h3 {
			font-size:1.7em;
			color:#999;
			font-weight:normal;
			padding:0;
			margin:0;
			color:#006666;
		}
		.content .call-action {
			background: rgb(255,255,255); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
			background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
			
			border: 1px solid #CCC;
			padding: .5em;
			border-radius: .5em;
			text-align: center;
			font-size: 1.2em;
			box-shadow: 0 0 7px rgba(0,100,0,0.3);
			margin: 2em 0;
		}
		.content .call-action a {
			margin: 0;
			padding: 0 0 0 1em;
			background:url(images/phone-action.png) 0 0 no-repeat;
		}
		.recent-posts {
			margin:-10px 0 0 0;
			padding:0;
		}
		.recent-posts li{
			margin:0;
			padding:5px 0;
			list-style:none;
		}
		.recent-posts .date {
			font-family:Verdana, Geneva, sans-serif;
			font-size:0.8em;
			color:#999;
			display:block;
			margin-top:0;
		}
		blockquote{
			margin-left:2em;
			border-left:1px solid #ccc;
			font-style:italic;
			margin:0 0 1.5em 0;
			padding:0 0 0 2em;
			}	
		.pullqoute_block {
			display:block;
			padding:0 0 0 1em;
			border-left:2px solid #CCC;
			margin:0 0.5em 1em 0.1em;
			text-align:left;
			font-size:1.1em;
			font-style:italic;
		}
		.entry-summary {
		
		}
		.entry-meta {
		    color: #999999;
		    font-size: small;
		    margin: 0 0 2em;
		}
		.entry-utility {
			
		}

	/* Contact Page Styling */
		.content.contact h2 {
			padding:0 0 0 1.5em;
			background: url(images/phone-action.png) 0 .3em no-repeat;
		}
	
	/* Sidebar Styles */
	
		.sidebar { 
			padding-top:1.3em;
			padding-left:0.3em;
		}
		.sidebar ul li {
			list-style:none;
			padding:0;
			margin:0;
		}

		li#latest-products h2 {
			background:url(images/star.png) no-repeat 0 6px;
			padding:3px 25px;
		}
		li#shopping-cart h2 {
			background:url(images/shopping-basket.png) no-repeat 0 0px;
			padding:0 25px;	
		}

		#meta-title{
			display:none;
		}
		
		.widget_meta ul li {
			font-size:0.9em;	
		}
		h4#extranet_sidebar {
			margin-top:4em;	
			font-weight:bold;
			color:#333;
		}
		.sidebar h2 {
			margin:15px 0 10px 0;
			font-size:1.1em;
			font-weight:bold;
			color:#666;
		}
		#search h2{	
			background:url(images/magnifier.png) no-repeat 0 8px;
			padding:5px 25px;
		}
		#recent-articles {
			position: relative;
		}
		#recent-articles a {
			color:#3D62B8;
		}
		#recent-articles a:hover {
			
			color:#2B4684;
			text-decoration: none;
		}
		#recent-articles .rss {
			background:url(images/feed.png) no-repeat top left;
			height:16px;
			width:16px;
			position: absolute;
			text-indent: -9999px;
			left:0;
			top:.5em;
		}
		#recent-articles h2 {
			padding:5px 25px;
		}
		#recent-articles h3 {
			font-size: 0.9em;
		    margin: 0;
		    line-height:1.2em;
		}
		#recent-articles h5 a {
			font-size: x-small;
    		font-weight: bold;
		} 
		.sidebar ul.recent-posts li {
			margin:1em 0;
		}
		#wp-cumulus h2 {
			background:url(images/tags.png) no-repeat 0 6px;
			padding:5px 25px;
		}
		
	/* Home Grid Styles */
		.home_grid h3 {
			padding: 0.5em 0;
			margin: 0 0 -.2em 0;
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
			font-size: 1.3em;
			font-weight: normal;
			color: #066;
			line-height: 1.5em;
		}
		.home_grid p {
			font-size:0.9em;
			color:#666;
			line-height: 1.5em;
			text-align:left;
		}
		
		.home_grid h3#m {background:url(images/flask.png) no-repeat 0 5px;}
		.home_grid h3#qm {background:url(images/tick-shield.png) no-repeat 0 5px;}
		.home_grid h3#hs { background:url(images/exclamation-diamond-frame.png) no-repeat 0 5px;}
		.home_grid h3#fshaccp { background:url(images/target.png) no-repeat 0 5px;}
		
	/* Footer Styles */	

		#footer {
			background:#D1D9D8;
			width:100%;
			border-top:4px solid #CCC;
			height:100%;
			margin-top:120px;
			padding:1.3em 0;
			position:absolute;
			display:table;
			bottom:0;
			height:100px;
		}
		#footer a{
			color:#333;
			text-decoration:none;
		}
		#footer a:hover{
			color:#039;
		}
		ul#contact_footer {
			padding:0px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:0.8em;
			color:#666;
		}
		ul#contact_footer {
			float:left;
		}
		div#meta li, ul#credits li{
			list-style:none;
			font-size:0.8em;
			padding:2px 0;
			margin:0;
			color:#666;
		}	
		div#meta li {
			text-align:right;	
		}
		div#meta ul {
			margin:0;
			padding:0;
		}
		ul#contact_footer li {
			list-style:none;
			padding:1px 0;
			margin:0;
		}
		ul#contact_footer li#name{
			font-weight:bold;
			font-size:1em;
			
		}
		ul#contact_footer li#addr{
		}
		ul#contact_footer li#vcard{
			padding:0;
			background:url(images/vcard.png) no-repeat 9em 0;
		}
		ol.commentlist li {
			padding:0 0 0 30px;
			margin:0;
		}
		
		ul#credits {
			float:right;
			font-style:italic;
		}
		ul#credits li {
			list-style:none;
			text-align:left;
		}
		
		div#accred {
			margin:0 auto;	
		}
		div#iso-9001 {
			height:90px;
			width:115px;
			background:url(images/iso-9001.jpg) top no-repeat;
			float:left;
			margin:0 10px 0 0;
		}
		div#brc-logo {
			height:90px;
			width:67px;
			background:url(images/brc-logo.jpg) bottom no-repeat;
			float:left;
			margin:0 10px 0 0;
				
		}
		.hidden {
			display:none;	
		}
		
	/* grid */
		
		.cols{} /* main column container class */
		.col{
			float:left;
			display:inline;
			width:48%;margin-left:4%; /* 2 equal width columns layout - default */
			}	
		.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
		.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		
		/* use following classes to build custom grid (add as many as you want) */
		
		.col1, .col2, .col3{float:left;display:inline;}
		.col1{}
		.col2{}
		.col3{}
		
		.indent1{}
		.indent2{}
		.indent3{}
		
	/* grid */
	/* common */		
	
		.left{float:left;margin-right:1em;}
		.right{float:right;margin-left:1em;}
		.center{text-align:center;}
		
		.clear{clear:both;}
		.first{margin-left:0 !important;}
		.last{margin-right:0 !important;}
		.top{margin-top:0 !important;}
		.bottom{margin-bottom:0 !important;}	
		.hidden, .print{display:none;}
		.graphic{
			margin:0;
			padding:0;
			display:block;
			overflow:hidden;
			text-indent:-8000px;
			}
	
	/* // common */		
		
		
#searchform #s {
	width: 145px;
	height: 24px;
	padding: 5px 5px 0px 5px;
	border: 1px solid #CCC;
	vertical-align: middle;
	border-radius: 8px;
}
#searchform #searchsubmit {
	width: 50px;
	font: normal 11px Tahoma, Geneva, sans-serif;
	color: #333;
	vertical-align: top;
	margin: 0;
	background: #EEE;
	background: -moz-linear-gradient(top, white 0%, #F6F6F6 47%, #EDEDED 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(47%,#F6F6F6), color-stop(100%,#EDEDED));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border: 1px solid #CCC;
	border-radius: 8px;
	padding: .75em 0;
}
#sliding_cart {
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	color:#333;
}
.shoppingcart th {
	text-align:left;
}
.shoppingcart td, .shoppingcart th {
	padding:5px 5px 5px 0;	
}
.alignleft {
	float:left;
	padding:0.4em 1em 0.4em 0;
}
.alignright {
	float:right;
	padding:0.4em 0 0.4em 1em;
}
input[type=text], textarea {
	background-position:top;
	background-repeat:repeat-x;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666;
	border:1px solid #b5b8c8;
	padding:3px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
}
input[type=text]:focus, textarea:focus {
	border:1px solid #7eadd9;
	background-image:none;
	background-color:#FFFFCC;
}
input[type=submit] {
	font: normal 11px Tahoma, Geneva, sans-serif;
	color: #666;
	vertical-align: top;
	margin: 0;
	background: #EEE;
	background: -moz-linear-gradient(top, white 0%, #F6F6F6 47%, #EDEDED 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(47%,#F6F6F6), color-stop(100%,#EDEDED));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border: 1px solid #CCC;
	border-radius: 8px;
	padding: .75em 1em;
	font-weight:bold;
}
input[type=submit]:focus {
	
}

#post_category {
	padding:0.5em 0;
	font-size:0.8em;
	color:#999;
}
ul#blog_meta {
	padding:0;
	margin:0 0 1em 0;
	color:#999;
	font-size:0.8em;
}
ul#blog_meta li {
	list-style:none;
	padding:0;
	margin:0;
}
a#vacancies {
	background:url(images/vacancies.jpg) bottom no-repeat;
	width:210px;
	height:60px;
	display:block;
}
a#haccp_intl {
	background:url(images/HACCP_intl-2.png) bottom no-repeat;
	width:210px;
	height:90px;
	display:block;
}
ol.commentlist {
	margin-left:2em;	
}
h2#elior {
	background:url(images/elior-logo.gif) no-repeat 0 78px;
	padding-left:115px;
	display:block;
	font-size:3.3em;
}
fieldset{
	border:1px solid #ccc;
	padding:1em 2em;
	margin:0 0 1.5em 0;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}
legend{
	padding:2px 5px;
	font-weight:bold;
}	
#course_request {
	margin-top:6em;
}
.breadcrumb {
	padding:2em 0 0;
	color:#999;
	font-size:0.9em;
}
.breadcrumb a {
	
}
.amp {
	font-family: 'Goudy Bookletter 1911',serif;
}
.home_grid img {
	margin: 1em 0;
	border-radius: 10px;
	box-shadow: 1px 1px 5px #ccc;
}

#menu #menu-item-746 {
	background: url(images/phone-gold.png) 15px 6px no-repeat;
	padding: 0 0 0 1em;
	background-size: 1.5em;
	position: absolute;
	right: 4.5em;
	border: none;
}
#menu #menu-item-746 a {
	font-size: 0.9em;
	margin: .6em 0 0 0;
	font-weight: bold;
	color: gold;
}