@charset "utf-8";
/* CSS Document */
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 { font-size: 100%; }
div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset { margin: 0px; padding: 0px;	background-color: transparent; border: 0px; }
table{ border: 0px; }

/* Header */
body{ margin:0px; padding:0px; background:url(../images/bg.png) 0 0 repeat-x #FFFFFF; font-size: 11px; font-family:Tahoma; }
#header { margin:0 auto; padding:0; width:750px; height:900px; position:relative; }
#container { margin-top:16px; width:100%; height:auto; position:relative; }
#header-top { width:100%; height:63px; position:relative; padding-top:5px; }
#logo { width:540px; height:63px; float:left; position:relative; color:#FFFFFF; }
#banner { width:750px; height:200px; float:left; position:relative; }
#top-container { width:100%; height:auto; float:left; position:relative; margin-top:10px; }
#bottom-container { width:100%; float:left; position:relative; margin-top:10px; }

#box-left { width:400px; height:auto; float:left; position:relative; padding:0 5px 5px 10px; }
#box-left-text { width:230px; height:auto; float:left; position:relative; text-align:justify; line-height:15px; margin:5px 0 0 5px;  }
#box-left-image { width:160px; height:auto; float:left; position:relative; border:2px #666666 solid; margin:5px 0 0 0; }

#box-right { width:300px; height:auto; float:left; position:relative; padding:0 5px 5px 20px; }
#box-right-text { width:300px; height:auto; float:left; position:relative; text-align:justify; line-height:15px; margin:5px 0 0 0;  }
#box-right-image { width:296px; height:auto; float:left; position:relative; border:2px #666666 solid; margin:5px 0 0 0; }

#box-bottom { width:100%; height:auto; float:left; position:relative; text-align:center; }
#box-bottom-image { width:230px; height:auto; float:left; position:relative; border:2px #CCCCCC solid; margin:5px 0 0 10px; }
*html #box-bottom-image { width:235px; height:auto; float:left; position:relative; border:2px #CCCCCC solid; margin:5px 0 0 5px; }
#box-bottom-image2 { width:170px; height:auto; float:left; position:relative; border:2px #CCCCCC solid; margin:5px 0 0 100px; }
*html #box-bottom-image2 { width:230px; height:auto; float:left; position:relative; border:2px #CCCCCC solid; margin:5px 0 0 50px; }
#box-bottom-text { width:230px; height:15px; float:left; position:relative; background:#000000; color:#FFFFFF; text-align:center; margin-top:-15px; opacity:0.5; filter:alpha(opacity=40); }
*html #box-bottom-text { width:235px; height:15px; float:left; position:relative; background:#000000; color:#FFFFFF; text-align:center; margin-top:-15px; opacity:0.5; filter:alpha(opacity=40); }
#box-bottom-image:hover { border:2px #3399FF solid; cursor:pointer; }
* #box-bottom-image2:hover { border:2px #3399FF solid; cursor:pointer; }

#mark { width:100%; height:auto; float:left; position:relative;  margin-top:20px; text-align:center; }

#footer { width:100%; height:auto; float:left; position:relative; color:#FFFFFF;  border-top:1px #CCCCCC solid;  margin-top:10px; padding-top:10px; }
#footer-in { width:650px; height:auto; float:left; position:relative; color:#999999; }
#copyright { float:right; position:relative; }

/* Menu */
#top-menu { width:100%; height:30px; float:left; position:relative; }
ul#menu { margin:0; padding:0; list-style-type:none;	width:auto;	position:relative; display:block; height:30px; font-size:12px; font-weight:bold; background:transparent url(../images/nav_bg.png) repeat-x top left; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #000000;	border-top:1px solid #000000; }
ul#menu li { display:block;	float:left;	margin:0; padding:0; }	
ul#menu li a { display:block; float:left; color:#999999; text-decoration:none; font-weight:bold; padding:8px 20px 0 20px; }	
ul#menu li a:hover { color:#FFFFFF;	height:22px; background:transparent url(../images/nav_bg.png) 0px -30px no-repeat; }
ul#menu li a.current { display:inline; height:22px;	background:transparent url(../images/nav_bg.png) 0px -30px no-repeat; float:left; margin:0; }       

h1 { color:#333333; font-size:12px; font-weight:bold; border-bottom:1px #333333 solid; line-height:20px; }
h2 { color:#333333; font-size:12px; font-weight:bold; border-bottom:1px #333333 solid; line-height:20px; margin:0 15px 0 10px;  }
h3 { color:#336699; font-size:12px; font-weight:bold; border-bottom:1px #336699 solid; line-height:20px; }
h4 { color:#FF0000; font-size:11px; font-weight:bold; line-height:20px; padding-left:10px; }

#back { width:100%; height:25px; float:left; position:relative; line-height:20px; text-align:right; }
.back { text-decoration:none; color:#333333; margin-left:5px; }
.back:hover { text-decoration:underline; }

ul#product { margin:0; padding:0; list-style-type:none; width:100%; }
ul#product li { display:block;	float:left;	margin:0; padding:0; }	
ul#product li a { display:block; float:left; color:#999999; text-decoration:none; font-weight:bold; padding:8px 20px 0 20px; }	
ul#product li a:hover { color:#FF0000; text-decoration:underline; }
ul#product li a.current { display:inline;}  

.title { cursor:pointer; width:730px; padding:5px 5px 5px 15px; background:#EFEFEF; line-height:20px; position:relative; font-weight:bold; margin-top:10px; border-bottom:1px #999999 solid; font-weight:bold; }
.detail { display:none; font-size:11px; font-weight:none; padding:3px 6px 3px 15px; margin-left:-5px; cursor:default; font-weight:100; }
*html .detail { position:relative; float:left; font-size:11px; font-weight:none; padding:3px 6px 3px 15px; margin-left:-5px; cursor:default; font-weight:100; }
.detail2 { display:none; font-size:11px; font-weight:none; padding:3px 6px 3px 15px; margin-left:-5px; cursor:default; font-weight:100; }

#form { width:300px; height:auto; float:left; position:relative; }
.formfield { width:280px; font-size: 12px;  color:#000000; padding: 3px; border: 1px solid #DDDCD8; float:left; }
.formfield:focus {border: 1px solid #312E2E;}
.formtext {color: #626060;  font-weight: bold; line-height: 18px;}

.reference { height:100px; float:left; position:relative; }

#fuar { width:385px; height:49px; position:relative; float:left; border:1px #999999 solid; padding:5px; margin-top:5px; }
*html #fuar { width:385px; height:49px; position:relative; float:left; border:1px #999999 solid;}