/* CSS Document */
body,td,form,input,option,select,textare { margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
	font-size:12px;}
body { background:url(images/bg.jpg) repeat-y left #ffffff;}
#logs { display:none;}
p { margin:5px 4% 5px 25px;
	line-height:14pt;}
a { color:#555555;
	text-decoration:none;}
img { border:none;}
#top { background:url(images/top.jpg) repeat-x;
	height:120px;
	width:100%; min-width:1000px;}
#logo { float:left;
	margin:0px;
	width:17%;
	background:url(images/bg-left.jpg) no-repeat top left;}
#logo img { float:right;}
#banner { float:right;
	height:120px; width:83%;
	margin:0px;
	background:url(images/bg-right.jpg) no-repeat top right;}
#banner span { float:left;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:25px 0px 0px 0px;
	background:none;}
#banner h1 { float:left;
	margin:48px 0px 0px -375px;
	font-weight:lighter;
	font-size:11px;
	color:#666666;
	text-transform:uppercase;}
#banner ul { padding:90px 0px 0px 0px;
	margin:0px 30px 0px 0px;
	height:26px;}
#banner ul li { float:right;
	list-style-type:none;
	font-weight:bold;
	line-height:20pt;
	margin:0px;}
#banner ul li a { display:block;
	padding:0px 21px;
	color:#999999;}
#banner ul li a:hover { color:#666666;}
#banner em { float:left;
	background:url(images/menu-hover.jpg) repeat-x;
	font-style:normal;
	margin:0px -25px;
	padding:0px 25px;
	color:#FFFFFF;
	height:27px;}
h2 { float:left; clear:both;
	font-size:10px;
	font-weight:lighter;
	color:#af8319;
	height:27px;
	line-height:24pt;
	width:100%; min-width:1000px;
	background:url(images/bg.jpg) repeat-y right;
	text-align:left;
	margin:0px;
	font-style:italic;}
h2 a { padding:0px 2px;
	color:#af8319;
	font-style:normal;}
h2 a:hover { color:#990;}
h3 { font-size:16px;
	font-weight:lighter;
	color:#333333;
	margin:5px 4% 0px 25px;
	padding-left:15px;
	border-bottom:1px solid #a1a1a1;
	background:url(images/dot.gif) no-repeat;}
h4 { background:url(images/h4-icon.jpg) no-repeat;
	margin:10px 4% 0px 25px;
	padding-left:19px;
	font-size:13px;
	font-weight:lighter;
	color:#cc0000;
	font-family:Arial, Helvetica, sans-serif;}
h5 { margin:8px 0px 5px 25px;
	font-size:12px;}
h6 { margin:0px; font-weight:lighter;
	font-size:11px;}
.title { font-weight:bold;
	margin:5px 0px 0px 25px;
	font-size:12px;
	color:#069;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif;}
hr { clear:both;
	border-top:1px solid #ffffff;
	border-bottom:1px dashed #999999;
	border-left:0px;
	border-right:0px;
	margin:20px 4% 10px 25px;}
#wrapper { margin:0px;
	text-align:left;
	background:url(images/bg.jpg) repeat-y left #ffffff;
	width:100%; min-width:1000px;}
#left { float:left;
	text-align:left;
	margin:0px 0px 0px 8px;
	width:25%; min-height:250px;
	background-color:#FFFFFF;
	font-size:11px;}
#left a { color:#555555;}
#left a:hover { color:#0086a6;}
#left p { height:25px;
	margin:3px 0px;
	background:url(images/bg-item1.jpg) repeat-x;
	font-weight:bold;}
#left p a { display:block;
	padding:2px 0px 0px 10px;
	color:#333333;}
#left span { display:block;
	background-color:#cfdbdf;
	line-height:11pt;
	margin:2px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;}
#left span a { display:block; color:#333333;
	padding:3px 0px 3px 10px;}
#left span a:hover { color:#0086a6;}
#left dl { margin:0px;
	line-height:15pt;}
#left dt { background:url(images/arrow2.jpg) no-repeat;
	border-top:1px solid #d0d0d0;
	font-style:italic;
	display:block;
	padding:2px 0px 2px 37px;
	line-height:11pt;}
#left dd { margin:0px;
	background:url(images/arrow.jpg) no-repeat;
	border-top:1px solid #dcdcdc;
	line-height:11pt;}
#left dd a { display:block; background:url(images/arrow3.jpg) no-repeat right bottom;
	padding:3px 10px 3px 55px;}
#main { float:right;
	padding:0px 0px 15px 0px;
	width:74%; min-width:740px;
	background:url(images/bg.jpg) repeat-y right #ffffff;
	text-align:left;}
#footer { float:left; clear:both;
	width:100%; min-width:1000px;
	height:100px;
	background-color:#333333;}
#footer p { font-size:10px;
	text-transform:uppercase;
	text-align:center;
	margin:0px 0px 0px 8px;
	padding:0px 27px 0px 0px;
	height:35px;
	background:url(images/bg-footer.jpg) repeat-y right #ffffff;
	font-weight:bold;}
#footer p a { color:#338701;}
#footer span { display:block;
	font-size:11px;
	color:#888888;
	text-align:center;
	margin:10px 0px 0px 0px;}
#pic ul { padding:0px; margin:5px 0px 0px 0px;
	width:100%; min-width:700px;}
#pic ul li { float:left;
	list-style-type:none;
	text-align:center;
	line-height:18pt;
	background:url(images/border.gif) no-repeat right;
	font-weight:bold;
	margin:10px 0px 0px 0px;
	font-size:11px;
	width:32%;}
#pic ul li a:hover { color:#990000;}
#product { max-width:1000px;}
#product dl, #pro dl, #pro-b dl { display:block; margin:0px 0px 0px 25px;}
#product dt, #pro dt, #pro-b dt { font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#0099FF;
	margin:0px;}
#product dd, #pro dd { float:left;
	font-weight:bold;
	font-size:11px;
	margin:0px 0px 10px 0px;
	width:32%;
	font-weight:bold;}
#product h6 { display:block;
	height:186px; width:220px;
	border:1px solid #cccccc;}
#product dd a:hover { color:#990000;}
#product dd img, #pro dd img { padding:0px 10px;}
#product dd em, #pro dd em, #pro-b dd em { padding-left:11px;
	background:url(images/arrow.gif) no-repeat;
	font-weight:lighter;}
#pro h6 { display:block;
	height:202px; width:220px;
	border:1px solid #cccccc;}
#pro dd i, #pro-b dd i { display:block;
	width:205px;
	color:#666666;}
#pro-b h6 { display:block;
	width:390px;}
#pro-b dd { float:left;
	font-weight:bold;
	font-size:11px;
	margin:0px 0px 10px 0px;
	width:45%;
	font-weight:bold;}
#relative { font-size:10px;
	color:#777777;
	margin-top:15px;}
#relative p { margin:0px 0px 0px 25px;
	font-weight:bold;
	color:#906;}
#relative ul { padding:0px; margin:0px 25px 0px 39px;}
#relative a { padding:0px 4px;
	color:#555555;}
#relative a:hover { color:#09F;}
.spec { margin:3px 0px 0px 25px;}
.sp { padding:1px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-top:1px solid #09C;
	background-color:#09C;
	color:#ffffff;
	text-align:center;}
.sp01 { padding:1px 10px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #73b9ff;
	border-right:1px solid #73b9ff;}
.sp02 { padding:1px 5px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #73b9ff;
	text-align:center;}
.sp03 { padding:1px 5px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #73b9ff;
	border-right:1px solid #73b9ff;
	text-align:center;}
.list p { height:175px;}
.list img { margin-right:15px;}
.browse ul { padding:0px; margin:0px 25px 0px 25px;
	height:168px;}
.browse ul li { float:left;
	width:12%;
	list-style-type:none;
	margin:0px 0px 0px 0px;}
.browse ul li img { border:1px solid #cccccc;
	padding:5px;}
.cont ul { padding:0px; margin:0px 25px 0px 25px;
	height:105px;}
.cont ul li { float:left;
	list-style-type:none;
	margin:5px 3% 0px 0px;}
.cont01 ul { padding:0px; margin:0px 25px;}
.cont01 ul li { float:left;
	list-style-type:none;
	margin:10px 0px 10px 0px;
	width:32%;}
#history ul { padding:0px; margin:15px 30px 15px 24px;}
#history ul li { list-style-type:none;
	line-height:16pt;
	font-weight:bold;
	color:#000000;}
#history ol { margin:-22px 0px 0px 8px;}
#history ol li { background:url(images/arrow4.jpg) no-repeat;
	padding-left:11px;
	font-weight:lighter;
	color:#555555;}
#news dl { margin:0px 0px 0px 24px;
	width:93%;}
#news dt { float:left;
	width:43%;
	margin:13px 3% 0px 0px;
	padding:10px;
	background-color:#dadada;
	line-height:12pt;}
#news dd { float:left;
	width:43%;
	margin:13px 3% 0px 0px;
	padding:10px;
	background-color:#cfcfcf;
	line-height:12pt;}
#sitemap { line-height:14pt;
	margin:0px 0px 0px 22px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;}
#sitemap ul li { list-style-type:disc;}
#sitemap h5 { margin:0px;}
#sitemap h6 { font-size:12px;
	font-weight:bold;}
#sitemap a:hover { color:#099;
	text-decoration:underline;
	font-weight:bold;}
.maplink { margin:10px 0px 0px 25px;}
.maplink a:hover { color:#090;
	text-decoration:underline;}
/* Browsing Image */
.g-unit { float:none;
    display:block;
    margin:0px 5% 0px 25px;
	height:460px;}
.thumbs span { display:block;
	height:100px;
	float:left;}
.thumbs span.thumb img {
    border:1px solid #bdcddd;
    padding:6px;
    cursor:pointer;
    margin:0px 12px 0px 0px;}
.thumbs span.active-border { display:none;}
.thumbs span.active img { border:1px solid #09F;}