/* CSS Document */  

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

body{
	background:#000306;
	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:Tahoma;
		font-size:0.8em;
		line-height:1.5em;
		color:#FFFBF0;
	}

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

a { color:#2A5FFF;}
a:hover{
	text-decoration:none;
	color:#2A5FFF;
}
strong { color: #FFFBF0;}
strong:hover{
	text-decoration:none;
	color: #FFFBF0;
}
p { padding-top:14px;}
.pb { padding-bottom:22px;}

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

.more { background:url(images/list_bg.gif) no-repeat 0 6px; padding-left:12px;}

h1 { color:#FFFBF0; font-size:1.8em; line-height:1em; text-transform:uppercase; font-weight:normal; margin-bottom:20px; font-family:arial;}
h2 { color:#FFFBF0; font-size:1.5em; line-height:1em; text-transform:uppercase; font-weight:normal; margin-bottom:20px; font-family:arial;}
h3 { color:#FFFBF0; font-size: 1.25em;}

li { background:url(images/list_bg.gif) no-repeat 0 7px; padding-left:12px;}
li a { color:#2A5FFF; text-decoration:underline; line-height:1.5em;}
li a:hover { text-decoration:none; color:#FFFBF0;}

.imgindent {
	float:left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}
.imgindent2 {
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
}
.taright { text-align:right; padding-top:7px;}

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

#header { background:url(images/header_bg.jpg) top center no-repeat; text-align:right;}
.menu { height:98px;}
.menu ul { margin:23px 25px 0 0; float:right;}
.menu li { float:left; background:url(images/menu_line.gif) left top no-repeat; padding:0 3px 0 4px;}
.menu li a { display:block; color:#FFFBF0; padding:5px 0 5px 0; width:92px; font-size:1.0em; text-transform:uppercase; font-weight:bold; font-family:arial; background:url(images/menu_bg.jpg) top left no-repeat; text-align:center;}
.menu li a:hover { text-decoration:none; color:#FFFBF0;}
.menu .first { background:none;}

.logo {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.h_list { margin:41px 38px 0 0;}
.h_list li { background:url(images/header_list_bg.gif) top right no-repeat; padding-right:22px; font-family:arial; height:20px;}
.h_list li a { font-size:1.2em; line-height:1.538em; color:#FFFBF0; text-transform:uppercase;}
.h_list li a:hover { color:#FFFBF0; text-decoration:none;}

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

.banners { text-align:center;}
.banners .central { margin:0 25px;}
.main_indent { padding:16px 40px 0 55px;}
.column_pad { padding-right:50px;}
.column_pad2 { padding-right:57px;}
.picture { margin:22px 0 19px 0;}
.title { margin-top:46px;}
.ul { margin-top:17px;}

#index .main_indent { padding:37px 40px 30px 55px;}
#index .column1 .container { padding-top:20px;}
#services .main_indent { padding:16px 40px 32px 55px;}
#services .column2 .container { padding-top:17px;}
#solutions .main_indent { padding:37px 40px 33px 55px;}
#solutions .main_indent { padding:16px 40px 28px 55px;}
#support .main_indent { padding:16px 40px 28px 55px;}
#support .column2 .container { padding-top:17px;}
#link .main_indent { padding:16px 40px 30px 55px;}
#link .main_indent:hover{ text-decoration:none; color:#000099;}
#biaoge { width:680px;margin:20px auto;}                                               
#biaoge li,
#biaoge li.biaotou {
    list-style-type:none;         
    width:112px;          
    height:18px;
	font-size:1.1em;
    line-height:10px;        
    text-align:left;       
    float:left;          
    margin-left:1px;         
    margin-bottom:1px;      
    background:#000306; 
}            
#biaoge li.biaotou { background:#000306;} 


/* ============================= daohang ====================== */

.pro_linedrop {
height:35px;
width:97%;
float:inherit;
background:url(DHimages/black_0.gif);
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:14px;
z-index:500;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(DHimages/black_1.gif);
}

.pro_linedrop li.lrt {
float:right;
background:url(DHimages/blue_1.gif);
}


.pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background:url(DHimages/black_0.gif); 
padding:0 0 0 5px; 
text-decoration:none; 
line-height:32px; 
white-space:nowrap; 
color:#ff0033;
}


.pro_linedrop .select li.lrt a { color:#ff0033;}


.pro_linedrop .select a b {
display:block;
padding:0 5px 0 5px; 
background:url(DHimages/black_0.gif) right top;
}

.pro_linedrop .select li.line a b {
background:url(DHimages/black_0a.gif) right top;
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
background: url(DHimages/black_1.gif); 
padding:0 0 0 5px;
cursor:pointer; 
color:#00F1F4;
}

.pro_linedrop .select li.lrt a:hover, 
.pro_linedrop .select li.lrt:hover a {
background: url(DHimages/blue_1.gif); 
}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0 5px 0 5px; 
background:url(DHimages/black_1.gif) right top; 
cursor:pointer;
}

.pro_linedrop .select li.line a:hover b, 
.pro_linedrop .select li.line:hover a b {
background:url(lrimages/black_1a.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b, 
.pro_linedrop .select li.lrt:hover a b {
background:url(DHimages/blue_1.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b.arrow, 
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(DHimages/blue_1a.gif) right top; 
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul { display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li { background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:inherit;
width:668px;
top:35px; 
left:0; 
text-align:center;
background:transparent url(line/transparent.gif);
border:1px solid #ff0033;
}

.pro_linedrop .select :hover .rt li { float:right;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:24px; float:left; background:transparent url(line/transparent.gif); padding:0 8px; margin:0; white-space:nowrap; color:#ff0033;font-size:12px;}

.pro_linedrop .select :hover .sub li.subline a { color:#900;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#00F1F4; line-height:24px; position:relative; background:url(DHimages/black_0.gif) left bottom;}

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

#footer .indent { margin:0 48px 0 55px; padding-top:21px; text-align:center; border-top:2px solid #25282a; color:#FFFBF0;}

.STYLE1 { color: #ff0033; font-size: 120%; }

.STYLE2 { color: #2A5FFF; font-size: 85%; }

.STYLE3 { color: #ff0033; font-size: 180%; }

/* ============================= from ============================= */

form .rowi { height:39px;}
form .rowt { height:135px;}

.input { width:185px; height:16px; padding:0 0 0 5px; font-size:1em;}
textarea { width:202px; height:94px; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ============================= table ============================= */

#resourceTable {
	border-collapse: collapse;
	width:95%;
	clear: right;
}
#resourceTable td {
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}


th {
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-decoration: underline;
}