/* Created by Michaelb 17-05-2005 for BEC Engineering*/

/* ----------------------|Set global page|------------------------------------- */
body
{
	font-family: verdana,trebuchet,arial,helvetica,sans-serif;
	font-size: small !important;
	font-size /**/: x-small;
	background-color: #E7E7E7;
	text-align: center;
	margin-bottom: -12px;
	margin-left: 2px;
	overflow-x: hidden;
	height: 100%
}
	
div, table, tr, td
{
	font-family: verdana,trebuchet,arial,helvetica,sans-serif;
	font-size: small !important;
	font-size /**/: x-small;
}
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			HEADERS / STANDARD LINK
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/
	h1, h2, h3, h4, h5 {
	clear: both;
	background: transparent;
	margin: 0px;
	padding: 0px;
	}
	
	h1 {	
	font-size: 1.4em;
	color: #006363;
	}	
	h2 {
	font-size: 1.3em;
	color: #006363;
	}	
	h3 {
	font-size: 1.1em;
	color: #006363;
	}
	h4 {
	font-size: 1em;
	color: #006363;
	}
	h5 {
	font-size: .9em;
	color: #006363;
	}

	
	/* Standard Link */	
	a {
	text-decoration: none;
	color: #006363;
	}	
	a:hover {
	text-decoration: underline;
	color: #006363;
	}
	/*end*/

/* ----------------------| End |------------------------------------- */
	
/* ----------------------| Set global style |------------------------------------- */

/*  Main div wrapper  */
#page
{
	margin: auto;
	margin-top: -9px;
	width: 776px;
	text-align: center;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #DBDBDB;
	min-height: 100%
}
	* html #page
			{
				margin-top: -16px;
				height: 103%;
			} 

/*  Logo and util menu  */
#logoYUtilMenu
{
	text-align: left;
	background-image: url(../images/topPage.gif);
	background-repeat: repeat-y;
	background-position: 171px 0px;
	background-color: #ffffff;
	height: 95px;
}

/* Header seperator */
#headerSeperator
{
	background-image: url(../images/headerDiv.gif);
}
	* html #headerSeperator
			{
				margin-top:-3px;
			}


/* Main menu seperator */
#mainMenuSeperator
{
	background-image: url(../images/navDiv.gif);
}
	* html #mainMenuSeperator
			{
				margin-top: 11px;
			}

/* Main menu */
#mainMenu
{
	background-image: url(../images/navDiv.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #009494;
	height: 29px;
	margin-top:-13px;
}
	

/* Main menu list */
.mainMenuList ul 
{
	position: relative;
	padding: 0;
	margin:0;
	list-style: none;
	text-align: left;
	background-color: #000000;
}


  
.mainMenuList li
{
	float: left;
	position: relative;
	list-style: none;
	z-index: 99;
}


			
/* Main menu drop sown list */
.mainMenuList li ul 
{
	display: none;
	position: absolute; 
	top: 1em;
	left: 0;
	width: 167px;
	margin-left: 1px;
	margin-top: -3px;
	padding: 0.54em;
	padding-left: 15px;
	z-index: 99;
	
}

* html .mainMenuList li ul
			{
				margin-top: 17px;
				width: 188px;
			}

 /*Main menu drop sown list */
.mainMenuList li ul li
{
	margin-left: -10px;
	padding: 0.3em;
	padding-left: 10px;
	width: 171px;
	z-index: 99;
}
	* html .mainMenuList li ul li
			{
				background-position: 10px 10px;
				padding-left: 20px;
			}

/* Main menu drop sown list */
.mainMenuList li ul a
{
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	font-size: 0.85em;
}

/* Main menu drop down list ie fix */
.mainMenuList li > ul 
{
	top: auto;
	left: auto;
}

/* Roll hover state */
.mainMenuList li:hover ul, li.over ul
{
	display: block; 
}

#containSubMenu
{
	position: relative;
}

#footerSeperator1
{
	/* background-image: url(../images/navDiv.gif); */
	height: 1px;
	z-index: 99;
}

#footerSeperator2
{
	background-image: url(../images/navDivFooter.gif);
	height: 1px;
}

/* Footer */
#footer
{
	background-color: #CECECE;
	height: 41px;
	clear: both;
	margin-bottom: 0px;
}
	* html #footer
			{
				margin-bottom: -4px;
			}

/* Footer Links */
#footerLinks
{
	width: 227px;
	float: right;
}		
	
	/*
	 Designed & Developed by IBC
	*/		
	#ibcDD {
	margin-top: 15px;
	margin-left: 8px;
	width: 250px;
	float: left;
	position: relative;
	font-size: xx-small;
	color: #a1a1a1;
	}
	/* Standard Link */	
	#ibcDD  a, #ibcDD  a:visited {
	text-decoration: none;
	color: #a1a1a1;
	}	
	#ibcDD  a:hover, #ibcDD  a:visited:hover {
	text-decoration: underline;
	color: #a1a1a1;
	}
	/*end*/


/* ----------------------|End |------------------------------------- */

/* ----------------------| Set homepage style |------------------------------------- */
/* Container for  content on index page*/
#contentContainer
{
	text-align: left;
	background-image: url(../images/homeBackground.gif);
	background-color: #DBDBDB;
	background-repeat: no-repeat;
}

/* slogan and random image */
#sloganYRandomImage
{
	background-image: url(../images/engineeringBacking.gif);
	background-repeat: no-repeat;
	background-color: #008484; 
}

/* Side space */
#sideSpace
{
	position: relative;
	float: left;
	margin-top: 10px;
}

/* content */
#homePageContent
{
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
	min-height: 160px;
}
	* html #homePageContent
			{
				height: 170px;
			}

/* ----------------------|End |------------------------------------- */

/* ----------------------| Set subpage style |------------------------------------- */

/* Sub Page header and graphic */
#subPageHeaderYGraphic
{
	position: relative;
	text-align: left;
	background-image: url(../images/subHeaderBackground.gif);
	background-color: #008484;
	background-position: 0px 4px;
	height: 84px;
}
	
	* html #subPageHeaderYGraphic
	{
		background-position: 0px 0px;
		height: 80px;
	}

#img1
{
	position: relative;
	float: left;
}	

#img2
{
	position: relative;
	float: right;
	margin-left: -5px;
}

/* Container for side nav and subpage content */
#navYContentContainer
{
	text-align: left;
	background-image: url(../images/pageBacking.gif);
	background-color: #DBDBDB;
	background-repeat: no-repeat;
}

/* Side space */
#sideNav
{
	position: relative;
	float: left;
	margin-top: 10px;
	width: 180px;
	background-image: url(../images/navBackground.gif);
	background-repeat: no-repeat;
	background-position: 16px 10px;
	text-align: left;
}

/* The nav list */
#navlist
{
	position: relative;
	padding-left: 0;
	margin-left: 20;
	margin-top: 10px;
	width: 170px;
	list-style: none;
}

#navlist li
{
	position: relative;
	margin-left: 0px;
	padding-top: 0.54em;
	padding-bottom: 0.54em;
	padding-left: 20px;
	background-image: url(../images/navBullet.gif);
	background-repeat: no-repeat;
	background-position: 0em;
	width: 155px;
}

#navlist li a 
{
	text-decoration: none;
	color: #6D6D6D;
	font-weight: bold;
	font-size: 0.75em;
}

#navlist li a:hover
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 0.75em;
}

/* The bottom nav list for services section*/
#sideServicesNav
{
	position: relative;
	float: left;
	margin-top: 5px;
	width: 180px;
	background-image: url(../images/navBackgroundServ.gif);
	background-repeat: no-repeat;
	background-position: 16px 15px;
	text-align: left;
}

#sideServicesNav h4
{
	margin-left: 10px;
	
}

/* The nav list */
#navServicesList
{
	position: relative;
	padding-left: 0;
	margin-left: 20;
	margin-top: -5px;
	width: 150px;
	list-style: none;
}

#navServicesList li
{
	position: relative;
	margin-left: 0px;
	padding: 0.54em;
	padding-left: 20px;
	background-image: url(../images/navBullet.gif);
	background-repeat: no-repeat;
	background-position: 0em;
	width: 155px;
}

#navServicesList li a 
{
	text-decoration: none;
	color: #6D6D6D;
	font-weight: bold;
	font-size: 0.75em;
}

#navServicesList li a:hover
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 0.75em;
}

#sideServicesNav2 h4
{
	margin-left: 10px;
	
}

/* The nav list */
#navServicesList2
{
	position: relative;
	padding-left: 0;
	margin-left: 20;
	margin-top: 0px;
	width: 150px;
	list-style: none;
}
	* html #navServicesList2
			{
				margin-top:-5px;
			}
			
#navServicesList2 li
{
	position: relative;
	margin-left: 0px;
	padding: 0.45em;
	padding-left: 20px;
	background-image: url(../images/navBullet.gif);
	background-repeat: no-repeat;
	background-position: 0em;
	width: 155px;
	list-style: none;
}

#navServicesList2 li a 
{
	text-decoration: none;
	color: #6D6D6D;
	font-weight: bold;
	font-size: 0.75em;
}

#navServicesList2 li a:hover
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 0.75em;
}

/* content */
#subPageContent
{
	position: relative;
	float: right;
	width: 570px;
	margin-top: 16px;
	padding-right: 10px;
	min-height: 315px;
}
	* html #subPageContent
			{
				height: 324px;
			}
			
/* util pages content */
#utilPageContent
{
	position: relative;
	margin-top: -11px;
	padding-top: 10px;
	min-height: 315px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}
	* html #utilPageContent
			{
				height: 324px;
				margin-top: 0px;
			}
/* ----------------------|End|------------------------------------- */

/* ----------------------| Classes |------------------------------------- */

.pixelBack
{
	margin-left: -5px;
}

.pixelBack2
{
	margin-left: -5px;
}
	* html .pixelBack2
		{
			margin-left: -6px;
		}

.mainMenuBack
{
	margin-left: 0px;
}
	* html .mainMenuBack
			{
				margin-left: -1px;
			}
	

.listBack
{
	margin-left: -40px;
}
	* html .listBack
	{
		margin-left: -20px;
	}

.pixelForward
{
	margin-left: 1px;
}
	* html .pixelForward
			{
				margin-left: -1px;
			}
			
.imageLeft
{
	margin-left: 210px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.pixelUp img
{
	padding: 0px;
	margin: -3px;
}
/* ----------------------|End |------------------------------------- */