/* 
Title:		Midwest Cutting and Fabric Converting
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	March 8th, 2007
Updated:	February 28, 2008
*/

/* Design Notes:

Colors:
	#5B2D0C - Dark Blue Background
	#FBF54A - Medium Bright Yellow 
	#FFFF00 - Yellow Link

*/

/*--[Global]----------------------------------------------------------*/
html, body, form, fieldset, legend, input, select, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, img {
	margin:0;
	padding:0;
}
ul, li {
	list-style-type:none;
}
body {
	background: #5B2D0C url(../images/bg_body.jpg) repeat-x; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: small;
	line-height: 1.1em;
	color: #FFFFFF;
	text-align: center; /* KLUDGE: IE5.5 and IE6 in quirks mode doesn't understand auto margining. IE misunderstands text-align: center and centers everything. Must reset text to the left in the wrapper tag. */
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}


/*--[Float Clearing]--------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}

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

/*Sonspring's Clearall */
.clear {
	 border: 0;
	 clear: both;
	 display: block;
	 float: none;
	 margin: 0;
	 overflow: hidden;
	 visibility: hidden;
	 width: 0;
	 height: 0;
}
hr {
	clear:both;
	visibility:hidden;
}		

/*--[Set Common Elements]----------------------------------------------------------*/
.tiny {
	font: xx-small Arial, Helvetica, sans-serif;
}
.clear {
	clear:both;
}
.centered, p.centered {
	text-align:center;
}
.right {
	float:right;
}
.left {
	float:left;
}
a img {
	border: none;
}

/*--[Set Generic Link Rules]----------------------------------------------------------*/
a:link {
	color:#FFFF00;
	text-decoration: none;
}
a:visited {
	color: #FFFF00;
	text-decoration: none;
}
a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

/*--[Wrappers]----------------------------------------------------------*/	
#wrapper {
	width: 780px;
	margin: 0 auto;
	text-align: left; /* KLUDGE: Realigns text to the left for the IE fix. */
	background: url(../images/bg_wrapper.jpg) no-repeat 0 0;
	position: relative;
	
}
#content_wrapper {
	background: #343434 url(../images/bg_contentwrapper.jpg) no-repeat 0 4px;	
	font-size: 85%;	
	padding: 15px 0 10px 0;
	margin: 0 7px 0 0; 
	float: right;
	width: 550px;
	display: inline; /* KLUDGE: Fixes IE double-margin bug by using an ignored display value */
	border-top: 1px solid #E4C600;
	min-height:400px;
	height:auto !important;
	height:400px;	
}
#front #content_wrapper {
	min-height:50px;
	height:auto !important;
	height:50
	px;	
}
	#content_wrapper p {
		font-size: 95%;
		line-height: 1.6em;
		padding: 3px 15px;
	}
	#content_wrapper ul {
		padding: 10px 15px;	
	}
		#content_wrapper ul li {
			padding: 4px 0 4px 16px;
			background: url(../images/bullet_yellow.gif) no-repeat 0 7px;
		}

	#content_wrapper address {
		font-style: normal;
		padding: 3px 15px;
		font-size: 100%;
	}

/*--[Headlines]----------------------------------------------------------*/
h2.tagline {
	font: italic bold 160%/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	text-transform: uppercase;
	color: #FFF;
	position: absolute;
	top: 200px;
	right: 0;
}
h2.widetopper {
	font: normal 175%/1.2em Arial, Helvetica, sans-serif;
	text-align: right;
	color: #FFF;
	margin: 0 10px 10px 10px;
}	
h2.gen_title {
	font: normal 225%/1.2em Arial, Helvetica, sans-serif;
	text-align: right;
	color: #FFF;
	padding: 0 0 0 0;
	margin-bottom: 40px;
}
h3.columnhead {
	font: normal 180%/normal "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;	
	color: #FFF;
	margin: 25px 0 0px 0;
}
/*h4 {
	color: #E3701F;
	font: normal 120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 3px;
}*/
h4 {
	color: #E4C600;
	font: normal 160% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 8px;
}

/*--[Images]----------*/
img.contentright {
	float: right;
	border: 1px solid #434343;
	margin: 10px;
	background-color: #14223D;
	padding: 5px;
}
img.contentleft {
	float: left;
	border: 1px solid #434343;
	margin: 10px;
	background-color: #14223D;
	padding: 5px;
}
/* Hides from IE-mac \*/
* html contentright {height: 1%;}
/* End hide from IE-mac */


/*--[Masthead]----------*/
#masthead {
	position: relative;
	height: 86px;
}
#front #masthead {
	position: relative;
	height: 326px;
}
	#masthead h1 {
		width: 252px;
		height: 158px;
		background: url(../images/img_mcfc_logo.gif) no-repeat 0 0;
		text-indent: -9926px;
		z-index: 10;
		position: absolute;
		top: 0;
		right: 440px;
	}
		#masthead h1 a {
			display: block;
			height: 158px;
			background: url(../images/img_mcfc_logo.gif) no-repeat 0 0; /* Logo needs to be repeated in order to prevent flickering in IE on mouse over. */
		}

/*--[Masthead Search Bar]----------*/
#top_search {
	position: absolute;
	top: 45px;
	right: 7px;
	width: 250px;
}
	#top_search fieldset {
		border: none;
	}
	#top_search legend {
		text-indent: -9926px;
	}		
p.searchitem {
	float: left;
	padding-left: 54px;
}
	p.searchitem select, p.searchitem input {
		font: 75% Verdana, Arial, Helvetica, sans-serif;
		color:#666666;
	}
	p.searchitem input {
		width: 155px;
		padding: 1px 0;
	}
p.searchsubmit {
	float: right;
	padding-left: 10px;
}
		
/*--[Rotating Home Page Picture]----------*/
#frontpic {
	position: absolute;
	top: 86px;
	height: 240px;
	width: 550px;
	right: 7px;
	z-index: 5;
	border-top: 1px solid #E4C600;
	border-bottom: 2px solid #E4C600;
	background: #505050 url(../images/rotate/img_frontpic_1.jpg) no-repeat 0 0;
}

/*--[Front Doors]---------*/
.framed {
	border: 2px solid #D0D0D0;
}

/*--[Side Block}-------*/
#sidecol {
	position: absolute;
	top: 194px;
	width: 210px;	
}
/*--[Navigation]----------*/
ul.sidenav {
	border-top: 1px solid #FC7C24;
	padding: 6px 0;
}
	ul.sidenav li {
		text-align: right;
		font: normal 130%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		padding: 5px 0;

	}
	ul.sidenav li.sub {
		font: bold 90% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		padding: 1px 0;
		margin-right: 3px;
		background: none;
		border-right: 1px solid #FC7C24;

	}
		ul.sidenav li a:link {
			color: #FFFFFF;		
		}
		ul.sidenav li a:visited {
			color: #FFFFFF;
		}
		ul.sidenav li a:hover {
			color: #FBF54A; /* Med-bright yellow */
			text-decoration: none;		
		}

			ul.sidenav li.sub a:link, ul.sidenav li.sub a:visited {
				color: #FFF;
				padding-right: 7px;
			}
			ul.sidenav li.sub a:hover {
				color: #FBF54A; /* Med-bright yellow */
			}
/*--[Content Columns]----------*/
#content_col_single {
	margin-left: 10px;
	padding-top: 5px;
}
#content_col_l {
	float: left;
	width: 170px;
	margin-left: 10px;
	padding-top: 5px;
	
}
#content_col_r {
	float: right;
	margin-right: 10px;
	padding-top: 5px;
	width: 340px;
}
#content_col_three {
	float: left;
	width: 170px;
	padding-top: 5px;
	margin-left: 10px;
}
	#content_wrapper #content_col_three p {
		padding: 3px;
		clear: both;
	}

/*--[Case Studies]-------*/
.casestudy {
	padding: 10px;
	border-bottom: 1px solid #686868;

}
#content_wrapper .casestudy h3 {
	color: #E4C600;
	font: normal 160% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 8px;
}
#content_wrapper .casestudy h4 {
	color: #E3701F;
	font: normal 120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 3px;
}
#content_wrapper .casestudy p {
	padding: 5px 0;
}

/*--[Footer]----------*/
#footer_wrapper {
	clear: both;
	width: 550px;
	padding: 0;
	float: right;
	margin: 0 7px 10px 0; 
	border-top: 1px solid #ABABAB;
}
	ul.footer_box {
		background: url(../images/bg_footer_contacttab.gif) no-repeat 0 0;
		width: 250px;
		height: 136px;
		float: right;
		color: #FFF;
		font-size: 80%;
	}
		ul.footer_box address {
			font-style: normal;
			padding-top: 8px;
		}
			ul.footer_box address b {
				font-size: 115%;
			}
		ul.footer_box li {
			padding: 5px 15px;
		}
.copyright {
	color: #999;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}
p#basement {
	clear: both;
	text-align: right;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 10px 15px 0; 
	line-height: 24px;
}
	p#basement a:link {
		color: #999;
	}
	p#basement a:hover {
		color: #FFFF00;
		text-decoration: none;
	}
.octag {
	padding: 12px 30px 12px 0;
	background: url(../images/icon_outdoorclick.gif) no-repeat 100% center;
}

/*--[sIFR]-----------------*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h3.columnhead {
   	visibility: hidden;
	font-size: 15px;
}
.sIFR-hasFlash h2.tagline {
   	visibility: hidden;
	font-size: 25px;
}
.sIFR-hasFlash h2.gen_title {
   	visibility: hidden;
	font-size: 28px;
}
.sIFR-hasFlash h2.widetopper {
   	visibility: hidden;
	font-size: 20px;
}