/*
*	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;
	width: 100%;
	margin:0 ;
	/*Picture 1*/
}
#clickableMarquee 
{
	float: none;
	width: 100%;
	margin: 0;
	cursor: hand;
}
#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: 0%;
}
#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: #006}
	
	:focus {
	outline: dotted 1px}
	
	
	img, div, a {
		behavior: url(../iepngfix.htc)}
	
	#list ul li {
		margin: 0% 0% 0% 2%; 
		}
		
	
	
	/* =CONTAINER */
	#container {
		width: 100%;
		margin: 0 auto 0%}
	
	.container_homepage {
		margin: 0% auto 0% auto}
	
		/* =HEADER */
		div#header {
			width: 100%;
			position: relative;	}
		
		div#header span#homepage {
			width: 100%;
			float: left;
			height: auto;
			background: #000
			}
		div#header span#content_page {
			position: inherit;
			width: 100%;
			height: auto;
			background: #000}
			
			/* =PAGE_TITLE */
			div#header span#page_title {
				font: bold 0.875em Verdana, Arial, Helvetica, sans-serif; /* 16x0.875=14px */
				position: absolute;
				bottom: 8px;
				right: 1%;
				color: white}
							
			/* =HEADER_NAV */
			div#header ul#header_nav {
				list-style-type: none;
				list-style: none;
				position: absolute;
				top: 8px;
				right: 1%}
				
				div#header ul#header_nav li {
					margin-left: 1%;
					}
					
				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: 100%;
}
		/* =MIDDLE */
		
		#middle {
			color: black;
			width: 100%}
		
		/* =HOME_PAGE_BUTTON */
		#button {
			position: inherit;
			margin: -200px 0 0 75%;
			float: right;}
			

			/* =CONTENT_MAIN */
			#content_main {
				float: left;
				width: 99%;
				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;
					margin-left: 2%;
					margin-right: 2%;
					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;
					margin-left: 2%}
					
				/* =H2 */
				#content_main h2 {
					font: bold 0.875em/2.625em Verdana, Arial, Helvetica, sans-serif;
					color: #003399;
					margin-left: 2%}
					
				/* =H3 */
				#content_main h3 {
					font: bold 0.775em/2.625em Verdana, Arial, Helvetica, sans-serif;
					color: #003399;
					margin-left: 2%}
				/* =H4 */	
				#content_main h4 {
					margin-left: 2%;
					color: #003399;
				}
				/* =H5 */
				#content_main h5 {
					margin-left: 2%;
					color: #003399;
				}
				/* =H6 */
				#content_main h6 {
					margin-left: 2%;
					color: #003399;
				}
				/* TABLE*/
				#content_main table {
					margin-left:2%
				}
				/* IMAGE */
				#content_main img {
					margin-left:2%;
				}
				/* =OL */
				#content_main ol {
					margin: 0 0 1em 2em;
					list-style-type: decimal;
					margin-left: 2%;
					}
					
					#content_main ol li {
						font-size: .6875em;
						margin-left: 2%;
						}
						
				/* =UL */
				#content_main ul {
					margin: 0 0 1em 2em;
					font-size: .6875em;
					margin-left: 2%;
					}
			
					#content_main ul li {
						list-style: circle;
						margin-left: 2%;
					}				

				/* =HEADING_IMG */
				#content_main img.heading_img {
					margin: -25px 3% 0 0%;}
					
				/* =RIGHT */
				.right {
					clear: right;
					float: right;
					margin: 0 0 15px 2%}
					
				/* =LEFT */
				.left {
					clear: left;
					float: left;
					margin: 0 2% 15px 0}
				
				/* =IMG */
				#content_main img {
					margin-bottom: 15px}
					
				/* =EM */
				#content_main em {
					font-style: italic}
					
				/* =SIDEBAR_IMAGES */
				#sidebar_images {
					width: 21%;
					margin: 0 0 0 2%;
					float: right}
					
					#sidebar_images img {
						clear: right;
						float: right}
			
			/* =NAV */
			#homepage_nav li a em {
				display: none}
			
			#homepage_nav {
				position: inherit;
				width: 100%;
				}
			
			#homepage_nav li {
				margin: 3%;
				padding: 0;
				list-style: none}
			
			#homepage_nav li a {
				position: inherit}
			
			#homepage_nav li,
			#homepage_nav a {
				display: block}
			
			#homepage_nav li a em {
				display: none}
			
				
			/* =NAV_CONTENT */
			#nav_content {
				background: black url(../images/site_design/rel_content_nav_background.jpg) no-repeat top left;
				float: left;
				height: auto;
				width: 100%}
				
			#nav_content em {
				display:none}
				
				#nav_content a {
					font: bold 11px/95% Verdana, Arial, Helvetica, sans-serif;
					margin: 0 0 1%;
					text-transform: uppercase;
					text-decoration: none;
					color: white}
					
			/* =NAV_ABOUT */		
			div#nav_about {
					text-align: left;
					margin-right: 5%}
			
			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 {
						width: 100%;
					background: transparent url(../Pictures/Tabs/relAdvMat.jpg) no-repeat top left}
				
					h3.nav_hp_equip {
						width: 100%;
					background: transparent url(../Pictures/Tabs/relProducts.jpg) no-repeat top left}
				
					h3.nav_hp_services {
					width: 100%;
					background: transparent url(../Pictures/Tabs/relEngServ.jpg) no-repeat top left}
				
					h3.nav_hp_machmanuf {
					width: 100%;
					background: transparent url(../Pictures/Tabs/relMachManu.jpg) no-repeat top left}
				
.toggler {
					cursor: pointer}

.element p {
					font-weight: bold;
					margin: 10px 0 10px 0;
					color: white}
				
		/* =FOOTER */
		#homepage_footer {
			height: 94px;
			width: 100%;
			background-image: url(../images/rel_footer.jpg);
			vertical-align:baseline
			}
			
		/* =CLEAR */
		.clear {
			 clear: both;
			 display: block;
			 overflow: hidden;
			 width: 0;
			 height: 0}
			 /* =LOADING */
div#loading {
	height: auto;
	width: 11%;
	left: -47%;
	}