body { margin: 0px; background-color:#333333; }
body,p { font-size:12px; font-family:Calibri, Arial; color:#313131; line-height:1.25em;}
a:link, a:visited { color:#0066CC; text-decoration:none; }
a:hover { text-decoration:none; }
.mytextfield { height:15px; background-color:#E8E8E8; border:#BABABA solid 1px; font-family:Calibri, Arial; font-size:12px; color:#444444;}
.mytextfield2 { height:15px; width:95%; border:#BABABA solid 1px; font-family:Calibri, Arial; font-size:12px; color:#616161;}
.mytextfield3 {  width:95%;border:#BABABA solid 1px; font-family:Calibri, Arial; font-size:12px; color:#616161;}
#select { font-family:Arial; font-size:12px; color:#616161; }

/* header */
#tableTop { width: 982px; background:#333333; }
#tdTop1 { width:982px; height:40px; text-align:right; font-size:12px; color:#FFFFFF; }
#tdTop2 { width:292px; padding:20px 0px 10px 20px; background-color:#FFFFFF }
#tdTop3 { width:650px; padding:20px 20px 10px 0px; text-align:right; background-color:#FFFFFF }
.tdTop1 a:link, .tdTop1 a:visited { margin-right:30px; text-decoration: none; color:#FFFFFF; }

/* contents - home */
#tableContent { width:982px; background:#FFFFFF; }
#tdContent1 { width:942px; padding-bottom:20px; padding-left:20px; }
#tdContent2 { width:240px; padding:0 25px 0 20px; color:#313131; text-align:justify }
#tdContent3 { width:452px; background:url(../images/bg01.jpg) repeat-x; }
#tdContent4 { padding: 20px 0 0 15px }
#tdContent5 { padding: 20px 15px 0 8px }
#tdContent6 { padding: 18px 0 0 15px }
#tdContent7 {  padding: 18px 15px 0 8px }
#tdContent8 { width:205px; padding:20px 20px 0 25px; text-align:justify; color:#313131; vertical-align:top; }
#divContent1 { width:240px; padding:10px 0 8px 0; }
#divContent2 { width:199px; padding-bottom:17px; }
.moreNav a:link, .moreNav a:visited { font-size:12px; color:#0066CC; text-decoration: none; }

/* contents - sub */
#tdSubContent1 { width:712px; padding-right:37px; font-size:12px; color:#616161; line-height:20px; text-align:justify; }
#tdSubContent2 { width:529px; padding-right:20px; font-size:12px; color:#616161; line-height:20px; text-align:justify; }
#tdSubContent3 { width: 567px; padding-right:37px; font-size:12px; color:#616161; line-height:20px; text-align:justify; }
#tdSubContent4 { width: 521px; padding-left:20px; padding-right:37px; font-size:12px; color:#616161; line-height:20px; text-align:justify; }
#divSubContent1 { width:729px; padding-bottom:30px; }
#divSubContent2 { width:150px; }
#divSubContent3 { width:188px; padding-top:30px; }
#divLeftNav1 { width:188px; padding:15px 0 7px 0; border-bottom:#DFDFDF 1px dotted }
#divLeftNav2 { width:188px; padding:8px 0 7px 0; border-bottom:#DFDFDF 1px dotted }
#divLeftNav3 { width:188px; padding:8px 0 0 0; }
#divLeftNav4 { width:188px; padding:8px 0 7px 0; border-bottom:#DFDFDF 1px dotted }
#tdNav { width:188px; padding: 0 25px 7px 20px; }
#divMarket { padding-right:10px; padding-bottom:30px; }
#divMap { width:500px; padding:5px; border:#D0D0D0 solid 1px; }
#divProductImg { width:178px; border-left:#C0C0C0 1px solid; border-right:#C0C0C0 1px solid; }
#divProductImg2 { border-top:#C0C0C0 1px solid; border-bottom:#C0C0C0 1px solid; padding-left:10px; padding-right:10px; }
#divLeftBanner { width:190px; padding-top:20px; }
.navTitle { border-bottom:#DFDFDF dotted 1px; padding-left:5px; padding-bottom:7px; padding-top:10px; }
.leftNavActive { background:url(../images/arr02.gif) no-repeat 7px ; background-position:right }
.leftNav .leftNavSub div a:link, .leftNav .leftNavSub div a:visited { font-size:12px; font-weight:normal; color: #788DBA; text-decoration:none }
.leftNav div { padding-left:5px; border-bottom:#DFDFDF dotted 1px; padding-top: 8px; padding-bottom:7px; }
.leftNav div a:link, .leftNav div a:visited { font-size:12px; color: #788DBA; font-weight:bold; text-decoration:none }
.leftNav .leftNavSub { background: none; border-bottom:#DFDFDF dotted 1px; padding-top: 4px; padding-bottom:4px;}
.leftNav .leftNavSub div { padding-left:20px; border-bottom:none; padding-top: 4px; padding-bottom:3px; background:none }
.caption { font-size:11px; text-align:center; }
/*.titleContent2 a:link, .titleContent2 a:visited { color:#EF3421; text-decoration:none }*/

/* footer */
#tableFooter { width:982px; background:#FFFFFF; margin-bottom:30px; }
#tdFooter1 { width:942px; padding: 50px 0 8px 35px; }
#tdFooter2 { width:191px; padding-left:15px; background:#F2F2F2; border-left:#FFFFFF 20px solid; }
#tdFooter3 { width:82px; padding-right:15px; background:#F2F2F2; border-right:#CECECE 1px solid }
#tdFooter4 { width:182px; padding-left:20px; background:#F2F2F2; }
#tdFooter5 { width:165px; padding-right:15px; background:#F2F2F2; border-right:#CECECE 1px solid }
#tdFooter6 { width:95px; padding-left:25px; background:#F2F2F2; border-right:#CECECE 1px solid }
#tdFooter7 { width:156px; padding-left:15px; background:#F2F2F2; border-right:#FFFFFF 20px solid; }
#tdFooter8 { width:886px; padding: 40px 0 20px 20px; text-align:left; }
#tdFooter9 { width:156px; padding: 40px 20px 20px 0; text-align:right; }
#divFooter { width:942px; height:15px; background:#F2F2F2; }
.titleFooter { font-size:12px;color:#303030; }
.titleFooter a:link, .titleFooter a:visited { font-size:12px;color:#303030; }
.titleFooter a:hover { text-decoration:underline; }
.Footer { font-family:Calibri, Arial; font-size:11px; color:#888888; }
.Footer a:link, .Footer a:visited { font-size:11px; color:#888888; text-decoration:none; margin-left:15px }
.Footer a:hover { color:#333333; }

/* news */
#marqueecontainer{
position: relative;
width: 148px; /*marquee width */
height: 92px; /*marquee height */
background-color: #FFF;
overflow: hidden;
padding: 20px;
border-left: #B0BCD2 solid 1px;
border-right: #B0BCD2 solid 1px;
background-image:url(../images/news_events_bg.gif); background-repeat:no-repeat; background-position:top left;
}
a.linkHomeNews:link, a.linkHomeNews:visited { color:#005795; font-size:11px; text-decoration:none; }
a.linkHomeNews:hover { color:#000; font-size:11px; text-decoration:none; }

/* top navigation */
#menu {
height:31px;
background: #333;
margin-top:9px;
padding:0;
float: right;
}

#menu ul {
margin: 0;
padding: 0 15px 0 0;
list-style-type: none;
float: left;
}

#menu ul li a {
font: 12px calibri, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0;
color: #FFFFFF;
/*background: #333333;*/
text-decoration: none;
}
/*
#menu ul li a:hover {
background: #515151;
}
*/
#menu ul li ul {
display: none;
padding: 0;
border: #464646 solid 1px;
position: absolute;
background: #333;
margin-top:-3px;
}

#menu ul li ul li a {
color: #ADADAD;
font-size:11px;
font-family: calibri, helvetica, sans-serif;
background: #333;
padding:7px 10px 7px 10px;
border-bottom: #464646 solid 1px;
}

#menu ul li ul li a:hover {
color: #fff;
background: #333;
}

div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}

a.menu01 {
	display: block;
	width: 46px;
	height: 21px;
	text-decoration: none;
	background: url(../images/home.jpg);
	}

a.menu01:hover {
	background-position: -46px 0;
	}

a.menu02 {
	display: block;
	width: 67px;
	height: 21px;
	text-decoration: none;
	background: url(../images/company.jpg);
	}

a.menu02:hover {
	background-position: -67px 0;
	}

a.menu03 {
	display: block;
	width: 75px;
	height: 21px;
	text-decoration: none;
	background: url(../images/products.jpg);
	}

a.menu03:hover {
	background-position: -75px 0;
	}
	
a.menu04 {
	display: block;
	width: 75px;
	height: 21px;
	text-decoration: none;
	background: url(../images/solutions.jpg);
	}

a.menu04:hover {
	background-position: -75px 0;
	}
	
a.menu05 {
	display: block;
	width: 67px;
	height: 21px;
	text-decoration: none;
	background: url(../images/support.jpg);
	}

a.menu05:hover {
	background-position: -67px 0;
	}
	
a.menu06 {
	display: block;
	width: 87px;
	height: 21px;
	text-decoration: none;
	background: url(../images/contactus.jpg);
	}

a.menu06:hover {
	background-position: -87px 0;
	}	
	
.displace {
	position: absolute;
	left: -5000px;
	}
	

