/*
	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: #788DA3;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

a { color: #06C; }

/* HEADER */

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

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

	#SiteName {
		background: url(../images/logo.png) no-repeat;
		height: 100px;
		left: -80px;
		position: absolute;
		top: 0;
		width: 337px;
	}
	
		#SiteName a {
			display: block;
			height: 0;
			left: 75px;
			overflow: hidden;
			padding-top: 37px;
			position: absolute;
			top: 30px;
			width: 180px;
		}
	
	#MainMenu {
		height: 50px;
		position: absolute;
		right: 0;
		top: 50px;
		width: 484px;
	}
	
		#MainMenu li {
			float: left;
			height: 50px;
			list-style: none;
			margin-left: 18px;
		}
		
		#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#MMConsulting		{ background-position: 0		-50px; width: 79px; }
			#MainMenu li a#MMInvestment		{ background-position: -96px	-50px; width: 83px; }
			#MainMenu li a#MMDistribution	{ background-position: -197px	-50px; width: 88px; }
			#MainMenu li a#MMAbout			{ background-position: -303px	-50px; width: 46px; }
			#MainMenu li a#MMNews			{ background-position: -441px	-50px; width: 41px; }
			#MainMenu li a#MMContact		{ background-position: -366px	-50px; width: 59px; }
			
			/* ACTIVE & HOVER */
			#MainMenu li a#MMConsulting:hover,
			#MainMenu li.active a#MMConsulting		{ background-position: 0		0; }
			#MainMenu li a#MMInvestment:hover,
			#MainMenu li.active a#MMInvestment		{ background-position: -96px	0; }
			#MainMenu li a#MMDistribution:hover,
			#MainMenu li.active a#MMDistribution	{ background-position: -197px	0; }
			#MainMenu li a#MMAbout:hover,
			#MainMenu li.active a#MMAbout			{ background-position: -303px	0; }
			#MainMenu li a#MMNews:hover,
			#MainMenu li.active a#MMNews			{ background-position: -441px	0; }
			#MainMenu li a#MMContact:hover,
			#MainMenu li.active a#MMContact			{ background-position: -366px	0; }
	
	#NetworkBar {
		color: #FFF;
		position: absolute;
		right: 0;
		text-transform: uppercase;
		top: 15px;
	}
	
		#NetworkBar a {
			color: #CFF;
			margin: 0 10px;
			text-decoration: none;
		}

/* CONTENT */

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

#Content {
	color: #333;
	font-size: 1.1em;
	margin: 0 auto;
	width: 800px;
}
	
	#Content h2 {
		background-color: #EEE;
		border-bottom: #CCC 1px solid;
		border-top: #CCC 1px solid;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.333em;
		padding: 5px 10px;
		text-shadow: #FFF 0 1px 0;
		text-transform: uppercase;
	}
	
	#HomePage #Content h2 { text-align: center; }
	
	#InnerPage #Content h2 { margin-bottom: 1em; }
	
	#Content h3 {
		font-weight: bold;
		margin: 2em 0 1em;
		text-transform: uppercase;
	}
	
	#Content h4 { font-weight: bold; }
	
	#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: #CCC 1px solid;
	}
	
	#InnerPage #Content .hero-text ul,
	#InnerPage #Content .hero-text ol {
		border-top: none;
	}
	
		#Content li {
			border-bottom: #CCC 1px solid;
		}
		
		#Content .hero-text li {
			border-bottom: none;
		}
		
			#Content .hero-text li a { color: #FFF; }
		
		#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: #CCC 1px solid;
	}
	
		#Content table th,
		#Content table td {
			border-bottom: #CCC 1px solid;
			padding: 5px 10px;
			vertical-align: top;
		}
		
		#Content table th {
			background-color: #EEE;
			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 ul.two-column {}
	
		#Content ul.two-column li {
			/* list-style: none !important; */
			/* padding: 5px 10px !important; */
		}
		
		#Content ul.two-column li.odd {
			float: left;
			/* text-align: right; */
			width: 366px;
		}
		
		#Content ul.two-column li.even {
			float: left;
			width: 366px;
		}
		
		#Content ul.two-column li.solo {
			clear: both;
			text-align: center;
		}
	
	#Content .three-column { margin: 2em 0; }
	
		#Content .three-column .column {
			float: left;
			width: 250px;
		}
		
		#Content .three-column .second-column { margin-left: 25px; }
		
		#Content .three-column .last-column { float: right }

	#Content .checkered {}
	
		#Content .checkered .column { padding: 10px 0; }
		#Content .checkered .check { background-color: #EEE; }
	
	#Content .block {
		margin-bottom: 40px;
	}
	
	#Hero {
		background: url(../images/hero.jpg);
		height: 0;
		overflow: hidden;
		padding-top: 200px;
		position: relative;
	}
	
		#Hero .read-more-link {
			height: 0;
			left: 198px;
			overflow: hidden;
			padding-top: 56px;
			position: absolute;
			top: 133px;
			width: 130px;
		}
	
	#Content .hero-text {
		background: #788DA3 url(../images/hero-blank.png) top no-repeat;
		color: #FFF;
		/* font-size: 1.167em; */
		font-weight: bold;
		padding: 15px 400px 15px 15px;
	}


/* FOOTER */

#FooterContainer {
	background: #788DA3 url(../images/header-bg.png);
	height: 100px;
}

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

	#Footer a {
		color: #CFF;
		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;
	}