@charset "utf-8";
body { margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 12px/1.8em Georgia, "Times New Roman", Times, serif;}
html, .main { padding:0; margin:0; background-color:#fff;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:3px 0 0 105px; color:#fff; font:normal 40px/1.2em Georgia, "Times New Roman", Times, serif;}
h1 a, h1 a:hover { color:#fff; text-decoration:none;}
h1 span { color:#007236;}
h1 small { font:normal 13px/1.2em Georgia, "Times New Roman", Times, serif; color:#000080;}
h2 { font:normal 22px Georgia, "Times New Roman", Times, serif; color:#0000CC; padding:8px 0; margin:8px 0;}
 
h21 { font:normal 22px Georgia, "Times New Roman", Times, serif; color:#0000CC; padding:8px 0; margin:8px 0;}


p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Georgia, "Times New Roman", Times, serif;}
a { color:#000000; text-decoration:underline;}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
.content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 40px; width:890px;}

/* header */
.header { background:url(images/header_bg.jpg) repeat-x center top;}
.header_resize { margin:0 auto; padding:0; font:normal 22px Georgia, "Times New Roman", Times, serif; color:#0000CC; margin:0 0; width:970px; height:383;}
.header .logo { padding:0; float:left; width:auto;}


/* header contact */
.headerc { background:url(images/penam_contact.jpg) repeat-x center top;}
.headerc_resize { margin:0 auto; padding:0; width:970px; height:383px;}
.headerc .logo { padding:0; float:left; width:auto;}
/* header manufacturing */
.headerm { background:url(images/penam_manufacturing.jpg) repeat-x center top;}
.headerm_resize { margin:0 auto; padding:0; width:970px; height:383px;}
.headerm .logo { padding:0; float:left; width:auto;}

/* menu marquee */
.menu_mar { padding:80px 0 0 20px; float:right;  width:auto;}
.menu_mar ul { list-style:none; padding-top:0px;}
.menu_mar ul li { margin:0 0px; float:left;}
.menu_mar ul li a { display:block; margin:0; padding:0px 5px; color:#fff; text-decoration:none;}
.menu_mar ul li.active a, .menu_nav ul li a:hover { text-decoration:underline;}

/* menu */
.menu_nav { padding:80px 0 0 20px; float:right ; width:auto;}
.menu_nav ul { list-style:none; padding-top:58px;}
.menu_nav ul li { margin:0 4px; float:left;}
.menu_nav ul li a { display:block; margin:0; padding:0px 5px; color#191970; text-decoration:none;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { text-decoration:underline;}

/* content */
.content_resize { margin-top:-0px; padding:16px 0 24px 40px; width:930px; background-color:#fff;}
.content .mainbar { float:left; width:630px;}
.content .mainbar img { margin-bottom:24px; padding:4px; border:1px solid #b7b7b7; background-color:#fff;}
.content .mainbar img.fl { float:left; margin-right:12px;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .sidebar { float:right; width:276px;}
.content .sidebar1 { float:right; width:300px;}

ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li { padding:4px 0; border-bottom:1px solid #e3e3e3; width:220px;}
ul.ex_menu li { padding:4px 0 8px;}
ul.sb_menu li, ul.ex_menu li { margin:0; padding-left:16px; background:url(images/li.gif) no-repeat left 9px;}
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none; margin-left:-16px; padding-left:16px;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#4ea4ba;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}

ul.sb_menu, ul.ex_menu1 {list-style:none; color:#959595; padding-left:650px; padding-top:0px;}
ul.ex_menu1 li { padding:4px 0 8px;}
ul.sb_menu li { padding:4px 0; border-bottom:1px solid #e3e3e3; width:220px;}

ul.ex_menu1 li { padding:4px 0 8px;}
ul.sb_menu li, ul.ex_menu1 li { margin:0; padding-left:16px; background:url(images/li.gif) no-repeat left 9px;}
ul.sb_menu li a, ul.ex_menu1 li a { color:#5f5f5f; text-decoration:none; margin-left:-16px; padding-left:16px;}
ul.sb_menu li a:hover, ul.ex_menu1 li a:hover { color:#4ea4ba;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu1 li a:hover { text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg_resize { padding:24px 40px; background-color:#4ea4ba;}
.fbg, .fbg a, .fbg h2 { color:#fff;}
.fbg img { padding:4px; background-color:#fff; border:1px solid #5e99a8;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:240px;}
.fbg .c2 { padding:0 16px; width:296px;}
.fbg .c3 { padding:0 0 0 16px; width:290px;}
.fbg .c1 img { margin:4px;}
.fbg .c3 img { margin:8px 16px 4px 0; float:left;}


/* footer */
.footer { padding:0px;}
.footer p.lf { margin:0; padding:20px 0; float:right; width:auto; line-height:1.5em; color:#727272;}
ul.fmenu { margin:0; padding:2px 0; list-style:none; float:left; width:auto;}
ul.fmenu li { margin:0; padding:0 1px; float:left;}
ul.fmenu li a { color:#000000; text-decoration:none; padding:10px 5px;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#000000;}
ul.fmenu li a:hover { text-decoration:underline;}




/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}