@charset "UTF-8";

body{
	margin:0;
	padding:0;
	font: 15px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #323034;
	text-align: center;/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

a:link {
	color: #2B99D5;
}

a:visited {
	color: #181A45;
}
a:hover {
	color: #181A45;
}

h2 { font: 17px Arial, Helvetica, sans-serif; line-height: 20px; color: #2B99D5; font-weight: bold; margin-top: 20px; margin-bottom: -5px; }

.clear {clear:both;}
/* ----- IDS ----- */

#wrapper {
	padding:0;
	width: 100%;
	background-color: #181A45;
	background: url(../images/home/background.png) repeat-y center top;
}

#innerwrap {
	width: 970px;
	margin: 0 auto;
	background: #ABB4B4 url(../images/home/innerwrap.png) repeat-y center top;
}

#container {
	width: 850px;
	margin: 0 auto;
	background: #D4D8DA url(../images/home/container.jpg) repeat-y center top;
	text-align: left;
	}

/* ----- Navigation ----- */

#Navigation { height: 46px;  }

#Navigation span { display: none; }

#Navigation ul { margin: 0px; padding: 0px; list-style-type: none;}

#Navigation ul li { display: inline; float: left; position: relative; z-index: 2;}

#Navigation ul li a { display: block; }

#Navigation ul #about { width: 92px; height: 46px; background: url(../Images/nav/about-us.png) no-repeat center center; }

#Navigation ul a#about:hover, #About a#about { background: url(../Images/nav/over/about-us.png) no-repeat center center; }

#Navigation ul #services { width: 85px; height: 46px; background: url(../Images/nav/services.png) no-repeat center center; }

#Navigation ul a#services:hover, #Services a#services { background: url(../Images/nav/over/services.png) no-repeat center center; }

#Navigation ul #waterProjects { width: 148px; height: 46px; background: url(../Images/nav/water-projects.png) no-repeat center center; }

#Navigation ul a#waterProjects:hover, #Water a#waterProjects { background: url(../Images/nav/over/water-projects.png) no-repeat center center; }

#Navigation ul #equipment { width: 107px; height: 46px; background: url(../Images/nav/equipment.png) no-repeat center center; }

#Navigation ul a#equipment:hover, #Equipment a#equipment { background: url(../Images/nav/over/equipment.png) no-repeat center center; }

#Navigation ul #transform { width: 306px; height: 46px; background: url(../Images/nav/transformational-dev.png) no-repeat center center; }

#Navigation ul a#transform:hover, #Transform a#transform { background: url(../Images/nav/over/transformational-dev.png) no-repeat center center; }

#Navigation ul #contact { width: 112px; height: 46px; background: url(../Images/nav/contact-us.png) no-repeat center center; }

#Navigation ul a#contact:hover, #Contact a#contact{ background: url(../Images/nav/over/contact-us.png) no-repeat center center; }

/* ----- end Navigation ----- */

/* ----- SubNav ----- */
#Navigation li ul { display: none; list-style: none; position: absolute; top: 46px; left: 0px; width: 160px; border-bottom: 1px solid #89BAD1; background-color: #2B96D2; } 

#Navigation li:hover ul { display: block; }

#Navigation li ul a, #Navigation li ul a:visited { text-indent: 0px; width: 160px; height: 15px; padding: 3px 0px 5px 0px; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; color: #FFFFFF; border-top: 1px solid #89BAD1; background-color: #2B96D2; }

#Navigation li ul a:hover { background-color: #181A45; }

/* ----- Main Content ----- */

#maincontent { clear: both; background-color: #89BAD1; padding: 15px 15px 0px 15px;  margin: 0px; overflow: auto; }

#textcontent { width: 760px; padding: 10px 30px; background: #D4D8DA url(../images/about-us/shadowback.gif) repeat-y left top; position: relative; margin-bottom: 20px; }

#textcontent p { word-spacing: .05em; letter-spacing: .01em; }	

.topShadow { position: absolute; left: 0px; top: 0px; z-index: 1; }

#textcontent h1 span { display: none; }

/* ----- end Main Content ----- */


/* ----- Footer ----- */
	
#footer { clear: both; width: 850px; }
	
#footer #colorblock { height: 35px; background-color: #2B96D2; border-bottom: 2px solid #181A45; }

#footer .majiInfo { margin: 0px; padding: 5px;  height: 30px; background-color: #2B64A7; font: 11px Arial, Helvetica, sans-serif; letter-spacing: .02em; color: #FFF; }

#footer p { text-align: center; font: 13px Arial, Helvetica, sans-serif; color: #181A45; margin-bottom: 12px; }
	
#topimage { padding: 0; margin: 0; border-bottom: 1px solid #fff; }

/* ----- end Footer ----- */


/* ----- Sub Pages ----- */

	/* --- About Us --- */
	
#About h1 { margin: 0px; margin-top: 20px; display: block; width: 380px; height: 20px; background: url(../images/headers/about-maji-tech.gif) no-repeat left top; }
	
	/* -- end About Us -- */

	/* --- Services --- */
	
#Services h1 { margin: 0px; margin-top: 20px; display: block; width: 380px; height: 20px; background: url(../images/headers/maji-tech-services.gif) no-repeat left top; }

#Services #textcontent li { margin-bottom: 5px; font-weight: bold; font-style: italic; letter-spacing: .05em; color: #2B64A7; }

#Services #textcontent ul { margin-bottom: 30px; margin-left: 10px;}

	
	/* -- end Services -- */
	
	
	/* --- Equipment--- */
	
#Equipment h1 { margin: 0px; margin-top: 20px; display: block; width: 380px; height: 20px; background: url(../images/headers/maji-tech-equipment.gif) no-repeat left top; }

#video { float: right; margin: 20px 0px 15px 20px; padding-top: 15px; border: 1px solid #2B64A7; background-color: #B9B9B9; display: block;  width: 350px; text-align: center;}

#video p { font-size: 13px; color: #181A45; margin: 3px 0px 5px 0px; }

.callout { margin-bottom: 10px; margin-top: 15px; font-weight: bold; font-style: italic; letter-spacing: .05em; color: #2B64A7; text-align: center; }

#majiFlash { margin: 0 auto;  text-align: center;}

	/* --- end Equipment--- */
	
	/* --- Water Projects --- */
	
#Water h1 { margin: 0px; margin-top: 20px; display: block; width: 430px; height: 20px; background: url(../images/headers/maji-tech-water-projects.gif) no-repeat left top; }

#Water #textcontent ul { list-style-type: none; margin-top: 5px; margin-bottom: 15px;}

#Water #textcontent li { line-height: 22px; }

#map { float: right; margin: 10px 0px 20px 20px; padding: 0; display: block; width: 420px; height: 437px; }

.bottom { margin-bottom: 130px; }

	/* --- end Water Projects --- */


	/* --- Transform --- */
	
#Transform h1 { margin: 0px; margin-top: 20px; display: block; width: 490px; height: 20px; background: url(../images/headers/transformational-development.gif) no-repeat left top; }

	/* ---  end Transform --- */
	
	/* --- Contact --- */
	
#Contact h1 { margin: 0px; margin-top: 20px; display: block; width: 390px; height: 20px; background: url(../images/headers/contact-maji-tech.gif) no-repeat left top; }

#Contact #textcontent p { white-space: pre; line-height: 20px; }

	/* --- end Contact --- */
	
	/* --- History --- */
	
#History h1 { margin: 0px; margin-top: 20px; display: block; width: 390px; height: 20px; background: url(../images/headers/history-maji-tech.gif) no-repeat left top; }

	/* --- end History --- */
	
	
	/* --- Mission --- */
	
#Mission h1 { margin: 0px; margin-top: 20px; display: block; width: 390px; height: 20px; background: url(../images/headers/mission-maji-tech.gif) no-repeat left top; }

#Mission #textcontent li { margin-bottom: 5px; margin-right: 200px; }

	/* --- end Mission --- */
	
	/* --- Managment --- */
	
#Management h1 { margin: 0px; margin-top: 20px; display: block; width: 450px; height: 20px; background: url(../images/headers/management-team.gif) no-repeat left top; }

#Management .left {float: left; margin-right: 15px; }

#Management .right {float: right; margin-left: 15px; }

.textright {margin-left: 198px; }

	/* --- end Management --- */
	
		/* --- Green Initiative --- */
	
#Green h1 { margin: 0px; margin-top: 20px; display: block; width: 390px; height: 20px; background: url(../images/headers/green-initiative.gif) no-repeat left top; }

	/* --- end Green Initiative --- */


		/* --- Customers --- */
	
#Customers h1 { margin: 0px; margin-top: 20px; display: block; width: 390px; height: 20px; background: url(../images/headers/maji-tech-customers.gif) no-repeat left top; }

	/* --- Customers --- */
	
		/* --- Featured Well --- */
	
#Featured h1 { margin: 0px; margin-top: 20px; display: block; width: 450px; height: 20px; background: url(../images/headers/featured-well.gif) no-repeat left top; }

.featureflash { float: right; margin-left: 10px; margin-bottom: 10px;}

	/* --- Featured well --- */
	
	
	
	

/* ----- end Sub Pages ----- */