/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	margin:0;
	padding:0;
	background: #EFEFEF;
	font-size: 13px;
	color: #333;/*#6B6B6B;*/
}
a {
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	text-transform: lowercase;
	font-weight: normal;
	color: #000000;
}

h2 {
	margin-bottom: 10px;
	border-bottom: 1px solid #F4F4F4;
	font-size: 26px;
}

h3 {
/*	margin-bottom: 15px;
	padding-bottom: 5px;*/
	font-size: 16px;
	border-bottom: 1px solid #F4F4F4;
}

p, ol, ul, blockquote {
	line-height: 24px;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

a {
	color: #36F;/*#EC5600;*/
}

a:hover {
	text-decoration: none;
	color:#FC0599;
}

img {
	border: none;
}

/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

#textfield1 {
	width: 185px;
	margin-bottom: 10px;
	border: 1px solid #E0E0E0;
	border-right-color: #F6F6F6;
	border-bottom-color: #F6F6F6;
}

#submit1 {
	border: 1px solid #EBEBEB;
	width:100px;
	border-bottom-color: #DDDDDD;
	background: #FBFBFB url(../images/img7.gif) repeat-x;
	text-transform: lowercase;
	font-size: 12px;
	font-weight:bold;
	color: #000;
}

/* Posted */
.posted {
	height: 24px;
	margin: 10px 0 0 20px;
/*	padding: 10px 15px 0 15px;*/
	background: url(../images/img6.gif) repeat-x;
	border-bottom: 1px solid #F2F2F2;
}

.posted p {
	float: left;
	margin: 0;
}

.posted .comments {
	float: right;
}
/*
.posted a {
	color: #717171;
}
*/
/* Header */
#header {
	width: 917px;
	height: 95px;
	margin: 0 auto;
	background: url(../images/top_bg.gif) repeat-x;
	background-color:#FFF;
}

/* Logo */
#logo {
	float: left;
	height: 95px;
	padding: 0;
/*	background: url(../images/img1.gif) no-repeat;*/
}

#logo * {
	text-decoration: none;
}

#logo h1 {
	float: left;
	padding: 18px 0 0 40px;
	font-size: 36px;
}

#logo h1 a {
	color: #000000;
}

#logo h1 span {
	font-weight: bold;
}

#logo h2 {
	float: left;
	padding: 32px 0 0 8px;
	font-size: 20px;
	border: none;
	color:#2D66A7;
}
#logo h2 p{
	margin:0;
	padding:0;
}
#logo h2 .small{
	font-size: 12px;
	border: none;
}

/* Menu */
#menu {
	float: right;
	height: 45px;
	padding: 18px 25px 0 0;
/*	background: url(../images/img3.gif) no-repeat right top;*/
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0 15px 0 20px;
	border-left: 1px solid #DBDBDB;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 13px;
	color: #3B3B3B;
}

#menu .first a {
	border: none;
}

/* Content */
#content {
	width: 917px;
	margin: 0 auto;
/*	padding: 0 35px;*/
/*	background: #fff url(../images/img8.gif) no-repeat left bottom;*/
	border-top:1px solid #999;
	background-color:#FFF;
}
#caption p{
	color:#4B0082;
	font-size:20px;
	font-weight:bold;
	margin: 26px 0 26px 50px;	
}
.rc {
	float:left;
	margin-top:6px;
	width:100%;
	border:solid 1px #E5E5E5; 
}
.rc_border{
	float:left;
	border:solid 1px #AAA;
	padding: 16px;
}
.rc p{
	margin:0;
	line-height:24px;
	font-size:14px;
	text-indent:2em;
}
/* news */
.news #caption p {
	margin-bottom:10px;
}
.news .info {
	float:left;
	margin-left:50px;
	_margin-left:20px;
	padding-top:26px;
	width:820px;
}
.news .info img{
	float:left;
}
.news .info .title {
	width:100%;
	float:left;
}
.news .info h3 {
	float:left;
	color:#F00;
	margin-left:10px;
}
.news .rc_border{
	width:788px;
}
/* case */
.case .info {
	float:left;
	margin:0 0 20px 50px;
	width:820px;
}
.case .info img{
	float:left;
}
.case .info .title {
	width:100%;
	margin-left:10px;
	float:left;
}
.case .info h3 {
	float:left;
	color:#111;
}
.case .rc {
	border:0;
}
/* colOne */
#colOne {
	float: left;
	width: 560px;
	margin-left:50px;
	_margin-left:20px;
}
#colOne .bigimg{
	width:100%;
	height:100%;
}
#colOne .title{
	margin-top: 15px;
	padding:0px;
}
#colOne .title p{
	font-size: 16px;
	line-height:20px;
	border-bottom:1px solid #999;
	font-weight:bold;
	color:#000;
}

#colTwo {
	float: right;
/*	width: 30%;*/
	margin-right:30px;
	_margin-right:0px;
	width: 260px;	
/*	padding: 5px 0 0 0;*/
	border-left:2px solid #999;
}
#colTwo .title {
	float:left;
	font-weight: bold;
	width:100%;
	border-bottom:2px solid #999;
}
#colTwo .divider {
	margin-top:30px;
}
#colTwo .title h3{
	font-weight:bold;
}

#colTwo .info {
	float:left;
	margin:16px 0 0 16px;
	_margin-left:10px;
	_width:100%;
}
#colTwo .info img {
	float:left;
	margin-top:10px;
}
#colTwo .txt {
	float:left;
	width:60%;
	margin-top:10px;
	padding-left:3%;
}
#colTwo .txt span{
	font-size:14px;
	color:#0a0;
	font-weight: bold;
}
#colTwo .txt p{
	font-size:12px;
	color:#000;
	line-height: 20px;
}
#colTwo .info2 {
	float:left;
	margin:16px;
} 
#colTwo .info2 p{
	text-indent:2em;
}
#colTwo .info2 .show {
	float:right;
}

/* Footer */
#footer {
	width: 917px;
	margin: 0 auto;	
	background-color:#FFF;	
	border:1px solid #fff;
}

#footer p {
	text-align: center;
	color: #777777;
}

#footer a {
	color: #5D5D5D;
}

.contact {
	padding-top:20px;
}
.contact #caption p{
	margin-left: 0px;	
}
.contact #left {
	float: left;
	width: 30%;
	margin-left:50px;
	_margin-left:20px;	
}

.contact .info p{
	font-size: 16px;
	line-height:20px;
}

.contact #right {
	float: right;
	width: 50%;
	margin-right:5%;
}

/* telecom */
.telecom #infomap {
	margin:0 auto;
	width:50%;	
}
.telecom #bottomimg{
	margin:10px auto;
	width:70%;
}

/*.telecom #caption p{
	margin-left: 50px;	
}*/

.telecom .info {
	float:left;
	margin:10px 0 0 50px;
	_margin-left:20px;
	width:90%;
	height:186px;
	background-color:#F3F3F3;
}

.telecom .description {
	float:left;
	margin:10px 0 0 50px;
	_margin-left:20px;
	width:90%;
}
.telecom .description p{
	text-indent:2em;
	font-size:14px;
}

.telecom .info .leftimg {
	float:left;
	border:1px solid #999;
	margin:6px;
	padding:1px;
	width:20%;
	height:170px;
	border:2px solid #777;
}
.telecom .info .leftimg img{
	width:100%;
}

.telecom .info .txt {
	float:left;
	width:75%;
	_width:72%;
	margin: 20px 0 0 2%;
	height:140px;
}

.telecom .info .txt .show {
	float:right;
	margin:20px;
	*margin:0 20px;
	_margin:0 10px;
}
/*
.telecom .info .txt a {
	color:#4B0082;
}
*/
.telecom .info .title {
	width:100%;
	float:left;
	font-size: 16px;
	font-weight:bold;
	color:#000;
	margin:20px 0;
	_margin-bottom:0;
}
.telecom .info p {
	color:#000;
}
.telecom #dns {
	margin:0 auto;
	width:80%;
}
.telecom .dnstxt {
	float:left;
	margin:10px 0 0 50px;
	_margin-left:20px;
	*padding:10px 0;
	width:90%;
	background-color:#F0F0F0;
}
.telecom .dnstxt p {
	line-height:14px;
	color:#000;
	text-indent:2em;
}
.telecom .dnstxt .tit{
	text-indent:1em;
}
.telecom #jingtou {
	margin:0 auto;
	width:80%;
}
.telecom #maps {
	margin:10px 15%;
}
.telecom #maps img{
	margin:0 20px;
}

/* integration */
.integration #colOne {
	float: left;
	width: 400px;
	_width:420px;
	margin-left:50px;
	_margin-left:20px;	
}
.integration #colTwo {
	width: 400px;
	border: none;
}
.integration #colTwo p{
	margin:0;
	padding-right:40px;
	font-size:14px;
	color:#000;
	line-height: 20px;
	text-indent:2em;
}

/* session insight */
.si #topinfo {
	margin: 0 50px 60px;
}
.si #topinfo .info p {
	font-weight:bold;
	font-size:14px;
}
.si h3 {
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.si .text p {
	text-indent:2em;
	color:#333;
}
.si .posted {
	height: 33px;
	margin: 0 0 30px 0;
	padding: 10px 15px 0 15px;
}
.si .posted strong {
	color:#D1003A;
}
.si #colTwo {
	width: 210px;
	_margin-right:20px;
	border: none;
}
.si #colTwo .cap {
	display:block;
	background-color:#ddd;
}
.si #colTwo .cap h3{
	padding-top:8px;
	font-weight:bold;
	text-align:center;
}
.sicase {
	margin: 10px 50px;
	_margin:10px 30px;	
}
.sicase #case_cap{
	color:#4B0082;
	font-size:20px;
	font-weight:bold;
}
.sicase .info {
	float:left;
	margin:10px 0 0 10px;
	width:810px;
}
.sicase .info .title {
	width:70%;
	float:left;
}
.sicase .info img{
	float:left;
}
.sicase .info h4 {
	float:left;
	color:#111;
	margin-left:10px;
	font-size:16px;
}
.sicase .moretitle{
	font-size:16px;
	margin-top:10px;
	border-bottom: 1px solid #F4F4F4;
	text-indent:1em;
	color:#30F;
}
.sicase .rc_border {
	width:778px;
}
/* blogs */
.blogs #caption p{
	margin: 20px;	
	text-align:center;
}
.blogs #author {
	text-align:center;		
}
.blogs #author strong {
	color:#D1003A;
}

.blogs .info {
	float:left;
	margin:0 0 20px 50px;
	_margin-left:20px;
	width:820px;
}
.blogs .info p {
	text-indent:2em;
	font-size:13px;	
}
.blogs .info li {
	margin-left:10px;
}

/*	led		*/
.led .ledcase{
	margin:20px 70px;
}
.led .ledcase .info { 
	float:left;
	width:260px;
}
.led .ledcase .pic { 
	float:left;
	margin-left:20px;
}

/*	echeck		*/
.echeck .con {
	margin:20px 40px;
}
.echeck .box {
	float:left;
	margin:0 10px;
	width:380px;
	border:2px solid #30608B;
}
.echeck .title {
	zoom:1;
	display:block;
	position:relative;
	float:left;
	background-color:#ddd;
	left:10px;
	top:-10px;
	font-size:15px;
}
.echeck .info {
	margin-top:30px;
	height:160px;
}
.echeck .info p {
	margin:0;
	line-height:20px;
	font-size:14px;
	text-indent:2em;
}

/* about */
.about .info {
	float:left;
	margin:0 0 20px 50px;
	_margin-left:20px;
	width:820px;
}
.about .info p {
	font-size:14px;
	text-indent:2em;	
}

.index #colOne {
	float: left;
	width: 600px;
	margin-left:30px;	
	_margin-left:20px;
	margin-top:30px;	
}
.index #colTwo {
	float: right;
	width: 260px;
	_width:230px;		
	margin-right:0px;
}
/* Focus */
.focuscontent{
	float:left;
	width:600px;
	height:443px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
}
.focus{
	float:left;
	width:598px;
	height:435px;
	overflow:hidden;
	position:relative;
	display:inline;
}
ul.slider{
	position:absolute;
	margin:0;
	width:598px;
	height:435px;	
}
ul.slider li{ 
	list-style:none;
	display:inline;
}
ul.slider img{ 
	width:595px;
	height:435px;
	display:block;
}
ul.num{ 
	position:absolute; 
	right:20px; 
	bottom:5px;
}
ul.num li{
	float: left;
	color: #FF7300;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #FF7300;
	background-color: #fff;
}
ul.num li.on{
	color: #fff;line-height: 21px;
	width: 21px;
	height: 21px;
	font-size: 16px;
	margin: 0 1px;
	border: 0;
	background-color: #FF7300;
	font-weight: bold;
}