:link,:visited {border:none;text-decoration:none}
ul,ol {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img {border:none; text-decoration:none;}
address {font-style:normal}
.flt_l {float:left;}
.flt_r {float:right;}
.f3line {width:605px; height:1px;background:#f3f3f3;clear:both;}



/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

body {
	background:#f3f3f3;
	font-family: ΢ÈíÑźÚ, Arial, Verdana, san-serif;
	font-size: 12px;
	color:#000;
	}
	
body #home {background:#f3f3f3;}
	
#container {
	background:#f3f3f3 url(site-bg-blue.png) repeat-x;
	}
	
	#bg-container {
		background:url(big-bg-blue.jpg) 50% 88px no-repeat;
		margin:0 auto;
		text-align:center;
		}
		
#header {
	height:35px;
	width:930px;
	margin:0 auto;
	padding-top:60px;
	text-align:left;
	}

#content-container {
	width:930px;
	padding:0px;
	margin:0 auto;
	padding:30px 0 0 10px;
	text-align:left;
	}

#main-content {
	padding: 0;
	margin: 0;
	float:left;
	width:610px;
	}

#main-content p{
	color: #464a52;
	}

#main-content h2 {
	font-size:2.0em;
	}
#sidebar-right {
	float:right;
	width:290px;
	padding-top:121px;
	}
	
#sidebar-right-secondary {
	float:right;
	width:290px;
	padding-top:125px;
	}
	
#sidebar-right-third {
	float:right;
	width:290px;
	padding-top:125px;
	}
	
#footer {
	font-size: 12px; 
	border-top: #CCC solid 1px;
	height:80px;
	text-align:center;
	}

#copyright {
	line-height: 1.3em;
	width: 930px;
	margin: 10px 0 10px 0;
	padding-left: 165px;
	color: #626873;
	}
	
#foot-left {
	width: 480px;
	text-align:left;
	float:left;
	}

#foot-right {
	width: 180px;
	float:left;
	}
	
#copyright a,#copyright a:link,#copyright a:hover,#copyright a:visited {border-bottom:none !important;}

/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/

.header-logo {
	position:absolute;
	top:0px;
	right:140px;
	}

#header-nav-ul li {
	display:inline;
	font-family:  Arial, Verdana, san-serif;
	font-size: 12px;
	}

#header-nav-ul li a {
	color:#464A52;
	font-weight:normal; 
	margin-right:17px;
	padding-bottom:24px;
	display: inline-block;
	background:url(header-li-hover-bg.gif ) -2000px 100% no-repeat;
	}


#header-nav-ul li a.selected {
	background-position:50% 28px;
	color:#003F8E;
	font-weight:800;
	}
	
#header-nav-ul li a:hover {
	background-position:50% 28px;
	color:#AB0101;
	}

	
/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/

.help-ul {
	margin-bottom:33px; 
	overflow:hidden ; 
	height:680px ;
}
	
	html>body .help-ul {margin-bottom:35px;}
	
.ul-left {
	font-size: 12px;
	margin-left:50px;
	padding-top:10px;
	}

.ul-right {
	float:right;
	width:145px;
	}

.ul-left li,
.ul-right li {
	background:url(arrow.gif) 0% 50% no-repeat;
	padding-left:30px;
	margin-bottom:10px;
	line-height:1.2em;
	}

.fresh {
	line-height: 1.7;
	}

.fresh li {
	background:url(icon-tag.gif) 0px 4px no-repeat;
	padding-left:27px;
	margin-top: 0px;
	margin-bottom:25px;
	font-size: 11px;
	color:#CCC;
	}


.fresh li a {
	color:#000;
	font-size: 12px;
	line-height: 1.8;
	}
	
#sidebar-right-secondary {
	border-bottom:none;
	}

#sidebar-right-secondary a:link {
	color:#464A52;text-decoration:none;
	}

#sidebar-right-secondary a:visited {
	color:#ababab;text-decoration:none;
	}
	
#sidebar-right-secondary a:hover {
	color:#AB0101;RIGHT: 0px; POSITION: relative; TOP: 2px;
	}

.sidebar-menu {
	text-decoration:none;
	padding-top: 18px;
}

html>body .sidebar-menu {
	padding-top: 15px;
}

	.sidebar-menu h4 {
		color: #003F8E;
		text-transform: uppercase;
		font: 14px "΢ÈíÑźÚ", Arial, Verdana, san-serif;
		line-height: 35px;
		padding-top: 15px;
		margin-left: 20px;
		font-weight:600;
	}
		
	.sidebar-menu ul {
		margin: 10px 0 0px 30px;
	}
		
	.sidebar-menu ul li {
		font-size: 14px;
		color: #464A52;
		font-weight:normal;
		background:url(arrow-play.png) 0px 50% no-repeat;
		padding: 8px 0 8px 30px;

	}
	
	.sidebar-menu ul#introduce {
		margin: 10px 0 0px 20px;
	}
	
	.sidebar-menu ul#introduce li {
		font-size: 12px;
		color: #464A52;
		font-weight:  bold;
		padding: 15px 0 15px 40px;
	}
	

	.sidebar-menu ul#introduce li.webdesign {background:url(webdesign.gif) 0px 50% no-repeat;}
	.sidebar-menu ul#introduce li.iddesign {background:url(iddesign.gif) 0px 50% no-repeat;}	
	.sidebar-menu ul#introduce li.ecommerce {background:url(ecommerce.gif) 0px 50% no-repeat;}	
	.sidebar-menu ul#introduce li.webapp {background:url(webapp.gif) 0px 50% no-repeat;}	
	.sidebar-menu ul#introduce li.arrow {background:url(arrow.gif) 0px 50% no-repeat;}
	.sidebar-menu ul#introduce li.checkicon {background:url(plaint.gif) 0px 50% no-repeat;}
	.sidebar-menu ul#belden-nav li.checkicon {background:url(plaint.gif) 0px 50% no-repeat;}	

	
	.sidebar-menu ul li.selected {
		font-weight:  bold;
		background:url(arrow-selected.gif) 0px 50% no-repeat;
	}
	
	.sidebar-menu-head {
		height: 60px;
		background:url(sbhead.png) top no-repeat;
	}
 
	.sidebar-menu-info {
		font-size: 12px;
		padding: 30px 20px;
	}
	
		.sidebar-menu-info strong {
			font-weight: bold;
			font-size: 12px;
			color: #464A52;
		}
		
		.sidebar-menu-info p {
			line-height: 18px;
			color: #464A52;
		}

		.sidebar-menu-info p span {
			color: #000;
		}

 	.sidebar-menu-foot {
		height: 60px;
		background:url(sbfoot.png) top no-repeat;
	}

.sidebar-icon {
	vertical-align: middle;
	margin-right: 15px;
}	

/* product-nav Styles ///////////////////////////////////////////////////////////////////////////////////*/
#KB1Parent,#KB2Parent,#KB3Parent,#KB4Parent,#KB5Parent,#KB6Parent,#KB7Parent,
#KB8Parent,#KB9Parent,#KB10Parent,#KB11Parent,#KB12Parent {
	font-size: 14px;
	margin-left:20px;
	padding-top:15px;
	
}

#KB1Parent a,
#KB1Parent a:link,
#KB1Parent a:visited {
	border-bottom:0px;
	border:none;
	text-decoration:none;
}

#KB1Child,#KB2Child,#KB3Child,#KB4Child,#KB5Child,#KB6Child,#KB7Child,
#KB8Child,#KB9Child,#KB10Child,#KB11Child,#KB12Child {
	font-size: 12px;
	margin-left:40px;
	padding-top:5px;
	border:none;
	text-decoration:none;
}

#belden-nav a,
#belden-nav a:link,
#belden-nav a:visited {
	border-bottom:0px;
}


.parent {
	font-size: 14px;
	margin-left:40px;
	padding:5px 0;
	font-weight:bold;
	text-decoration:none;
}

.child   {
	font-size: 12px;
	margin-left:40px;
	padding:0px;
	font-weight:bold;
	text-decoration:none;
}

/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

/*#home.featured-index .row {
	width:600px;
	
	}*/

#fla-tech {
	padding-left:45px;
	border:outset 8px #4887f4;
	background:#fff;
	margin-bottom:50px;
	}


a,
a:link,
a:visited {
  	outline: none;
	border:none;
	color:#000;
	}

#content-container a,
#content-container a:link,
#content-container a:visited {
	color: #000;
	/*border-bottom: 1px solid blue;*/
	padding: 1px 0;
	}

#content-container a:hover {
	color: #AB0101;
	border-bottom: 0;
	}

#content-container a.external { 
	background: url(external-link.gif) 100% 40% no-repeat;
	padding-right: 15px;
} 
	
#home #content-container a,
#home #content-container a:link,
#home #content-container a:visited {
	color: #1651a5;
	padding-bottom: 1px;
	}

#home #content-container a:hover {
	color: #AB0101;
	background: none;
	}
	
	
#content-container #work-slides a:hover {
	background: none;
	border-bottom: none;
	}

h1 {margin-bottom:5px;}

.page-title {
	color: #464A52;
	font: 22px normal;
	font-family:Arial, Verdana, san-serif;
	margin-top: 0px;
	margin-bottom: 0.5em;
	font-weight:700;
}

.page-subtitle {
	color: #003F8E;
	font: 18px normal;
	font-family:Arial, Verdana, san-serif;
	margin-top: 20px;
	padding-bottom:5px;
	letter-spacing: .3mm;
	margin-bottom: 10px;
	background:url(page-title-bg.png) bottom no-repeat;
	font-weight:600;
}


p {
	color: #000;
	margin-bottom:10px;
	line-height:1.8;
	text-indent:25px;
	}


#home p,
#home li {
	color: #464a52;
	}

img {border:none;}

.featured-index { width:610px;margin: .5em;margin-top: 1.5em;}

.featured-index img {float:left;padding-right: 1em;}
	
.featured-index p{margin-bottom: 2em; }

featured-index p a { float:left;}

.globe-icon-float {
	width:30px;
	float:left;
	margin-right:15px;
	}

.birtv_index {
	float:left;
	margin-right:.5em;
}

.birtv_index a {
	float:left;
	margin-left:.5em;
}

.bar-icon-float {
	width:33px;
	float:left;
	margin-right:15px;
	}

.block-what-we-do {
	margin-bottom: 2em;
	color: #000;
	}
	
.block-what-we-do a {
	text-indent: 0px;
	float: right;
	font-size:1.2em;
	}

hr {height: 0; border: 0; border-bottom: 1px solid #DDD; color: #DDD; margin: 0; padding: 0; clear:both; width: 100%;}

.spaceline {
	float:left;
	height: 0;
	border: 0;
	border-bottom: 1px solid #64a5f8;
	padding:0;
	width:100%;
}

.spaceline-r {
	float:left;
	height: 0px;
	border: 0px;
	border-bottom: 1px solid #ab0101;
	padding:0;
	width:100%;
}

.spaceline-g {
	float:left;
	height: 0px;
	border: 0px;
	border-bottom: 1px solid #e4e4e4;
	padding:0;
	width:100%;
}

.hr {
	width:600px;
}

.logo {
	margin:10px 10px;
	}

/* Product Layout Styles ///////////////////////////////////////////////////////////////////////////////////*/
.list-bg {
	width: 100%;
}
/* url(product-frame.png) no-repeat left bottom */
.row {
	width: 292px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	border:none;
}

.product-tl {
	width: 100%;
	font-size:15px;
	text-align:center;
	font-weight:500;
	color:#fff;
	border:1px solid #ccc;
	background:#0c63b3;
}

.product-p {
	clear:none;
	margin:5px 3px 6px 3px;
	width: 64px;
    height:64px;
 	border: 1px solid #ccc;
	overflow:hidden;
}

.product-t {
	line-height:20px;
	margin:5px 0px 6px 3px;
	padding:5px 10px 0px 10px;
	width: 185px;
	height:63px;
	float:right;
	vertical-align:middle;
	text-align:left;
	background:url(spacer.gif) left top repeat-y;

}

.product-spr1 {
	width: 1px;
	height:100px;
	background:url(spacer.gif) repeat-y;
	
}

.product-t ul {
	margin:3px 0px;
}

.product-t li {
	padding-top:3px;
	font-size: 10px;
	font-weight:normal;
	color:#000;
	}
	
.sproduct {
	margin-left:10px;
	width:595px;
	height:150px;
	border:none;
	font-weight:normal;
	background:none;
	overflow:hidden;
}

.product-detail {
	background:#fff;
	width:100%;
	border:1px solid #ccc;
	text-align:center;
}

.product-detail img{
	padding:3px 0;
}

.scr {
	text-align:left;
	text-indent:25px;
	line-height:1.5;
}

.phylion {
	font-size:12px;
	padding-left:6%;
	width:94%;
	text-indent:25px;
	text-align:left;
	line-height:1.6;
	border:1px solid #ccc;

}

.scr p{
	font-size:12px;
	color: #000;
	margin-bottom:20px;
	line-height:1.8;
	text-indent:25px;
	}

.scr ul{
	margin-top:10px;
	padding-left:25px;
}

.scr li {
	padding-left:15px;
	line-height:1.4;
	background:url(arrow-red.gif) 0% 35% no-repeat;
}

.sub-tl {
	padding-left:5px;
	color: #2276FE;
	font-size:14px;
}

.tab {
	padding-left:0px;
	width:100%;
	border:1px solid #CCC;
	text-align:left;
	text-indent:0px;
}

.product-detail-tl {
	padding:5px 0 0 5px;
	text-align:left;
	background:#0c63b3;
	width:603px;
	height:20px;
	border:solid 2px #CCC;
	font-size:15px;
	color:#FFF;
}

.featured-index .row {
	border:none;
	padding-top: 0px;
	font-size: 12px;
	background:none;
}

.row p {
	color: #464A52;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	margin-top: 6px;
	
}

.featured-index .row p {
	font-size: 11px;
	line-height: 16px;
	margin-top: 6px;
}

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

.second {float:right;}

.return {
	width:100%;
	padding-top:15px;
	text-align:center;
}
	
/*.row img {
	background:url(work-img-bottom-bg.gif) left bottom no-repeat;
}*/

/*.featured-index .row img {
	background:url(feature-img-bottom-bg.gif) left bottom no-repeat;
}*/

#content-container .row a:link {
	padding: 0;
	border: none;
	color:#444;
	text-decoration: none;	
}

#content-container .row a:hover {
	padding: 0;
	border: none;
	color:#AB0101;
	text-decoration: underline;	
}

#content-container .row a:visited {
	padding: 0;
	border: none;
	color:#888;
	text-decoration: none;	
}

#content-container .row a {
	background: none;
	color: #333;
	text-decoration: none;	
}


.approach {
	clear: both;
	height: 80px;
	margin-top: 5px;
	margin-left: 0px;
	width: 600px;
}

	.approach img {
		padding: 5px;
		float: left;
		width: 48px;
	}

	
	.approach p {
		font-size: 12px;
		line-height: 1.6;
		color: #464A52;
		float: right;
		width: 520px;
		padding: 0px;
	}
	
#flow {
	padding-left:60px;}
/*-----------------------------------------list style---------------------------------------*/

#list-careers li {
	list-style: none;
	font-size: 16px;
	padding-bottom:10px;
	text-indent:50px;
	line-height:40px;
	}
	
#list-long li {
	list-style: none;
	font-size: 14px;
	padding-bottom:15px;
	text-indent:30px;
	background:url(icon-down.gif) 0 0 no-repeat;
	line-height:20px;
	}

#list-team {
	font-weight:500;
	list-style: none;
	font-size: 12px;
	padding-left:130px;
	line-height:20px;
	}

#list-team ul li{
	list-style: none;
	font-size: 12px;
	text-indent:50px;
	line-height:20px;
	padding-bottom:10px;
	}


#work h3 {
	font-weight: bold;
	font-size: 14px;
	color: #003F8E;
	margin: 30px 0 10px 0;
}

#work-slides {
	width: 610px;
	background-color: #EFEFEF;
}

#work-details {
	margin-top: 15px;
}

	#work-details p {
		float: left;
		width: 320px;
	}
	
	#work-details span {
		margin: 10px 0;
		display: block;
	}
	
	
	#work-details h4 {
		margin-top: 5px;
		width: 250px;
		float: right;
		color: #464A52;
		text-transform: uppercase;
		font: 12px bold;
		font-family: Arial, Verdana, san-serif;
	}
	
	#work-details ul {
		width: 243px;
		float: right;
		margin: 0;
	}

		#work-details ul li {
			font-size: 11px;
			color: #003F8E;
			font-weight:  normal;
			background:url(arrow-play.png) 0px 50% no-repeat;
			padding: 6px 0 6px 25px;
	
		}

.team-member {
	clear: both;
	margin-top: 10px;
	margin-bottom:.3em;
}

	.team-member img {
		background: #fff;
		border: #DDD 1px solid;
		padding: 5px;
		float: left;
		width: 90px;
	}
	
	.team-member h3 {
		line-height:2.5em;
		vertical-align:bottom;
		font: 14px bold;
		font-family: "ÐÂËÎÌå",Arial, Verdana, san-serif;
		color: #003F8E;
		float: right;
		width: 480px;
		margin-top: .3em;
		margin-bottom: .3em;
		padding-bottom: 5px;
		background:url(page-title-bg.png) bottom no-repeat;
		font-weight:600;
	}

	.team-member p {
		float: right;
		width: 480px;

	}

.solutionimg {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.solution-post-info {
	clear: left;
	color: #626873;
	margin: 15px 0 40px 0;
}

.display-comment {
	clear: both;
	border-top: 1px solid #DDD;
	margin-bottom: 30px;
}

/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////////*/

	
#footer p,
#footer li {
	color: #464A52;
}


#footer a,
#footer a:link,
#footer a:visited {
	color:#AB0101;
	padding-bottom: 2px;
	}

#footer a:hover {
	color: #333;
	background-color: #fff;
	}


.footer-container {
	width:930px;
	margin:0 auto;
	padding-top:20px;
	text-align:left;
	}

	
#footer .content {
	padding:10px 20px 0 20px;
	}
	
#foot-right {
	width:150px;
	height:47px;
	float:right;
	padding:20px 280px 0px 0px;
	}
#foot-right a	{
	width:150px;
	height:47px;
	cursor:pointer;
	}
	
/* $6 - Image Replacements //////////////////////////////////////////////////////////////////////////////////*/

#quote-heading {
    padding:75px 0 0 0;
    overflow:hidden;
    height:75px;
	line-height:75px;height:0px !important;
	margin-bottom: 30px;
    background:url(q-wellcome.gif) no-repeat;
	text-indent:0px;
}

body #about #quote-heading {
	margin-bottom: 30px;
    background:url(q-company.gif) no-repeat;
}

body #work #quote-heading {
	margin-bottom: 30px;
    background:url(q-product.gif) no-repeat;
}

body #team #quote-heading {
	margin-bottom: 30px;
    background:url(q-sproduct.gif) no-repeat;
}

body #contact #quote-heading {
	margin-bottom: 30px;
    background:url(q-contact.gif) no-repeat;
}

body #solution #quote-heading {
	margin-bottom: 30px;
    background:url(q-solution.gif) no-repeat;
}

body #van #quote-heading {
	margin-bottom: 30px;
    background:url(q-van.gif) no-repeat;
}

body #echolab #quote-heading {
	margin-bottom: 30px;
    background:url(q-echolab.gif) no-repeat;
}

body #birtv2008 #quote-heading {
	margin-bottom: 30px;
    background:url(q-birtv2008.gif) no-repeat;
}

#what-we-do {
    padding:29px 0 0 0;
    overflow:hidden;
    height:1em;
 	border-bottom:1px solid #426FA8;
	margin-bottom:16px;
	width:565px;
}


#featured-projects {
    padding:26px 0 0 0;
    overflow:hidden;
    background:url(featured-projects.gif) no-repeat;
    
    height:0px !important;
    height:22px;
	border-bottom:1px solid #426FA8;
	margin-bottom:16px;
}

#wed-love-to-help {
    padding:29px 0 0 0;
    overflow:hidden;
    background:url(wed-love-to-help.gif) no-repeat;
    
    height:0px !important;
    height:29px;
	border-bottom:1px solid #426FA8;
	margin-bottom:16px;
	width:240px;
}

#still-fresh {
    padding:26px 0 0 0;
    overflow:hidden;
    background:url(still-fresh.gif) no-repeat;
    
    height:0px !important;
    height:24px;
	border-bottom:1px solid #426FA8;
	margin-bottom:16px;
}

#whats-happening {
    padding:22px 0 0 0;
    overflow:hidden;
    background:url(whats-happening.gif) no-repeat;
    
    height:0px !important;
    height:22px;
}

#want-to-work {
    padding:20px 0 0 0;
    overflow:hidden;
    background:url(want-to-work.gif) no-repeat;
    
    height:0px !important;
    height:20px;
}

#contact-us {
    padding:22px 0 0 0;
    overflow:hidden;
    background:url(contact-us.gif) no-repeat;
    
    height:0px !important;
    height:22px;
}


/*Echolab style  //////////////////////////////////////////////////////////////////////////////////////*/
.overtl {
	margin:1em 0;
	width: 416px;
	height: 64px;
	float: left;
	text-align:center;
}

.overtl a{
	display:block;
	width: 416px;
	height: 64px;
	text-indent: -9999px;
	border:none;
}

a#oversd {background: url(echolab/oversd.gif) 0 0 no-repeat;}
a#overmd {background: url(echolab/overmd.gif) 0 0 no-repeat;}


a#oversd:hover {background-position: 0 -66px;}
a#overmd:hover {background-position: 0 -66px;}


/* $8 - CSS Effections  ///////////////////////////////////////////////////////////////////////////////////*/


/* $100 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;zoom:1;}
/* End hide from IE-mac */