@charset "utf-8";
/* CSS Document */
	/* reset.css */
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
	body {line-height:1.5;}
	table {border-collapse:separate;border-spacing:0;}
	caption, th, td {text-align:left;font-weight:normal;}
	table, td, th {vertical-align:middle;}
	blockquote:before, blockquote:after, q:before, q:after {content:"";}
	blockquote, q {quotes:"" "";}
	a img {border:none;}
	.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
image alignments
*/
				/* Begin Images */
					p img{padding:0;max-width:100%; border:0;}
					img.centered{display:block;margin-left:auto;margin-right:auto;}
					img.alignright{ padding:4px; margin:0 0 2px 7px;display:inline;}
					img.alignleft{ padding:4px; margin:0 7px 2px 0;display:inline;}
					.alignright{float:right;}
					.alignleft{float:left;}
				/* End Images */
/*
layout
*/
	body { background:#381c4c url(/images/marcol-bg.jpg) 50% 0 no-repeat; background-attachment:fixed; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; color:#555; }
	
	#container{ width:960px; margin:20px auto 20px auto; background:#fff; border:1px solid #381c4c; }
	
	#header-outer{ background:#fff; clear:both;}
	#header { width:960px;  float:left; clear:left; background:#fff; height:261px; width:210px;  }
	#header h1{ text-indent:-999em; background:url(/images/marcol-logo-large3.jpg) 50% 25px no-repeat; width:280px; height:140px; }
	
	div { position:relative; }
	
	#banner p { position:absolute; top:0; right:0; color:#ccc; font-size:140%; font-family:Arial, Helvetica, sans-serif; background:#1E122A; padding:0; font-style:italic; padding-right:10px;  padding-left:10px;  }
	#footer p#webdesign { position:absolute; bottom:0; right:10px; font-size:75%; }
	#footer p#webdesign a:link, #footer p#webdesign a:visited{ color:#555; text-decoration:none; font-family:Arial, Helvetica, sans-serif;   } 
	#footer p#webdesign a:hover, #footer p#webdesign a:active { color:#333; text-decoration:underline;  }
	
	#footer p#nav-footer{ position:absolute; top:10px; right:10px; font-weight:bold; }
	
	#footer p#nav-footer a:link, #footer p#nav-footer a:visited, 
	#footer p#nav-footer a:hover, #footer p#nav-footer a:active { padding-left:30px;  }
	
	
	
	#banner{  background:#1E122A url(/images/banner-welder4.jpg) 0 0 no-repeat;  width:682px; height:263px; float:right; clear:right;  }
	
	
	body#processes #banner{background:url(/images/banner-welder5.jpg) right 0 no-repeat;  }
	body#products #banner{background:url(/images/banner-welder6.jpg) right 0 no-repeat;  }
	body#contact-us #banner{background:url(/images/banner-welder7.jpg) right 0 no-repeat;  }
	
	
	
	#footer { font-size:95%; color:#666; background:#DDE4FD; border-top:1px solid #aaa;
	 clear:both;  padding:10px; height:70px; margin:0 auto;   }
	 
	
	
	#main-outer{ background:#D5DBF5; clear:both;}
	#main{  width:960px; margin:0 auto;  background:#C9D5FD url(/images/3col-bg.gif) 50% 0 repeat-y; border-top:1px solid #bbb; padding-bottom:30px;    }
	body#contact-us #main{background:#C9D5FD url(/images/contact-bg.gif) 0 0 repeat-y; }
	 body#processes #main{ background:#C9D5FD;   }
	
	#sidebar-b {  width:600px; float:right; clear:right; padding-right:20px; }
	#sidebar { width:300px;  float:left; clear:left; padding-left:20px; }
	
	
	
	#who-we-are,#what-we-sell,#where-we-are{  width:310px;}
	#who-we-are p{  width:280px; text-align:left; padding-left:10px; }
	#who-we-are h2 {  }
	#what-we-sell h2 {  }
	#where-we-are h2 {  }
	
	
		#who-we-are h2,
	#what-we-sell  h2,
	#where-we-are h2{  color:#1D0C30; padding-bottom:35px; padding-top:20px; padding-left:20px; text-transform:capitalize; font-weight:normal;   }
	
	#who-we-are{ float:left;  }
		#what-we-sell{ float:left; padding-left:20px; width:300px; }
	#where-we-are{ float:right; }


/*
type
*/
	h2{ font-family:Arial, Helvetica, sans-serif; font-size:180%; color:#1D0C30; padding-bottom:35px; padding-top:20px;}
	h3{ font-family:Arial, Helvetica, sans-serif; font-size:160%; padding-bottom:35px; padding-top:20px;}
	
	p{ padding-bottom:10px; line-height:1.5;}
	
	#main ol { padding-left:40px;}
	#main ol li{ padding-left:7px;}
	#main ul, #main ul ul  { padding-left:20px; padding-bottom:10px;}
	
	
/*	
nav
*/
#button {
width:auto;
	width:280px;
	padding: 0 0 0 0;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	background: #fff;
	color: #516DBE;
	border-top:1px solid #eee;
	}
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li { border-bottom: 1px solid #eee; margin: 0; }
	#button li a {
		display: block;
		padding: 5px 5px 5px 102px;
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
		background: #fff;
		color: #516DBE;
		text-decoration: none;
		/*width: 100%;*/ font-weight:bold;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover { text-decoration:underline; background:#DDE4FD; 
	border-right: 10px solid #DDE4FD;
	border-left: 10px solid #DDE4FD;
		}
		
		/*
		current page tab
		*/
		body#home #button li.n-home a,
		body#products #button li.n-products a,
		body#processes #button li.n-processes a, 
		body#contact-us #button li.n-contact-us a  
		 {
		  color:#333; background:#C9D5FD;
		border-right: 10px solid #C9D5FD;
		border-left: 10px solid #C9D5FD;
		 font-weight:bold;  }

	
/*	images
	*/
	.img-border{ border:1px solid #555;}
	
	/*
	links
	*/
	a:link{ color:#516DBE; }
	a:visited{ color:#6694E3; }
	a:hover{ color:#6694E3; }
	a:active{ color:#6694E3; }
	
	.center-img{ display:block;margin-left:auto;margin-right:auto; }
	
	
	#googleform label{ font-weight:bold; }
	
	.img-caption, #who-we-are .img-caption{ text-align:center; margin-bottom:20px; text-transform:capitalize; font-weight:bold;     }
	
	.product-list{ font-weight:bold; }
	
	.bold{ font-weight:bold; }
	.center, #who-we-are .center{ text-align:center; }