@charset "utf-8";
html { border: none;}
body { margin: 0;	padding: 0;	background: #FFFFFF url(bg_pattern.gif);}
body, td { font-size: 12px;	font-family: Verdana, Geneva, sans-serif; color: #333333;}
img { border: 0;}
p {margin: 0 0 15px 0;}
a { text-decoration: none;	color: #3e718c;}
a:hover { text-decoration: underline; color: #3e718c;}
h1, h2, h3, h4, h5, form { margin: 0;}
h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 20px;
}

h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
ul { margin: 0;	padding: 0; list-style-type:none;}
.clearBoth { clear: both;	height: 0;	line-height: 0;	margin: 0;	padding: 0;}

#siteTopBG {
	margin-top:0;
	background: url(bg_top_grad.gif) repeat-x;
}

#siteContainer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: url(bg_shad.gif) repeat-y;
	line-height: 14px;
}

#sitePad {
	background: url(bg_top_shad.gif) no-repeat;
	padding: 0 5px;
	margin-top:0;
}


#header {
	height: 105px;
	width: 948px;
	background: #EFEFEF url(bg_header.jpg) no-repeat;}
	#header h1,#header h2{ text-align:right; padding-right:20px; padding-top:20px; padding-left:300px; font-size:14px}
	#logo {
	position: absolute;
	margin: 22px 0 0 36px;
	display: block;
	width: 352px;
	height: 71px;
	padding: 0;
	font-size: 18px;
	line-height: 18px;
	overflow: hidden;
}
#logo span {
	position: absolute;
	width: 357px;
	height: 100%;
	background:url(logo.jpg) no-repeat 0 0;
}
#requestProposalButton {
	position: absolute;
	margin: 30px 0 0 750px;
	height: 68px;
	width: 325px;
	top: -3px;
}
.email {
width:118px;
height:21px; 
overflow:hidden;
display:block;
position:absolute;
padding:0;
background:transparent url(PhoneBox.gif) no-repeat scroll 0 0;
color:white;
font-family:"Trebuchet MS", arial, sans-serif;
font-weight:bold;
font-size:13px;
text-align:center;
padding:6px 0 0 20px;
margin-top:0px;
#margin-top:-1px;
_margin-top:-1px;
}
.requestB {
width:303px;
height:27px;
overflow:hidden;
display:block;
padding:0;
}

.requestB a {
color:#b3380a;
}

.requestB span {
	background:transparent url(RequestProposal1.gif) no-repeat scroll 0px 0px;
	height:27px;
	position:absolute;
	width:145px;
	cursor:pointer;
	margin-left:2px;
	margin-top:30px;
	left: -7px;
	top: 1px;
}

.requestB span:hover {
background:transparent url(RequestProposal1.gif) no-repeat scroll 0px -27px;
cursor:pointer;
}
#translate {
width:159px;
height:68px; 
overflow:hidden;
display:block;
position:absolute;
padding:0;
margin-top:-38px;
left:160px;
}
/* --------------------------------------------
header
--------------------------------------------- */
#nav {
	list-style: none;
	height: 37px;
	width: 948px;
	background: url(bg_nav.jpg) no-repeat;
	border-top: 1px solid #FFFFFF;
}
#navshow{ width:948px; height:8px; background: url(nav_shad.gif) no-repeat;}
#nav li {
	float: left;
	padding-left: 26px;
}

#nav li a {
	margin-top: 8px;
	outline: none;
	display: block;
	padding: 0;
	height: 21px;
	line-height: 20px;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
}

#nav li a:hover {
	background-image: url(nav_matrix.gif);
}

.bOne {
	width: 67px;
}

.bOne:hover {
	background-position: 0 0;
}

#nav li.current #bOne {
	background-position: 0 0;
	background-image: url(nav_matrix.gif);
}

#nav-2 a {
	width: 100px;
}

#nav-2 a:hover {
	background-position: -67px 0;
}

#nav li.current #nav-2 {
	background-position: -67px 0;
	background-image: url(nav_matrix.gif);
}

#nav-3 a {
	width: 92px;
}

#nav-3 a:hover {
	background-position: -141px 0;
}

#nav li.current #nav-3 {
	background-position: -141px 0;
	background-image: url(nav_matrix.gif);
}

#nav-4 a {
	width: 83px;
}

#nav-4 a:hover {
	background-position: -233px 0;
}

#nav li.current #nav-4 {
	background-position: -233px 0;
	background-image: url(nav_matrix.gif);
}

#nav-5 a {
	width: 60px;
}

#nav-5 a:hover {
	background-position: -316px 0;
}

#nav li.current #nav-5 {
	background-position: -316px 0;
	background-image: url(nav_matrix.gif);
}

#nav-6 a {
	width: 89px;
}

#nav-6 a:hover {
	background-position: -486px 0;
}

#nav li.current #nav-6 {
	background-position: -486px 0;
	background-image: url(nav_matrix.gif);
}
/* --------------------------------------------
|  STRUCTURE
--------------------------------------------- */
#mainIris {
	width: 948px;
	height: 257px;
	background: #c23e00 url(main_iris.jpg) no-repeat;
}

#mainIris h1 {
line-height:28px;
margin-bottom:20px;
color:#FFFFFF;
font-size:22px;
font-weight:normal;
margin-left:0px;
padding-top:34px;
width:660px;
position:absolute;
}

#mainIris p {
	margin-left: 280px;
	width: 610px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	padding-top:82px;
}

#mainIris #mainCTA {
	margin: 20px 0 0 280px;
	padding-top:0px;
}

#mainIris #mainCTA a {
	text-decoration: none;
	display: block;
	width: 413px;
	height: 29px;
	text-indent: -9999px;
	outline: none;
	background: url(b_target_market.gif) no-repeat 0 0;
}

#mainIris #mainCTA a:hover {
	background-position: 0 -29px;
}

/*This is for A/B testing*/
#mainIris #mainCTA2 {
	margin: 20px 0 0 390px;
}

#mainIris #  n a {
	text-decoration: none;
	display: block;
	width: 413px;
	height: 29px;
	text-indent: -9999px;
	outline: none;
	background: url(free_website_analysis.gif) no-repeat 0 0;
}

#mainIris #mainCTA2 a:hover {
	background-position: 0 -29px;
}
/*done with a/b testing*/

/* -----------------------------------------------
|	main page left
------------------------------------------------*/
#main{ width:948px;  margin:0px auto;}

#mainArea {
	float: left;
	width: 608px;
	margin-right:25px;
}
#intro {
	margin-left: 24px;
	width: 583px;
	height: 250px;
	background: url(bg_intro.jpg);
	color: #4e5f5f;
	line-height: 20px;
}

#intro h1 {
	color: #3e718c;
	font-size: 32px;
	font-weight: normal;
	margin: 0 0 10px 20px;
	padding-top: 15px;
}

#intro div {
	font-style: italic;
	font-size: 20px;
	margin-left: 75px;
}

#intro p {
	margin: 22px 5px 10px 20px;
}



#homeContentPad {
	padding: 20px 0 0 40px;
	line-height:20px;
}

#homeContentPad h2,#homeContentPada{ font-size:12px; display:block; float:left; padding-right:3px;}

#homeContentsally { width:550px;}




#homeContentLeft {
	width: 260px;
	float: left;
	margin: 0 30px 0 0;
}

#homeContentRight {
	width: 260px;
	float: left;
}

.homeContentIcon {
	float: left;
	margin-bottom: 2px;
	margin-right: 10px;
}

#requestProposal {
	clear: both;
	width: 246px;
	height: 71px;
	background: url(bg_request_prop.gif) no-repeat;
	margin: 10px 0 0 165px;
}

#requestProposal strong {
	display: block;
	text-align: center;
	color: #3e718c;
	font-size: 13px;
	padding-top: 10px;
}

#requestProposal a {
	display: block;
	margin: 10px 0 0 55px;
	text-decoration: none;
	width: 131px;
	height: 21px;
	text-indent: -9999px;
	outline: none;
	background: url(b_request_prop.gif) no-repeat 0 0;
}

#requestProposal a:hover {
	background-position: 0 -21px;
}

/*done with a/b testing*/
#mainRight {
	float: left;
	width: 308px;
}
#mainRight h2,#mainRight h3 {
	font-size: 16px;
	line-height: 40px;
	color: #3e718c;
	margin-bottom: 10px;
	background: url(dot_line.gif) no-repeat 0 38px;
}

/* -----------------------------------------------
|	main page right
------------------------------------------------*/
#caseStudiesH {
background:#dadce3 url(bg_sidebar1.gif) no-repeat scroll -1px 0px;
border-right:1px solid #e4dcc8;
border-left:1px solid #e4dcc8;
line-height:17px; 
margin-top:0px;
}

#caseStudiesH h2,#caseStudiesH h3 {
margin:0 0 0 20px;
}
#caseStudiesH h3
{ font-size:14px;}

#caseStudiesH object {

}

#caseStudiesH #bottom {
padding-bottom:30px;
background:transparent url(bg_recent_blog_bot.gif) no-repeat scroll bottom center;
}
/*导航*/
.sidebar, .sidebar_pages {
	border-top: 5px solid #FFF;
	background: url(bg_recent_blog_mid.gif) repeat-y;
}

.sidebar .topBG, .sidebar_pages .topBG {
	background: url(bg_recent_blog_top.gif) no-repeat top;
}

.bottomBG p{
	font-size: 16px;
	font-weight:bolder;
	line-height: 40px;
	color: #3e718c;
	margin-bottom: 10px;
	background: url(dot_line.gif) no-repeat 0 38px;
}
.sidebar .bottomBG, .sidebar_pages .bottomBG {
	background: url(bg_recent_blog_bot.gif) no-repeat bottom;
	padding: 5px 0 25px 20px;
	font-size: 11px;
	line-height: 17px;
}

.sidebar .zebraContainer, .sidebar_pages .zebraContainer {
	background: url(bg_sidebar.gif) no-repeat;
	padding: 6px;
}

.sidebar ul, .sidebar_pages ul {
	width: 256px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sidebar li, .sidebar_pages li {
	background: #dcd7c7;
	color: #000000;
	height: 26px;
	font-size: 11px;
}

.sidebar li a, .sidebar_pages li a {
	color: #000000;
	padding: 1px 6px 1px 10px;
	line-height: 26px;
	height: 26px;
}

.sidebar_pages li a {
	color: #3e718c;
	text-decoration: underline;
}

.sidebar li a:hover {
	color: #3e718c;
}

.sidebar_pages li a:hover {
	color: #000000;
}
#mainRight .altlist li {
	background: #cdced5 !important;

}

#mainRight .altlist li.even {
	background: none !important;
}
/*rightnews*/
#RightNews{background-color:#dadce3; border-left:#e4dcc8 1px solid; border-right:#e4dcc8 1px solid; padding:0px 0px 0px 11px;}
#RightNews p{ 	font-size: 16px; font-weight:bolder; line-height: 40px; color: #3e718c; margin-bottom: 10px; background: url(dot_line.gif) no-repeat 0 38px; }
#RightNews ul{ list-style:none;}
#RightNews ul li{ background:url(red_bull.gif) left 9px no-repeat; text-align:left; height:20px;}
#RightNews a{ color:#444444; text-decoration:none; margin-left:10px; background:url(righttitle_line.jpg) bottom left repeat-x; display:block; height:20px; width:220px; padding-top:3px;}
#RightNews a:hover{ color:#D94C21;}
.RightNewsbotom{ width:308px; height:24px; background:url(bg_recent_blog_bot.gif) top center no-repeat; margin-top:0px; margin-bottom:5px;}

/*live800*/
#live800{ background-color:#dadce3; border-left:#e4dcc8 1px solid; border-right:#e4dcc8 1px solid;}
#live800 .title{ font-size: 16px; font-weight:bolder; line-height: 40px; color: #3e718c; margin-bottom: 10px; background: url(dot_line.gif) no-repeat 0 38px; margin-left:18px;}

#menu { margin:0; padding: 10px 0; overflow:hidden; line-height:1.5em; }
#menu li { list-style-type:none;  display:block; padding:2px 22px;  cursor:pointer;}
#menu li span { display:block; text-decoration:none; color: #000000; margin:0; font-weight:bold; }
#menu li .salersicon{ float:left; height:16px; width:16px; padding-right:5px;}
#menu li .salersicon img{height:16px; width:16px;  margin:0; padding:0;}
#menu li span span { display:none; color:#000; background:url(callbg.gif) center 0 no-repeat; }
#menu li span.one span { display:block; padding-bottom:10px; }
#menu li span span a { display:block; margin:4px 0 0 6px; width:196px; height:20px; background:none; border:none; }
/*#menu .h2 { margin:0 5px; padding:0; color: #333333; font-size:12px; border:0; }*/
#menu .onlineh3 { padding:0; font-size:12px; color: #009933;  float:right; }
#menu .offlineh3 { color:#999; font-size:12px; padding:0; font-weight:normal; float:right; }
#menu table img { margin:13px 10px 0 10px;  border:1px solid #FF3300; }
#menu .signature { padding:14px 15px 0 10px; overflow:hidden; font-size:10px; line-height:12px; color:#333; height:50px;  }


#linksi{ background-color:#EFEFEF; width:948px; height:62px; margin:15px auto 0px auto; padding:0px; list-style-type:none; text-align:left;}
#linksi li{ width:175px; height:20px; padding-top:3px; float:left; padding-left:10px; text-align:left;}

#footer{ background-color:#666666; width:948px; height:50px; margin:0 auto; color:#FFFFFF; padding-top:10px; line-height:150%; text-align:center;}
#footer a:link{ color:#FFFFFF;}
#footer a:visited{ color:#FFFFFF;}
#footer_line{ background:url(footer_line_bg.jpg) top left repeat-x; width:950px; height:20px; margin:0 auto}

#mainList{float: left;
	width: 568px;
	margin-right:25px;
	padding: 15px 0 0 40px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
}
#mainList table td,#homeContentPad table td{ height:32px; line-height:25px;}
#mainList table input,#homeContentPad table input{ border:1px #cccccc solid;}
#mainList table .text,#homeContentPad table .text{ width:272px; height:20px; }
#mainList table textarea,#homeContentPad table textarea{ border:1px #cccccc solid; width:272px; height:55px;}
#mainList table select,#homeContentPad table select{border:1px #cccccc solid; width:274px; padding: 3px 3px 3px 1px;}
#mainList table .button,#homeContentPad table .button{ width:108px; height:30px; background:url(button.gif) no-repeat; color:#FFFFFF; text-align:center; font-size:16px; font-weight:bold; border:none; margin-top:10px;}
#mainList h1 {
	color: #3e718c;
	font-size: 24px;
	font-weight: normal;
	border-bottom:#CCCCCC dashed 1px;
	padding:0px;
	margin:0px;
}

.placenav{
	margin-top:0px;
	padding-top:0px;
	line-height:30px;
}
.content{
	color:#444;

}
.content h2{ font-size:14px;}
.content img{ margin-right:5px;}

#Right_list1{ list-style-type:none; margin-left:20px; padding-top:8px; padding-bottom:15px;}
#Right_list1 li{ text-align:left; padding-bottom:5px; font-size:12px; color:#3e718c;}

.newslist{
	margin-top:10px;
	padding-bottom:10px;
	text-align:left;
}

.newslist dt{ _height:75px; min-height:75px; display:block; border-bottom:#CCCCCC 1px dashed;}
.newslist dl{
	margin:10px 0px 0px 0px;
	display:block;
	padding-bottom:8px;
}
.newslist dl dt{
	margin:0px auto 0px;
	text-align:left;
	line-height:150%;
}
.newslist dl dt a{
	color:#003399;
	line-height:140%;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
}

.newslist a.view{
	color:#003399;
	font-size:12px;
	font-weight:normal;
	line-height:normal;
}
.newslist dt img{ float:left; margin-right:5px; border:#CCCCCC 1px solid;}


#mainList .product{
	margin:10px 0px 0px 10px;
	border:#CCCCCC 1px dashed;
	width:270px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

#mainList .product h2{ font-size:14px; color:#3e718c; padding-left:10px; font-weight:normal; line-height:25px; background:#e8e9ee;}

#mainList .product ul{ list-style:square; margin-left:24px; margin-bottom:5px;}

#mainList .product ul li{ font-weight:normal; color:#cccccc; line-height:20px;}

.product ul li a{ color:#333333;}

.plist{ padding-top:3px; padding-left:170px; line-height:17px; }

.plist input { float:left; width: 30px; border: 1px solid #DDDDDD; height: 17px;}
.plist #button { height: 18px; width: 30px; background-color: #FF6600; border: 1px solid #CC3333; color: #FFFFFF;}
.plist span { float:right;}
.plist strong{ color:#FFF; display:block; float:left; padding-left:8px; padding-right:8px; background:#3e718c; border:1px solid #3e718d; margin: 0px 3px 0px 0px; }
.plist a{ display:block; height:17px; float:left; padding-left:8px; padding-right:8px; border:1px solid #DDD; background:#FFF; text-decoration:none; margin-right:2px; color:#000;}
.plist a:hover{ color:#FF0000; }
.HHHH{ color:#006600; font-weight:bold; margin-top:20px; display:block; text-decoration:underline; font-size:14px;}

