/* CSS Document */

img {
	border: none;
	}

body {
	margin-top: 0px;
	background-color: #FFFFFF;
}

#container {
	width:965px;
	margin-left:auto; margin-right:auto;
	}
	
/**********************/
/***** HEADER *********/
/**********************/		
#header {
   width:965px; height:114px; 
   margin-left:auto; margin-right:auto;
   }
   
#header-left {
    width:11px; height: 114px; float:left;
	background: url(../images/topleft.jpg) no-repeat;
	}

#header-middle {
    width:572px; height:114px; float:left;
	background:url(../images/bg-headernav.jpg) repeat-x;
	}

#pec-logo {
	float: left; 
	width:572px; height:70px;
	margin:0; 
	padding-top:9px; padding-bottom:9px;
	text-decoration:none;
	}
/*
#topmenu {
	clear:left;
	float:left;
	width:572px; height:26px;
	margin:0px; padding:0px;
	}
*/

/**1**/	
ul#topnav {
	float:left;
	width:572px; 
	margin:0px;
	padding:0px;
	list-style-type: none;
	}

/**2**/	
ul#topnav li {
    float: left;
    margin: 0 10px 0 0;
	}

/**3**/
ul#topnav a {
    color: #fff;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 12px; 
    font-weight: normal;
	display: inline;
    float: left; width:: 100%;
    padding-left: 20px;
    text-decoration: none;
    line-height:1.9em; 
    }

/**4**/
ul#topnav a:hover {
	color: #00CCFF;
	font-weight: normal;
	}

/**6**/
ul#topnav li.current a {
    color: #FFFF00;
    font-weight: normal;
	}


#header-right {
	width:382px; height:114px; float:left;
	background:url(../images/bg-headernav-right2.jpg) no-repeat;
	}

/**********************/
/***** BANNER *********/
/**********************/

#banner {
 	clear: both;
    width:965px; height: 233px;
	margin-left:auto; margin-right:auto;
	margin-top:0px; padding: 0px;
	}
	
#banner-left-home {
    width:11px; height:233px;float:left;
    background: url(../images/bg-banner-left-h.jpg); 
	}

#banner-left {
    width:11px; height:233px;float:left;
    background: url(../images/bg-banner-left.jpg); 
	}
	
#banner-service {
	width:572px;
	height:233px;
	float:left;
	background-color: #FFFFFF;
	vertical-align: top;
	}

#businessunit-menu-product {
	width:310px; height:233px; float:left;
	}
	
#businessunit-menu {
	width:367px; height:148px; float:left;
	background: url(../images/BusinessUnit.jpg);
	}

#products {
	width:367px; height:85px;
	clear:both;
	float:left;
	background-color:#fff;
	}	
	
#banner-right-home {
	width:15px; height:233px; float: right;
	background:url(../images/bg-banner-right-h.jpg); 
	}

#banner-right {
	width:15px; height:233px; float: right;
	background:url(../images/bg-banner-right.jpg); 
	}

#empty-img {
	position:absolute; visibility: visible;
	width:572px; height:233px;
	z-index:1;
	}
		

#service1 {
	position:absolute; visibility: hidden;
	width:572px; height:233px;
	z-index:40; 
	}
	
#service2 {
	position:absolute; visibility: hidden;
	width:572px; height:233px;
	z-index:30; 
	}
	
#service3 {
	position:absolute; 
	visibility: hidden;
	width:572px;
	height:233px;
	z-index:20; 
	}
	
#about-img {
	position:absolute; 
	width:572px;
	height:233px;
	}
	
#business-unit-img {
	position:absolute; 
	visibility: visible;
	width:572px;
	height:233px;
	z-index:100;
	}

#business-unit-img1 {
	position:absolute; 
	visibility: hidden;
	width:572px;
	height:233px;
	z-index:90;
	}
	
#business-unit-img2 {
	position:absolute; 
	visibility: hidden;
	width:572px;
	height:233px;
	z-index:80;
	}

#business-unit-img3 {
	position:absolute; 
	visibility: hidden;
	width:572px;
	height:233px;
	z-index:70;
	}
		
#product1 {
	position:absolute;
	visibility:hidden;
	width:367px;
	height:85px;
	z-index: 100;

	}
	
#product2 {
	position:absolute;
	visibility:hidden;
	width:367px;
	height:85px;
	z-index: 90;

	}
	
#product3 {
	position:absolute;
	visibility:hidden;
	width:367px;
	height:85px;
	z-index: 80;

	}

/**** BUSINESS UNIT MENU ****/
#magnetic {
	width:234px; height:23px;
	clear: right; float:right;
	margin-right:3px; margin-top:44px;
	}

#consumer {
	width:296px; height:23px;
	clear: right; float:right;
	margin-right:3px; margin-top:10px;
	}
	
#mediafurniture {
	width:145px; height:23px;
	clear: right; float:right;
	margin-right:3px; margin-top:10px;
	}	
	
#content-header {
	width:965px; height:65px;
	margin-left:auto; margin-right:auto;
	}

#content-header-filler-left {
	float:left;
	width:17px; height:65px;
	background:url(../images/content-header-filler-left.jpg);
	}

#wwa-header {
	float:left;
	width:280px; height:65px;
	background: url(../images/wwa-header.jpg);
	}

#content-header-filler-mid1 {
	float:left;
	width:14px; height:65px;
	background:url(../images/content-header-filler-mid.jpg);
	}

#woc-header {
	float:left;
	width:303px; height:65px;
	background: url(../images/woc-header.jpg);
	}

#content-header-filler-mid2 {
	float:left;
	width:14px; height:65px;
	background:url(../images/content-header-filler-mid.jpg);
	}

#wwo-header {
	float:left;
	width:322px; height:65px;
	background: url(../images/wwo-header.jpg);
	}

#content-header-filler-right {
	float:left;
	width:15px; height:65px;
	background:url(../images/content-header-filler-right.jpg);
	}

#banner-content-filler {
	width:965px;
	}
	
#left-top-sidebar {
	float:left;
	width:11px; height:30px;
	background:url(../images/left-top-sidebar.jpg);
	}

#long-filler {
	float:left;
	width:954px; height:30px;
	background-color:#fff;
	}	

#contact-us-filler {
	float:left;
	width:939px;height:15px;
	background-color:#fff;
	}

/**********************/
/***** SIDEBAR ********/
/**********************/
	
#sidebar-box {
	float:left;
	width:202px;
	}

#sidebar-header {
	width:202px;height:36px;
	}
			
#sidebar-nav {
	width:202px;
	}

ul#sidebar-nav-about {
	margin:0;
	padding:0;
	list-style-type:none;
	background: url(../images/sidebar-bg.jpg) repeat-y;
	width:202px;
	float:left;
	}

ul#sidebar-nav-about li {
    margin:0;
	padding:0;
	float:left;
	width:100%;
	}

ul#sidebar-nav-about a {
	display:block;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	padding: 10px 15px 10px;
	border-top:1px solid #fff;
	}
	
ul#sidebar-nav-about a:hover {
	background: url(../images/sidebar-bg-on.jpg) repeat-y; 
	}
	
ul#sidebar-nav-about li.current a {
	background: url(../images/sidebar-bg-current.jpg) repeat-y; 
	}

#sidebar-bottom-filler {
	clear:left;	width:202px;
	}
	
#left-bottom-sidebar {
	float:left;
	width:11px;height:37px;
	background:url(../images/left-bottom-sidebar.jpg);
	}
	
#bottom-filler {
	float:left;
	width:191px; height:37px;
	background-color:#fff;
	}


/**********************/
/***** CONTENT ********/
/**********************/
	
#content {
	width:965px;
	
	}

#content-sidebar {
	clear:left;
	width:965px;
	}

#content-filler-left2 {
	float:left;
	width:11px; height:10px;
	background-color:#FFF;
	}

#content-box2 {
	float:left;
	width:399px;
	background-color:#FFF;
	padding-left:20px; padding-right:20px;
	padding-top:10px; padding-bottom:20px;
	}


 

#content-box2 img {
  border:0;
  padding:0; margin-top:5px; margin-bottom-5px;
  }
  
#contact-box {
	float:left;
	width:599px;
	background-color:#FFF;
	padding-left:15px; padding-right:5px;
	padding-top:10px; padding-bottom:20px;
	}

#contact-box h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; font-weight:bold; color:#0000CC;
	}	

#privacy-box {
	float:left;
	width:899px;
	background-color:#FFF;
	padding-left:20px; padding-right:20px;
	padding-top:10px; padding-bottom:20px;
	}

#privacy-box h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; font-weight:bold; color:#0000CC;
	}	

#privacy-box h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; font-weight:bold; color:#0000CC;
	}	

#privacy-box p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	}	

#privacy-box a {
  text-decoration: none;
  }
#privacy-box a:hover {
  text-decoration: underline;
  }
    	
#content-box2 p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	}	
	
#content-box2 ul {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	}	

	
#content-box2 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; font-weight:bold; color:#0000CC;
	} 

#content-box2 h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; font-weight:bold; color:#000;
	} 

#content-box2 img {
	margin:0 2px 5px 1px;
	}
	

/**************************/
/***** SUMMARY BOX ********/
/**************************/
	
#summary-box {
	float:left;
	width:270px;
	background-color:#CCCCFF;
	padding:15px;
	margin-bottom:10px;
	}

#summary-box2 {
	float:left;
	width:270px;
	background-color:#FFF;
	padding:15px;
	margin-bottom:10px;
	}
		
#summary-box.contact {
	margin-top:20px;
	}

#summary-box2 img {
	margin-bottom:5px;
	}	

#summary-box h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; font-weight:bold; color: #000099;
	}

#summary-box .info {
	font-size:11px; color:#000; font-weight:100;
	}		

#summary-box .info ul {
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	margin-top:0;

	} 
/*
#summary-box .info li {
	margin:0;
	padding:0;
	text-indent:2px;
	float:left;
	width:100%;
	list-style-type: disc;
	list-style-position: outside;
	
	}
*/

#milestone-box {
	width:379px;
	padding:5px 10px 5px 10px;
	}

#milestone-box p {
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	}
.production-period {
	background-color:#CCCCCC;
	}	

.market-period {
	background-color:#99FF66;
	}
	
.manufacturing-service-period {
	background-color:#00FFFF;
	}
			

#sidebar-filler-right {
	float:left;
	width:15px; height:10px;
	background-color:#FFF;
	}
	
			
#content-filler-left {
	width:18px; height:124px; float: left;
	background:url(../images/content-left-bg.jpg);
	}

#content-wwa {
	width:278px; height:124px; float: left;
	background:url(../images/content-bg.jpg) repeat-x;
	
	}


#text-wwa {
	width:264px;
	margin-left:7px; margin-right:7px; margin-top:0px;
	padding:0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px; color: #6699cc;
	vertical-align:top;
	}

#content-filler-mid1 {
	width:16px; height:124px; float: left;
	background:url(../images/content-mid-bg.jpg);
	}

#content-woa {
	width:301px; height:124px; float: left;
	background:url(../images/content-bg.jpg) repeat-x;

	}

#text-woa {
	width:287px;
	margin-left:7px; margin-right:7px; margin-top:0px;
	padding:0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px; color: #336699;
    vertical-align:top;
	}

#content-filler-mid2 {
	width:16px; height:124px; float: left;
	background:url(../images/content-mid-bg.jpg);
	}

#content-wwo {
	width:320px; height:124px; float:left;
	background:url(../images/content-bg.jpg) repeat-x;
	}

#text-wwo {
	width:306px;
	margin-left:7px; margin-right:7px; margin-top:0px;
	padding:0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px; color:#000;
    vertical-align:top;
	}

#content-filler-right {
	width:16px; height:124px; float: left;
	background:url(../images/content-right-bg.jpg);
	}


/**********************/
/****** FOOTER ********/
/**********************/


#footer {
	clear:left;
	width:965px;
	}
	
#footer-left {
    width:15px; height:58px; float:left;
	background:url(../images/bottomleft.jpg);
	}
	
#footer-middle {
	width: 935px; height:58px; float:left;
	background:url(../images/bg-bottomnav.jpg) repeat-x;
	}

/*** BOTTOM NAVIGATION ***/

/**1**/	
ul#bottomnav {
    float: left;
	width:500px;
	list-style: none;
    margin-left: 0px; margin-top: 1px;
    padding: 0;
	
	}

/**2**/	
ul#bottomnav li {
    float: left;
    margin: 0 10px 0 0;
	}

/**3**/
ul#bottomnav a {
    color: #fff;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 12px;
    font-weight:normal;
	display: inline;
    float: left;
    padding-left: 20px;
    text-decoration: none;
    line-height: 1.9em;
    }

/**4**/
ul#bottomnav a:hover {
    color: #00CCFF;
    font-weight: normal;
	}
	
/**5**/
ul#bottomnav a:hover span {
	color: #00CCFF;
}

/**6**/
ul#bottomnav li.current a {
    color: #FFFF00;
    font-weight: normal;
	}

/**8**/
ul#bottomnav span {
    display: block;
    line-height: 1.9em;
    padding-right: 20px;
}

#copyright {
	float: right;
	width: 400px;
margin-top:5px;

/*padding-right:10px;  */
	font-size:9px;
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#footer-right {
 	width:15px; height:49px; float:left;
	background:url(../images/bottomright.jpg);
	}

/**********************/
/****** SITEMAP  ******/
/**********************/

.ezmap {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7A7A7A;
font-weight: normal;
}

.ezmap_details {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
}

.ezmap_gen {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
}