/*
*	Marquee
*  BODY
*   IEPNG_FIX
*   CONTAINER
*    HEADER
*     PAGE_TITLE
*     HEADER_NAV
*    MIDDLE
*    CONTENT
*    CONTENT_MAIN
*     A
*     P
*     STRONG
*     H1
*     H2
*     OL
*     HEADING_IMG
*     RIGHT
*     LEFT
*     IMG
*     EM
*     SIDEBAR_IMAGES
*    NAV
*     NAV_MMC
*     NAV_CERAMIC
*     NAV_EQUIP
*     NAV_SERVICES
*     MACH_MANUF
*    NAV_CONTENT
*     H3
*    FOOTER
*    CLEAR
*	 LOADING
*/

/* =Marquee */
#marquee
{
	background:  url(../Pictures/videos/ajax-loader.gif) center no-repeat;
	z-index:0; 
	height: 384px;	
	min-width: 950px;	
	width: 950px;
	margin:0 auto;
	text-align: center;
	/*Picture 1*/
}
#clickableMarquee 
{
	float: right;
	height: 350px;	
	min-width: 650px;	
	width: 650px;
	margin: 0;
	text-align: left;
	cursor: pointer;

}
#clickableMarqueeLink
{
	float: right;
	height: 350px;	
	min-width: 650px;	
	width: 650px;
	cursor: pointer;
	color: #000;

}
#marqueeBarControl
{
	float: left;
	text-align:left;
	margin: 0; padding: 0;
	margin-left: 20px;
	color: #000;
line-height: normal;
	padding-top: 280px;
}
#nextLeft img
{ margin:0; 
padding:0;
clear: none; 
display: inline;  
vertical-align:top; 
padding-right: 0px;
} 
#nextRight img
{ margin:0;
padding:0;
clear:none; 
display: inline;  
vertical-align:top; 
padding-left: 0px;
}
#imageDotRow img
{ 
display: inline;
vertical-align:top; 
margin:0; 
padding:0; 
clear: none; 
padding: 6px 2px 0px 2px; 
}
#marqueeBarControl p
{  display: inline; 
margin:0; 
padding:0; 
clear: none; 
vertical-align:top; 
}

body {
	font: 100%/1.125em Verdana, Arial, Helvetica, sans-serif;  /* 16x1.125=18px */
	background-color: #626262}
	
	:focus {
	outline: dotted 1px}
	
	
	img, div, a {
		behavior: url(../iepngfix.htc)}
	
	#list ul li {
		margin: 0 0 0 15px; 
		}
	
		/* =CONTAINER */
		#container {
		width: 950px;
		margin: 0 auto 0px}
	
	.container_homepage {
		margin: 0px auto 0 auto}
	
		/* =HEADER */
		div#header {
			height: 147px;
			position: relative;	}
		
		div#header span#homepage {
			position: absolute;
			width: 950px;
			height: 149px;
			background: url(../images/site_design/rel_header.jpg) no-repeat top left}
		
		div#header span#content_page {
			position: absolute;
			width: 950px;
			height: 149px;
			background: url(../images/site_design/rel_content_header.jpg) no-repeat top left}
			
			/* =PAGE_TITLE */
			div#header span#page_title {
				font: bold 0.875em Verdana, Arial, Helvetica, sans-serif; /* 16x0.875=14px */
				position: absolute;
				bottom: 8px;
				right: 10px;
				color: white
				}
				
			/* =HEADER_NAV */
			div#header ul#header_nav {
				list-style-type: none;
				list-style: none;
				position: absolute;
				top: 8px;
				right: 13px}
				
				div#header ul#header_nav li {
					margin-left: 10px;
					display: inline}
					
				div#header ul#header_nav li a{
					text-transform: uppercase;
					text-decoration: none;
					color: white;
					font: bold 0.6875em Verdana, Arial, Helvetica, sans-serif /* 16x0.6875=11px */}
		
		div#header span a {
	width: 950px;
	height: 149px;
	position: absolute;
	top: -50px;
}
		
		/* =MIDDLE */
		#middle {
			background: black;
			width: 950px}
		
		/* =HOME_PAGE_BUTTON */
		#button {
			position: absolute;
			margin: -200px 0 0 450px;
			float: right;}
			

			/* =CONTENT_MAIN */
			#content_main {
				padding: 25px;
				float: left;
				width: 677px; /* -50px padding */
				background: white}

				/* =A */
				#content_main a,
				#content_main a:visited,
				#content_main a:hover,
				#content_main a:active {
	color: #3F55A3;
	font-size: 12px;
}
				
				/* =P */
				#content_main p {
					margin-bottom: 1em;
					font-size: 0.6875em /* 16x0.6875=11px */}
				
				/* =STRONG */
				strong {
					font-weight: bold}
					
				/* =H1 */
				#content_main h1 {
					text-transform: uppercase;
					font: bold 0.875em/2.625em Verdana, Arial, Helvetica, sans-serif;
					color: #003399;}
					
				/* =H2 */
				#content_main h2 {
					font: bold 0.875em/2.625em Verdana, Arial, Helvetica, sans-serif;
					color: #003399;}
					
				/* =H3 */
				#content_main h3 {
					font: bold 0.775em/2.625em Verdana, Arial, Helvetica, sans-serif;
					color: black;}
					
				/* =OL */
				#content_main ol {
					margin: 0 0 1em 2em;
					list-style-type: decimal;
					}
					
					#content_main ol li {
						font-size: .6875em;
						}
						
				/* =UL */
				#content_main ul {
					margin: 0 0 1em 2em;
					font-size: .6875em;
					}
					
					#content_main ul li {
						list-style: circle;
							}
						

				/* =HEADING_IMG */
				#content_main img.heading_img {
					margin: -25px -25px 0 -25px;}
					
				/* =RIGHT */
				.right {
					clear: right;
					float: right;
					margin: 0 0 15px 15px}
					
				/* =LEFT */
				.left {
					clear: left;
					float: left;
					margin: 0 15px 15px 0}
				
				/* =IMG */
				#content_main img {
					margin-bottom: 15px}
					
				/* =EM */
				#content_main em {
					font-style: italic}
					
				/* =SIDEBAR_IMAGES */
				#sidebar_images {
					width: 200px;
					margin: 0 0 0 15px;
					float: right}
					
					#sidebar_images img {
						clear: right;
						float: right}
			
			/* =NAV */
			#homepage_nav li a em {
				display: none}
			
			#homepage_nav {
				position: relative}
			
			#homepage_nav li {
				margin: 0;
				padding: 0;
				list-style: none}
			
			#homepage_nav li a {
				position: absolute}
			
			#homepage_nav li,
			#homepage_nav a {
				display: block}
			
			#homepage_nav li a em {
				display: none}
			
				/* =NAVadvMat */
				#navAdvMat a {
	left: 153px;
	top: 63px;
	width: 166px;
	height: 47px;
	background: transparent url(../Pictures/Home/AdvMat.jpg) no-repeat top left;
	cursor: hand
}
					
				#navAdvMat a:hover {
					background: transparent url(../Pictures/Home/AdvMat.jpg) 0 47px}
				
				
				/* =NAV_EQUIP */
				#nav_products a {
	left: 119px;
	top: 110px;
	width: 168px;
	height: 47px;
	background: transparent url(../Pictures/Home/Prods.jpg) no-repeat top left;
	cursor: hand
}
					
				#nav_products a:hover {
					background: transparent url(../Pictures/Home/Prods.jpg) 0 47px}
				
				/* =NAV_SERVICES */
				#nav_services a {
					left: 87px;
					top: 157px;
					width: 165px;
					height: 47px;
					background: transparent url(../Pictures/Home/EngServ.jpg) no-repeat top left;
					cursor: hand}
					#nav_services a:hover {
					background: transparent url(../Pictures/Home/EngServ.jpg) 0 47px}
				
				/* =MACH_MANUF */
				#mach_manuf a {
	left: 53px;
	top: 204px;
	width: 174px;
	height: 47px;
	background: transparent url(../Pictures/Home/MachManu.jpg) no-repeat top left;
	cursor: hand
}
					
				#mach_manuf a:hover {
					background: transparent url(../Pictures/Home/MachManu.jpg) 0 47px}
		
			/* =NAV_CONTENT */
			#nav_content {
				background: black url(../images/site_design/rel_content_nav_background.jpg) no-repeat top left;
				float: left;
				height: 556px;
				width: 223px}
				
			#nav_content em {
				display:none}
				
				#nav_content a {
					font: bold 11px/95% Verdana, Arial, Helvetica, sans-serif;
					margin: 0 0 10px;
					text-transform: uppercase;
					text-decoration: none;
					color: white}
					
			/* =NAV_ABOUT */		
			div#nav_about {
					text-align: left; }
			
			ul#nav_about li {
					display: inline}
					
				div#nav_about ul#nav_about li a{
					text-transform: uppercase;
					text-decoration: none;
					font: bold 0.6875em Verdana, Arial, Helvetica, sans-serif /* 16x0.6875=11px */}
					
					
				/* =H3 */	
					h3.nav_hp_advMat {
					height: 51px;
					background: transparent url(../Pictures/Tabs/relAdvMat.jpg) no-repeat top left}
				
				h3.nav_hp_advMat:hover, h3.advMat_active {
					height: 51px;
					background: transparent url(../Pictures/Tabs/relAdvMat.jpg) 0 -51px}
				
h3.nav_hp_equip {
					height: 51px;
					background: transparent url(../Pictures/Tabs/relProducts.jpg) no-repeat top left}
				
h3.nav_hp_equip:hover, h3.eqbuild_active {
					height: 51px;
					background: transparent url(../Pictures/Tabs/relProducts.jpg) 0 -51px}
				
h3.nav_hp_services {
					height: 51px;
					background: transparent url(../Pictures/Tabs/relEngServ.jpg) no-repeat top left}
				
				h3.nav_hp_services:hover, h3.engserv_active {
					height: 51px;
					background: transparent url(../Pictures/Tabs/relEngServ.jpg) 0 -51px}
				
h3.nav_hp_machmanuf {
					height: 51px;
					background: transparent url(../Pictures/Tabs/relMachManu.jpg) no-repeat top left}
				
				h3.nav_hp_machmanuf:hover, h3.machmanuf_active {
					height: 51px;
					background: transparent url(../Pictures/Tabs/relMachManu.jpg) 0 -51px}
				
.toggler {
					cursor: pointer}

.element p {
					font-weight: bold;
					margin: 10px 0 10px 20px;
					color: white}
					/* =RESET */
					
		/* =FOOTER */
		#homepage_footer {
			height: 94px;
			background: url(../images/rel_footer.jpg) no-repeat top left}
			
		/* =CLEAR */
		.clear {
			 clear: both;
			 display: block;
			 overflow: hidden;
			 width: 0;
			 height: 0}
			 /* =LOADING */
div#loading {
	height: 100px;
	width: 100px;
	left: -450px;
	}