/*
	Client:  Image Transforms (http://www.millice.com.sg/)
	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: #463267;
	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: 377px; */
		width: 349px;
	}
	
		#MainMenu li {
			float: left;
			height: 50px;
			list-style: none;
			margin-left: 24px;
		}
		
		#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#MMProducts	{ background-position: 0		-50px; width: 59px; }
			#MainMenu li a#MMServices	{ background-position: -84px	-50px; width: 57px; }
			#MainMenu li a#MMPrinciples	{ background-position: -165px	-50px; width: 67px; }
			#MainMenu li a#MMAbout		{ background-position: -257px	-50px; width: 43px; }
			#MainMenu li a#MMNews		{ background-position: -401px	-50px; width: 39px; }
			#MainMenu li a#MMContact	{ background-position: -324px	-50px; width: 53px; }
			
			/* ACTIVE & HOVER */
			#MainMenu li a#MMProducts:hover,
			#MainMenu li.active a#MMProducts	{ background-position: 0		0; }
			#MainMenu li a#MMServices:hover,
			#MainMenu li.active a#MMServices	{ background-position: -84px	0; }
			#MainMenu li a#MMPrinciples:hover,
			#MainMenu li.active a#MMPrinciples	{ background-position: -165px	0; }
			#MainMenu li a#MMAbout:hover,
			#MainMenu li.active a#MMAbout		{ background-position: -257px	0; }
			#MainMenu li a#MMNews:hover,
			#MainMenu li.active a#MMNews		{ background-position: -401px	0; }
			#MainMenu li a#MMContact:hover,
			#MainMenu li.active a#MMContact		{ background-position: -324px	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;
	}
	
	#HomePage #Content h2 { text-align: center; }
	
	#InnerPage #Content h2 { margin-bottom: 1em; }
	
	#Content h3 {
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#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;
	}
	
	#InnerPage #Content ul.hero-text,
	#InnerPage #Content ol.hero-text {
		border-top: none;
	}
	
		#Content li {
			border-bottom: #A7BCE0 1px solid;
		}
		
		#Content ul.hero-text li,
		#Content ol.hero-text li {
			border-bottom: none;
		}
		
			#Content ol.hero-text li a,
			#Content ul.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: #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 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: 380px;
		}
		
		#Content ul.two-column li.even {
			float: left;
			width: 380px;
		}
		
		#Content ul.two-column li.solo {
			clear: both;
			text-align: center;
		}
	
	#Content .three-column { margin: 3em 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: #E9EEF7; }

	#Content .block {
		margin-bottom: 40px;
	}
	
	#Hero {
		background: url(../images/hero.jpg);
		height: 0;
		overflow: hidden;
		padding-top: 200px;
	}
	
	#Content .hero-text {
		background: #0D0033 url(../images/hero-blank.jpg) top no-repeat;
		color: #FFF;
		font-weight: bold;
		padding: 15px 400px 15px 15px;
	}


/* 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;
	}
	
.two-column a{
	text-decoration:none;
}
.two-column a:hover{
	text-decoration:underline;
}
.two-column a, .two-column a:hover, .two-column a:link, .two-column a:visited{
	color:#000;
}

#Footer{
	display:none;
}



#message a
{
	/* display: block before hiding */
	display: block;
	display: none;
 
	/* link is above all other elements */
	z-index: 999; 
 
	/* link doesn't hide text behind it */
	opacity: .8;
 
	/* link stays at same place on page */
	position: fixed;
 
	/* link goes at the bottom of the page */
	top: 100%;
	margin-top: -55px; /* = height + preferred bottom margin */
 
	/* link is centered */
	left: 50%;
	margin-left: -160px; /* = half of width */
 
	/* round the corners (to your preference) */
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
 
	/* make it big and easy to see (size, style to preferences) */
	width: 300px;
	line-height: 30px;
	height: 30px;
	padding: 10px;
	background-color: #000;
	font-size: 24px;
	text-align: center;
	color: #fff;
}