/*
	Client:  Image Transforms (http://www.imagetransforms.com/)
	Author:  Jose Olarte III (http://www.brownbatterystudios.com/)
*/

/* IE BUTTON-WIDTH FIX */

input.button, button.button {
   padding: 0 4px;
   width: 0;
   overflow: visible;
}

input.button[class], button[class] { /* IE ignores [class] */
	width: auto;
}

/* CLEAR FIX */

.clear-block:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0 !important;
	height: 0;
	visibility: hidden;
}

/* GENERIC CLASSES */

.first { margin-left: 0 !important; margin-top: 0 !important; }
.last  { margin-bottom: 0 !important; margin-right: 0 !important; }

.centered { text-align: center; }


/*----------------*/
/* PAGE STRUCTURE */
/*----------------*/

body {
	background-color: #336;
	font-family: "Segoe UI", Helvetica, Arial, sans-serif;
}

/* HEADER */

#HeaderContainer {
	background: #003 url(../images/header-bg.png);
	height: 100px;
}

#Header {
	margin: 0 auto;
	position: relative;
	width: 800px;
}

	#SiteName {
		background: url(../images/logo.jpg) no-repeat;
		height: 100px;
		left: -39px;
		position: absolute;
		top: 0;
		width: 376px;
	}
	
		#SiteName a {
			display: block;
			height: 0;
			left: 23px;
			overflow: hidden;
			padding-top: 48px;
			position: absolute;
			top: 29px;
			width: 330px;
		}
	
	#MainMenu {
		height: 50px;
		position: absolute;
		right: 0;
		top: 50px;
		width: 454px;
	}
	
		#MainMenu li {
			float: left;
			height: 50px;
			list-style: none;
			margin-left: 15px;
		}
		
		#MainMenu li.last {
			float: right;
			margin-left: 0;
		}
		
			#MainMenu li a {
				background: url(../images/menu-sprite.png) bottom no-repeat;
				display: block;
				height: 0;
				overflow: hidden;
				padding-top: 50px;
			}
			
			/* NORMAL */
			#MainMenu li a#MMHome		{ background-position: 0		-50px; width: 49px; }
			#MainMenu li a#MMEquipment	{ background-position: -65px	-50px; width: 94px; }
			/* #MainMenu li a#MMIndustries	{ background-position: -174px	-50px; width: 91px; } */
			#MainMenu li a#MMServices	{ background-position: -194px	-50px; width: 125px; }
			#MainMenu li a#MMNews		{ background-position: -461px	-50px; width: 46px; }
			#MainMenu li a#MMContact	{ background-position: -367px	-50px; width: 79px; }
			
			/* ACTIVE & HOVER */
			#MainMenu li a#MMHome:hover,
			#MainMenu li.active a#MMHome		{ background-position: 0		0; }
			#MainMenu li a#MMEquipment:hover,
			#MainMenu li.active a#MMEquipment	{ background-position: -65px	0; }
			/* #MainMenu li a#MMIndustries:hover,
			#MainMenu li.active a#MMIndustries	{ background-position: -174px	0; } */
			#MainMenu li a#MMServices:hover,
			#MainMenu li.active a#MMServices	{ background-position: -194px	0; }
			#MainMenu li a#MMNews:hover,
			#MainMenu li.active a#MMNews		{ background-position: -461px	0; }
			#MainMenu li a#MMContact:hover,
			#MainMenu li.active a#MMContact		{ background-position: -367px	0; }
		
	#NetworkBar {
		color: #999;
		position: absolute;
		right: 0;
		text-transform: uppercase;
		top: 15px;
	}
	
		#NetworkBar a {
			color: #A7BCE0;
			margin: 0 10px;
			text-decoration: none;
		}
		
		#NetworkBar a:hover { color: #FFF; }


/* CONTENT */

#ContentContainer {
	background-color: #FFF;
	padding: 40px 0 1px;
}

#Content {
	color: #333;
	font-size: 1.2em;
	margin: 0 auto;
	width: 800px;
}
	
	#Content h2 {
		background-color: #E9EEF7;
		border-bottom: #A7BCE0 1px solid;
		border-top: #A7BCE0 1px solid;
		color: #336;
		font-size: 1.5em;
		padding: 5px 10px;
		text-shadow: #FFF 0 1px 0;
		text-transform: uppercase;
	}
	
	#Content h3 { font-weight: bold; }
	
	#HomePage #Content h2 { text-align: center; }
	
	#InnerPage #Content h2 { margin-bottom: 1em; }
	
	#HomePage #Content p { margin: 0.5em 0; }
	
	#InnerPage #Content p,
	#InnerPage #Content ul,
	#InnerPage #Content ol,
	#InnerPage #Content table {
		margin: 1.5em 0;
	}
	
	#Content ul {}
	
	#InnerPage #Content ul,
	#InnerPage #Content ol {
		border-top: #A7BCE0 1px solid;
	}
	
		#Content li {
			border-bottom: #A7BCE0 1px solid;
		}
		
		#HomePage #Content li {
			list-style: none;
			padding: 5px 10px;
		}
		
		#InnerPage #Content li {
			padding: 5px 10px 5px 2em;
		}
		
		#InnerPage #Content ul li { list-style: disc inside; }
		#InnerPage #Content ol li { list-style: decimal-leading-zero inside; }
	
	#Content table {
		border-collapse: collapse;
		border-top: #A7BCE0 1px solid;
	}
	
		#Content table th,
		#Content table td {
			border-bottom: #A7BCE0 1px solid;
			padding: 5px 10px;
			vertical-align: top;
		}
		
		#Content table th {
			background-color: #E9EEF7;
			color: #336;
			font-weight: normal;
			text-shadow: #FFF 0 1px 0;
			text-transform: uppercase;
		}
		
		#Content table td {
		}
		
		#Content table ul {
			border: none !important;
			margin: 0 !important;
		}
		
		#Content table li {
			border: none;
			list-style: none !important;
			margin: 0.5em 0 !important;
			padding: 0 !important;
		}
	
	#Content .two-column {}
	
		#Content .two-column .column { width: 380px; }
		#Content .two-column .first-column { float: left; }
		#Content .two-column .second-column { float: right; }
		
		#Content ul.two-column li.odd {
			float: left;
			list-style: none !important;
			padding: 5px 10px !important;
			text-align: right;
			width: 380px;
		}
		
		#Content ul.two-column li.even {
			float: left;
			list-style: none !important;
			padding: 5px 10px !important;
			width: 380px;
		}

	#Content .block {
		margin-bottom: 40px;
	}
	
	#Hero {
		background: url(../images/hero.jpg);
		height: 0;
		overflow: hidden;
		padding-top: 200px;
		position: relative;
	}
	
		#Hero a.hero-link {
			height: 0;
			overflow: hidden;
			padding-top: 16px;
			left: 231px;
			position: absolute;
			top: 164px;
			width: 94px;
		}


/* FOOTER */

#FooterContainer {
	background: #336 url(../images/footer-bg.png);
	height: 100px;
}

#Footer {
	color: #A7BCE0;
	font-size: 1.2em;
	height: 80px;
	margin: 0 auto;
	padding-top: 20px;
	text-shadow: #000 0 1px 0;
	width: 800px;
}

	#Footer a {
		color: #FFF;
		text-decoration: none;
	}
	
	#Footer a:hover {
		text-decoration: underline;
	}
	
	#AuxMenu {
		float: left;
		list-style: none;
	}
	
		#AuxMenu li {
			float: left;
			margin-right: 15px;
		}
	
	#Copyright {
		float: right;
		font-size: 1em;
	}
	
	#Footer {
		display:none;
	}