@charset "utf-8";
ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

.tdcenter {text-align:center;}
#top {text-align:right;background-color: #EEEEEE;}
.upline{height:25px;background:#333333;}
#formpkd {margin:0px;padding:0px;}
#product_type {
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
#left{padding-top:5px;background:#FFFFFF;}
#main{padding-top:5px;background:#FFFFFF;}

#information img{margin:3px;max-width:99%;height:auto;}

#visitor{background-color: #FFFFFF;}
#footer {
text-align:center;
	background-color: #FFFFFF;
	background-image: url(../4c_bg/background.gif);
}
#hh{height:40px; background:#FFFFFF;}
#buttomlink {
text-align:center;
	height:40px;
	background-image: url(../images/dock-bg.gif);
	color:#FFFFFF;
	vertical-align: middle;
}
#buttomlink a:link, #buttomlink  a:visited {
padding:5px 3px;
	color: #FFFFFF;
	text-decoration: none;
}
#buttomlink a:hover{
	background:#CCCCCC;
	color: #000000;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF3300;
}
a:link, a:visited {
	color: #3333CC;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
#prtsh{background-image: url(../4c_bg/background.gif);}
#marqueetext{background-image: url(../4c_bg/background.gif);}
#friend {width:95%;margin:0px auto;text-align:left;word-wrap: break-word;word-break: break-all;}
#calendar {width:95%;margin:0px auto;text-align:left;}
#copyright{color:#FFFFFF;}
hr { width:95%;border: 1px groove #CCCCCC;
}
#topnews {
width:95%;
word-wrap: break-word;
word-break: break-all;
margin:0px auto;
	text-align:left;
	background-color: #CCCCCC;
	background-image: url(../4c_bg/background.gif);
}
#fbdiv {width:95%;margin:0px auto;}

#topnews h3 {
	background-image: url(../4c_bg/h35bg_black1.gif);
	text-align: center;
	color: #666666;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
}
#topnews li{
	padding:3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	list-style-position: inside;
	list-style-image: url(../images/blue_arrew.gif);
	list-style-type: disc;
}
#topnews li:hover {
background:#eeeeee;
list-style-image: url(../images/blue_arrew_top.gif);
}
#productmenu {text-align:left;}
#linkmyweb {float:left;margin-top:3px;}
#leng {background-image: url(../4c_bg/background.gif);}
#topcenter { height:0px;width:0px;position:relative;z-index:1;}
#friend ul,#friend ol {	margin:0px 3px;padding:0px;list-style:none;}
#friend ul li,#friend ol li {margin:0px;padding:0px;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #CCCCCC;}
#friend ol li:hover,#friend ul li:hover{background:#eee;}


#mains{position:fixed;right:10px;bottom:140px;width:40px;z-index:90;}
#navigationMenu li{list-style:none;height:39px;padding:2px;width:40px}
#navigationMenu span{width:0;right:37px;padding:0;position:absolute;z-index:80;overflow:hidden;font-size:18px;font-weight:bold;letter-spacing:0.6px;white-space:nowrap;line-height:39px;-webkit-transition:0.25s;-moz-transition:0.25s;transition:0.25s;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px}
#navigationMenu a{background:url('../css/img/navigation.jpg') no-repeat;height:39px;width:38px;display:block;position:relative}
#navigationMenu a:hover span{width:auto;padding:0 20px;overflow:visible}
#navigationMenu a:hover{text-decoration:none;-moz-box-shadow:0 0 5px #9ddff5;-webkit-box-shadow:0 0 5px #9ddff5;box-shadow:0 0 5px #9ddff5}
#navigationMenu .home{background-position:0 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#navigationMenu .home:hover{background-position:0 -39px}
#navigationMenu .home span{background-color:#7da315;color:#3d4f0c;text-shadow:1px 1px 0 #99bf31}
#navigationMenu .about{background-position:-38px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#navigationMenu .about:hover{background-position:-38px -39px}
#navigationMenu .about span{background-color:#1e8bb4;color:#223a44;text-shadow:1px 1px 0 #44a8d0}
#navigationMenu .services{background-position:-76px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#navigationMenu .services:hover{background-position:-76px -39px}
#navigationMenu .services span{background-color:#c86c1f;color:#5a3517;text-shadow:1px 1px 0 #d28344}
#navigationMenu .portfolio{background-position:-114px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#navigationMenu .portfolio:hover{background-position:-114px -39px}
#navigationMenu .portfolio span{background-color:#d0a525;color:#604e18;text-shadow:1px 1px 0 #d8b54b}
#navigationMenu .contact{background-position:-152px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#navigationMenu .contact:hover{background-position:-152px -39px}
#navigationMenu .contact span{background-color:#af1e83;color:#460f35;text-shadow:1px 1px 0 #d244a6}