/* CSS Customize by Mervin Gani */
/* vipmerv@yahoo.com */

body { background:url(../images/bg.jpg); font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #000000;
		margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;}
		
		
/* Link function for BODY Coomponent */
a { color:#990000; text-decoration: none; }
a:link { color:#990000; text-decoration: none; }
a:visited {color:#990000; text-decoration: none; }
a:hover { color:#211D52; text-decoration: underline }


/* Left and Right Shadow Component for Layout */
.leftshadow { background: url(../images/leftshadow.gif) top repeat-y; vertical-align: top; text-align: center; }
.rightshadow { background: url(../images/rightshadow.gif) top repeat-y; vertical-align: top; text-align: center; }
.leftshadow2 { background: url(../images/panimx_r3_c1.jpg) top no-repeat; vertical-align: top; text-align: center; }
.rightshadow2 { background: url(../images/panimx_r3_c22.jpg) top no-repeat; vertical-align: top; text-align: center; }



/* Main Content Component for Layout */
.contentbg { background-color: #FFFFFF; vertical-align: top; text-align: center; }
.mainarea { vertical-align: top; text-align: center; }
.middlearea { vertical-align: top; text-align: center; padding: 5px; }
.rightcolumn { vertical-align: top; text-align: center; width: 550px; }
.leftcolumn { vertical-align: top; text-align: center; width: 195px; }
.leftcolumn2 { padding-top: 10px; }
.leftbanner_top { width: 195px; height: 49px; background: url(../images/panimx_r4_c3.jpg) no-repeat; }
.leftbanner_middle { width: 195px; height: 131px; background: url(../images/side_specialize.gif) no-repeat; }
.leftbanner_bottom { width: 195px; height: 53px; background: url(../images/panimx_r6_c3.jpg) no-repeat; }
.maincontent { vertical-align: top; text-align: left; }
.subcontent1 { padding-right: 5px; }
.subcontent2 { padding-left: 5px; }
.subcontentbox { text-align: left; vertical-align: top; padding: 10px; background: #F2F2F2; }
#subheader { padding: 5px; text-align: left; vertical-align: top; background-color: #F2F2F2; border: #990000 dotted 1px; }
#subheader_2 { padding: 5px; text-align: left; vertical-align: top; color:#990000; background-color: #E2E2E2; border: #990000 dotted 1px; }
#subheader_3 { font-size:16px; padding: 5px; text-align: left; vertical-align: top; color:#990000; background-color: #E2E2E2; border: #990000 dotted 1px; }
.subheader2 { padding-left: 5px; padding-right: 5px; }
#subcontent { border: dotted #CCCCCC 1px; padding: 5px; width: 150px; }
#subcontent2 { border: dotted #CCCCCC 1px; padding: 5px; }
#subcontent_contact { border: dotted #990000 1px; padding: 5px; width: 200px; text-align: left; background: #F2F2F2; }
.title_contact { font-size: 12px; font-weight: bold; color: #990000; }
.subcontent3 { padding: 5px; text-align: left; vertical-align: top; color:#333333; background-color: #F2F2F2; border: #999999 dotted 1px; }
.subli { padding-left: 20px; }

#img_automation1 { width: 320px; border: #CCCCCC 1px dotted; padding: 5px; }
#img_automation2 { width: 180px; border: #CCCCCC 1px dotted; padding: 5px; }
#img_automation3 { width: 460px; border: #CCCCCC 1px dotted; padding: 5px; }
#img_automation4 { width: 500px; border: #CCCCCC 1px dotted; padding: 5px; }

/* Header Component on top Layout */
.header1 { width: 241px; height: 86px; background: url(../images/panimx_r1_c1.jpg) no-repeat; }
.header2 { width: 515px; height: 65px; background: url(../images/panimx_r1_c10.jpg) no-repeat; }
.header3 { width: 44px; height: 86px; background: url(../images/panimx_r1_c19.jpg) no-repeat; }


/* Footer Components */
.footer { background: url(../images/panimx_r25_c1.jpg) repeat-x; height: 28px; text-align: center; }
.footer2 { background: url(../images/footerbottom.jpg) top no-repeat; height: 30px; text-align: center; vertical-align: top; }
.footer_padding { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 10px; font-size: 10px;}

#footer_link { padding-top: 5px; font-family: Arial; size: 11px; color: #990000; }
#footer_link a, a:link, a:visited { font-weight: bold; color: #990000; }
#footer_link a:hover { font-weight: bold; color: #211D52; }

/* Button and Input Component */
.inputs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F2F2F2;
	border: 1px inset #999999;
	border-color: #999999;
	border-style: solid;
}

.submit_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #BFE6FF;
	border: 1px outset #0066FF;
}

.side_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;

}

.side_links2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;

}


.form_padding1 {
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	}
.form_padding4 {
	padding: 2px;
	font-size: 11px;
	font-weight: nomral;
	text-align: left;
	vertical-align: top;
	}

.form_padding2 {
	padding: 2px;
	text-align:left;
	vertical-align: top;
	}
	
.sub_navigation {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 5px;
	}
.sub_navigation2 {
	padding-left: 10px;
	font-size: 10px;
	}