/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(image/body_bg.gif);
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.5em;
		color:#b4b4b4;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#b4b4b4;}
a:hover{text-decoration:none;}
p {padding-top:17px;}

/* ============================= main layout ====================== */

.more {background:url(image/more_bg.gif) no-repeat 0 4px; padding-left:17px; color:#f2d92f !important; font-size:1.167em; line-height:1.283em;}
.box .more {font-size:1.273em; line-height:1.214em; float:right; display:block; margin-top:6px;}

li { background:url(image/list_bg.gif) no-repeat 0 9px; padding-left:26px;}
li a {color:#B6BDC3; font-size:1.273em; line-height:2em;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 7px 0 0; float:left;}
.imgindent3 {margin:0 30px 0 0; float:left;}
.title {margin-bottom:18px;}

/* ============================= header ====================== */

#header .left {padding:23px 0 11px 0;}
#header .right {padding:50px 23px 0 0; color:#848484; font-size:0.833em;}
#header .right a {margin:0 6px; color:#848484;}

.header_bg {background:url(image/header_bg.jpg) top left no-repeat; padding:16px 0 0 9px;}
.header_bg_spa8000 {background:url(image/header_bg_spa8000.jpg) top left no-repeat; padding:16px 0 0 9px;}
.header_bg_804g {background:url(image/header_bg_804g.jpg) top left no-repeat; padding:16px 0 0 9px;}
.header_bg_ata {background:url(image/header_bg_ata.jpg) top left no-repeat; padding:16px 0 0 9px;}
.header_bg_ip-camera {background:url(image/header_bg_ip-camera.jpg) top left no-repeat; padding:16px 0 0 9px;}
.header_bg_medical {background:url(image/header_bg_medical.jpg) top left no-repeat; padding:16px 0 0 9px;}
.header_bg_wrp400 {background:url(image/header_bg_wrp400.jpg) top left no-repeat; padding:16px 0 0 9px;}

.menu {height:50px;}
.menu li {margin-right:4px; float:left; background:none; padding:0; width:119px;}
.menu li a { background:url(image/menu_li_bg.gif) top left no-repeat; font-size:12px; line-height:12px; display:block; color:#999999; text-align:center; padding:15px 0 20px 0; text-decoration:none;}
.menu li a:hover {background:url(image/menu_li_a_hover_bg.gif) top left no-repeat; color:#eeeeee; text-decoration:underline;}
.menu .active {background:url(image/menu_li_a_hover_bg.gif) top left no-repeat; color:#eeeeee; text-decoration:underline;}

#header .text {padding:66px 54px 62px 320px; color:#646464; font-size:1.167em; line-height:1.286em;}
#header .text img {margin:0 0 15px -6px; position:relative;}

/* ============================= middle ====================== */

.main_indent {padding:19px 9px 26px 9px; background:url(image/middle_tall_left.gif) left repeat-y;}
.column_padding {padding-right:13px;}
.col_pad {padding-right:17px;}
.indent {padding:17px 20px 46px 19px;}
.indent2 {padding:17px 20px 30px 19px;}
.indent3 {padding:17px 16px 26px 19px;}

.box { background:#454545 url(image/box_tall.gif) right repeat-y; font-size:0.917em; line-height:1.545em; color:#cccccc;}
.box .tall_left {background:url(image/box_tall.gif) left repeat-y;}
.box .tall_top {background:url(image/box_tall_top.gif) top repeat-x;}
.box .corner_bottom_right {background:url(image/box_corner_bottom_right.gif) bottom right no-repeat;}
.box .corner_bottom_left {background:url(image/box_corner_bottom_left.gif) bottom left no-repeat;}
.box .corner_top_left {background:url(image/box_corner_top_left.gif) top left no-repeat;}
.box .corner_top_right1 {background:url(image/box_corner_top_right1.jpg) top right no-repeat; width:100%;}
.box .corner_top_right2 {background:url(image/box_corner_top_right2.jpg) top right no-repeat; width:100%;}
.box .corner_top_right3 {background:url(image/box_corner_top_right3.jpg) top right no-repeat; width:100%;}
.box .title {margin:23px 0 48px 19px;}
.box .padding {padding:10px 20px 17px 19px;}
.box .padding2 {padding:10px 19px 30px 19px;}
.box .padding3 {padding:0 18px 30px 14px;}
.box .padding4 {padding:10px 19px 24px 12px;}
.box a {color:#cccccc;}

.fs14 {font-size:1.167em; line-height:1.283em;}
.fs11 { font-size:0.917em; line-height:1.545em; color:#cccccc;}
.white {color:#ffffff !important;}
.img {margin:3px 0 1px 0;}
.ul {margin-top:7px;}
.margin1 {margin-bottom:17px;}
.margin2 {margin-top:21px;}
.box .fs14 {font-size:1.273em; line-height:1.214em;}
.last {color:#d7f5fe;}

/* ============================= footer ====================== */

#footer {color:#cccccc;}
#footer a {color:#cccccc; font-weight:bold;}
#footer .rss {background:url(image/rss_bg.gif) no-repeat top right; padding-right:24px; color:#868686; font-weight:normal; float:right;}
#footer p {padding:34px 30px 0 29px;}

/* ============================= form ============================= */

form {padding:15px 10px 33px 20px;}
form .col1 {width:214px;}
form .col2 {width:234px;}
form .rowi {height:35px;}
form .more {margin-left:15px;}

.input {width:197px; height:21px; border:1px solid #919090; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:227px; height:93px; border:1px solid #919090; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ============================= index-5 =========================== */
