/* Spherics CSS Document */
*:focus {outline: none;}
*::-moz-focus-inner {border: none; }
body{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	}
.clear{
	clear:both;
	}	
pre { display:none }

.float_l{
	float:left;
	display:block;
}
.float_r{
	float:right;
	display:block;
}	
.margin_r_0{
	margin-right:0 !important;
}
.margin_l_45{
	margin-left:45px !important;
}
.margin_t_3{
	margin-top:3px !important;
}
.border_top{
	border-top:1px solid #d8d8d8;
}
		/*------wraper------*/
.main_wraper{
	width:100%; 
	height:auto;
	margin:0 auto;
	padding:0;
	}		
		/*--------Header----------*/

.header_cont{
	width:100%;
	height:186px;
	margin:0 auto;
	padding:0;
	background-color:#000000;
	overflow:hidden;
	border-bottom:1px solid #404040;
	background-image:url(images/banner_right_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	min-width:920px !important;
	}

#header_left{
	width:311px;
	height:186px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
	}	
.header_right{
	width:170px;
	height:auto;
	float:right;
	overflow:hidden;
	margin:152px 0 0 0;
	padding:0 0 0 0;
	font-size:24px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	}
		/*-------Menu-------*/
#menu_cont{
	width:100%;
	min-width:920px !important;
	height:49px;
	background-image:url(images/page_bg_top.jpg);
	background-position:top;
	background-repeat:repeat-x;
	overflow:hidden;
	}
#menu{
	width:250px;
	height:34px;
	float:left;
	overflow:hidden;
	font-size:15px;
	font-weight:normal;
	color:#9f9f9f;
	margin:0;
	padding:15px 0 0 10px;
	}
.menu_link{
	color:#FF0000;
	font-size:13px;
	font-weight:bold;
	padding:0 5px;
	text-align:left;
	}	
.menu_link a{
	color:#8e8e8e;
	text-decoration:none;
	}	
.menu_link a:hover{
	color:#000000;
	}		
		/*-------Content Part-------*/	
.inner_wraper{
	width:100%;
	min-width:920px !important;
	height:auto;
	margin:0 auto;
	padding:0;
	background-image:url(images/page_bg_bottom.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	display:block;
	}
	.inner_wraper_resize
	{
	overflow:hidden;
	}
#content_cont_home{
	width:920px;
	height:auto;
	margin:0 auto;
	padding:0 40px 0px 40px;
	}
#home_left{
	width:635px;
	height:auto;
	margin:5px 0 0 0;
	padding:0;
	float:left;
	}
#home_right{
	width:186px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	}
	
.tree{
	float:right;
	margin:12px 0 0 0;
	padding:0 0 0 50px;
	}
.home_line{
	width:1px;
	float:left;
	margin:12px 0 0 0;
	padding:0 0 0 50px;
	border-right:1px solid #bcbcbc;
	height:5000px;
	}
.who_line{
	width:1px;
	float:left;
	margin:12px 0 0 0;
	padding:0 0 0 50px;
	border-right:1px solid #bcbcbc;
	height:5000px;
	}	
.customer{
	width:170px;
	height:auto;
	margin:20px auto 0 auto;
	padding:0px 0 0 0;
	overflow:hidden;
	background:none;
	visibility:hidden;
	}
.customer_text{
	width:170px;
	height:auto;
	margin:0 auto;
	padding:0;
	display:block;
	background:none !important;
	}	
.cust_quote{
	width:170px;
	height:auto;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	text-align:left;
	color:#fe0000;
	background:none;
	}
.cust_name{
	width:170px;
	height:auto;
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	text-align:right;
	color:#010101;
	margin:0;
	padding:0;
	background:none;
	}	
.cust_company{
	width:170px;
	height:auto;
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	text-align:right;
	color:#555555;
	margin:0;
	padding:0;
	background:none;
	}				
/*---------------------*/

#content_cont_why{
	width:960px;
	height:auto;
	margin:0 auto;
	padding:0 20px 0px 20px;
	}
#why_left{
	width:700px;
	height:auto;
	margin:5px 0 0 0;
	padding:0;
	float:left;
	}
#why_left_content{
	width:655px;
	height:auto;
	margin:0px 0 0 0;
	padding:0;
	float:left;
	}	
#why_right{
	width:230px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	}
.why_line1{
	width:1px;
	float:left;
	margin:12px 0 0 0;
	padding:0 0 0 10px;
	border-right:1px solid #bcbcbc;
	height:5000px;
	}
.why_line2{
	width:1px;
	float:left;
	margin:0px 0 0 0;
	padding:0 18px 0 0px;
	border-left:1px solid #bcbcbc;
	height:5000px;

	}	
.why_section_cont{
	width:700px;
	height:auto;
	margin:5px 0 0 0;
	padding:27px 0 0 0;
	float:left;
	}	
.why_section1{
	width:202px;
	height:auto;
	float:left;
	margin:0;
	padding:0 18px 0 0;	
	}
.why_section_text{
	width:190px;
	height:auto;
	margin:0;
	padding:0 5px;	
	float:left;
	}	
.why_section4{
	width:200px;
	height:auto;
	float:left;
	margin:0;
	padding:0 10px 0 12px;	
	}	
h2{
	color:#FF0000;
	font-size:28px;		
	text-align:left;
	font-weight:normal;
	margin:0 0 5px 0;
	padding:5px 0 0 55px;
	display:block;
	height:35px;
	}
.challenge{
	background-image:url(images/challenge.jpg);
	background-position:left;
	background-repeat:no-repeat;
	}
.network{
	background-image:url(images/network.jpg);
	background-position:left;
	background-repeat:no-repeat;
	}
.techno{
	background-image:url(images/technology.jpg);
	background-position:left;
	background-repeat:no-repeat;
	}
.imagination{
	background-image:url(images/imagination.jpg);
	background-position:left;
	background-repeat:no-repeat;
	}	
.content_section{
	font-size:12px;
	font-weight:normal;
	color:#777777;
	text-align:justify;
	line-height:17px;
	margin:0;
	padding:0;
	}					
/*------------------*/

#content_cont_eng{
	width:700px;
	height:auto;
	margin:0 auto;
	padding:0 20px 0px 20px;
	}
#eng_left{
	width:700px;
	height:auto;
	margin:5px auto 0 auto;
	padding:0;
	
	}
#eng_left_content{
	width:700px;
	height:auto;
	margin:0px 0 0 0;
	padding:0;
	float:left;
	}	
#eng_right{
	width:230px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	}

.eng_line1{
	width:1px;
	float:left;
	margin:0px 0 0 0;
	padding:0 24px 0 0px;
	border-left:1px solid #bcbcbc;
	height:5000px;
	}
.eng_line2{
	width:1px;
	float:left;
	margin:0px 0 0 0;
	padding:0 22px 0 0px;
	border-right:1px solid #bcbcbc;
	height:5000px;
	}		
	
.eng_section_cont{
	width:700px;
	height:auto;
	margin:5px 0 0 0;
	padding:27px 0 0 0;
	float:left;
	}	
.eng_section1{
	width:202px;
	height:auto;
	float:left;
	margin:0;
	padding:0 20px 0 0;	
	}
.eng_section3{
	width:202px;
	height:auto;
	float:right;
	margin:0;
	padding:0 0px 0 0;
	text-align:right;	
	}	
.eng_section_text{
	width:190px;
	height:auto;
	margin:0;
	padding:0 5px;	
	float:left;
	}
h3{
	color:#e3e3e3;
	font-size:39px;		
	font-weight:normal;
	margin:0 0 3px 0;
	padding:0px 0 0 0px;
	display:block;
	
	}	
.eng_links a{
	font-size:13px;
	color:#8c8c8c;
	font-weight:bold;
	margin:0 0 15px 8px;	
	padding:0 0 0 20px;
	background-image:url(images/red_bullet.jpg);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:30px;
	}
.eng_links a:hover{
	color:#000000;
	}	
.eng_red, .eng_red a{
	font-size:13px;
	color:#fe0000;
	font-weight:bold;
	}
.content_section_eng{
	font-size:12px;
	font-weight:normal;
	color:#a8a8a8;
	text-align:justify;
	line-height:16px;
	margin:0;
	padding:8px;
	}
.eng_contacts{
	font-size:13px;
	font-weight:normal;
	color:#8c8c8c;
	line-height:16px;
	margin:0;
	}
.red_text, .red_text a{
	font-size:24px;
	font-weight:normal;
	color:#FF0000;
	text-decoration:none;
	padding:0;
	}
.red_text a:hover{
	color:#000000;
	}
.black_text{
	font-size:15px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	padding:0;
	margin:10px 0;
	}	
	/*-----------------------*/
#content_cont_what{
	width:960px;
	height:auto;
	margin:0 auto;
	padding:0 20px 0px 20px;
	}
#what_left{
	width:700px;
	height:auto;
	margin:5px 0 0 0;
	padding:0;
	float:left;
	}
#what_left_content{
	width:655px;
	height:auto;
	margin:0px 0 0 0;
	padding:0;
	float:left;
	}	
#what_right{
	width:230px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	}
#what_right img{
	margin-left:22px;
	}	
.what_line1{
	width:1px;
	float:left;
	margin:12px 0 0 0;
	padding:0 0 0 7px;
	border-right:1px solid #bcbcbc;
	height:5000px;
	}
.what_line2{
	width:1px;
	float:left;
	margin:0px 0 0 0;
	padding:0 45px 0 0px;
	border-left:1px solid #bcbcbc;
	height:5000px;
	}	
.what_section_cont{
	width:640px;
	height:auto;
	margin:0px 0 0 0;
	padding:20px 0 0 60px;
	float:left;
	}	
.what_section1{
	width:180px;
	height:auto;
	float:left;
	margin:0;
	padding:0 0px 0 0px;	
	}
.what_section4{
	width:218px;
	height:auto;
	float:left;
	margin:0;
	padding:7px 0px 0 12px;	
	}
.loading{
	width:100px;
	height:32px;
	margin:0 auto;
	padding:150px 0px 0 0px;	
	}
.loading img{
	margin:0;
	padding:0;
	float:left;
	}		
.element_left{
	width:21px;
	height:109px;
	float:left;
	display:block;
	background-image:url(images/elements.png);
	background-position:center left;
	background-repeat:no-repeat;
	}
.element_right{
	width:185px;
	height:auto;
	float:right;
	overflow:hidden;
	}
.element_right_txt1{	
	font-size:12px;
	text-align:left;
	color:#908f8f;
	margin:0;
	padding:0 40px 0 0;
	}
.element_right_txt2{	
	font-size:12px;
	text-align:left;
	color:#484848;
	margin:15px 0 0 0;
	padding:0 40px 0 0;
	}	
.site_name{
	height:20px;
	width:161px;
	display:block;		
	float:left;
	background-image:url(images/sphere.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0 0 3px 0;
	padding:0 0 0 25px;
	font-size:12px;
	font-weight:normal;
	color:#FF0000;
	}
.site_details{
	height:20px;
	width:161px;
	display:block;		
	float:left;
	background-image:url(images/sphere.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0 0 3px 0;
	padding:0 0 0 25px;
	font-size:12px;
	font-weight:normal;
	color:#717171;
	}	
.site_visit a{
	height:20px;
	width:100px;
	display:block;		
	float:left;
	background-image:url(images/sphere.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0 0 3px 0;
	padding:0 0 0 25px;
	font-size:12px;
	font-weight:bold;
	color:#3b3b3b;
	text-decoration:none;
	}	
.site_visit a:hover{
	background-image:url(images/sphere_glow.png);
	background-position:left top;
	background-repeat:no-repeat;
	}	
	
.what_section_text1{
	width:150px;
	height:auto;
	margin:0;
	padding:0 0px 0 30px;	
	float:left;
	}
.what_section_text2{
	width:150px;
	height:auto;
	margin:0;
	padding:0 0px 0 1px;	
	float:left;
	}
.what_section_text3{
	width:150px;
	height:auto;
	margin:0;
	padding:0 0px 0 5px;	
	float:left;
	}			
			
h4{
	color:#cfcfcf;
	font-size:28px;		
	font-weight:normal;
	margin:0 0 15px 0;
	padding:0px 0 0 0px;
	display:block;
	}
h5{
	width:150px;
	color:#bcbcbc;
	font-size:24px;		
	font-weight:normal;
	margin:0 0 0px 0;
	padding:16px 0 0 4px;
	display:block;
	float:left;
	}	
.what_links_block{
	width:150px;
	height:23px;
	display:block;
	}
.what_links a{
	width:auto;
	height:15px;
	display:block;
	overflow:hidden;
	font-size:12px;
	font-weight:normal;
	color:#908f8f;
	float:left;
	text-align:left;
	margin:0 0 8px 0;
	padding:0;
	text-decoration:none;
	}
.what_links a:hover{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}	
.what_links_active{
	width:auto;
	height:15px;
	display:block;
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	float:left;
	text-align:left;
	margin:0 0 8px 0;
	padding:0;
	text-decoration:none;
	}	

		/*---------------------------*/
#content_cont_how{
	width:960px;
	height:auto;
	margin:0 auto;
	padding:0 20px 0px 20px;
	}
#how_left{
	width:700px;
	height:auto;
	margin:5px 0 0 0;
	padding:0;
	float:left;
	}
#how_left_content{
	width:655px;
	height:auto;
	margin:0px 0 0 0;
	padding:0;
	float:left;
	}	
#how_right{
	width:235px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	}
.how_line1{
	width:1px;
	float:left;
	margin:12px 0 0 0;
	padding:0 0 0 2px;
	border-right:1px solid #bcbcbc;
	height:5000px;
	}	
.how_section4{
	width:195px;
	height:auto;
	float:left;
	margin:0;
	padding:10px 20px 10px 20px;	
	}			
.red_how{
	font-size:13px;
	font-weight:bold;
	color:#FF0000;
	text-align:right;
	line-height:17px;
	margin:0;
	padding:15px 0 0 0;
	}
.right_cap1{
	font-size:36px;
	font-weight:normal;
	color:#e1e1e1;
	line-height:20px;
	margin:0;
	padding:0;
	}
.right_cap2{
	font-size:22px;
	font-weight:normal;
	color:#e2e2e2;
	line-height:30px;
	margin:0;
	padding:0;
	}
.right_cap3{
	font-size:25px;
	font-weight:normal;
	color:#cfcfcf;
	line-height:25px;
	margin:0;
	padding:0;
	}
.right_cap4{
	font-size:49px;
	font-weight:normal;
	color:#b9b9b9;
	line-height:50px;
	margin:0;
	padding:0;
	}	
.right_cap5{
	font-size:53px;
	font-weight:normal;
	color:#a1a1a1;
	line-height:40px;
	margin:0;
	padding:0;
	}
		/*---Accordion Menu--*/
#acc_container{
	width:680px;	
	margin:0px 0 0 0;
	padding:5px 20px 0 0;
	float:left;
	}
.acc_head{
	width:500px;
	height:50px;
	display:block;
	font-size:34px;
	font-weight:normal;
	color:#cfcfcf;
	float:right;
	text-align:right;
	overflow:hidden;
	}	
.basic  {
	width: 600px;
	font-family:Arial, Helvetica, sans-serif;
}
.basic div {
	background:none;
	width: 600px;
	float:right;
}
.one_item{
	display:block;
	}
.basic p {
	font-weight:normal;
	font-size: 12px;
	margin:0px 0 15px 0;
	padding:0px 18px 0px 0;
	color:#4d4d4d;
	text-align:justify;
}
.one_item a {
	height:15px;
	width:auto;
	float:right;
	display:block;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	padding:0px 18px 0 0;
	margin:0 0 7px 0;
	text-decoration: none;
	font-weight:normal;
	font-size: 12px;
	color:#777777;
	background-image:url(images/red_bullet.png);
	background-position:right;
	background-repeat:no-repeat;
	text-align:right;
}
.one_item a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
}
.basic a.selected {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight:bold;
}
	
		/*-------Footer-------*/
			
#footer{
	width:100% ;
	height:48px;
	margin:0 auto;
	background-color:#000000;
	background-image:url(images/footer_right_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	border-top:1px solid #404040;
	min-width:920px !important;
	}
.music{
	width:15px;
	height:15px;
	float:left;
	overflow:hidden;
	background-color:#000000;
	}				
	
		/*-----Fonts------*/
	
.content_home{
	font-size:13px;
	font-weight:normal;
	color:#4d4d4d;
	text-align:right;
	line-height:17px;
	}
h1{
	color:#FF0000;
	font-size:28px;		
	text-align:right;
	font-weight:normal;
	margin:0 0 15px 0;
	padding:0;
	}
.content_why{
	font-size:13px;
	font-weight:normal;
	color:#4d4d4d;
	text-align:justify;
	line-height:17px;
	margin:0;
	padding:0;
	}
.content_eng{
	font-size:13px;
	font-weight:normal;
	color:#4d4d4d;
	text-align:justify;
	line-height:17px;
	margin:0;
	padding:0;
	}	
.content_what{
	font-size:13px;
	font-weight:normal;
	color:#4d4d4d;
	text-align:right;
	line-height:17px;
	margin:0;
	padding:0;
	}	
.content_how{
	font-size:13px;
	font-weight:normal;
	color:#4d4d4d;
	text-align:right;
	line-height:17px;
	margin:0;
	padding:0;
	}					
/*------------------------------------*/
	
/*---------------Light Box------------*/
		
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;

	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 0px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
	padding: 6px 0px 0 0px; 
}	
#lightbox-image-details-caption { 
font-weight: bold;
color:#FF0000;
 }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 65px; 
	height:29px;
	overflow:hidden;
	float: right;
	padding-bottom: 0.7em;	
}		
/*--------------------------------*/

/*-------------------------*/	
.case_section{
	width:290px;
	height:auto;
	float:right;
	margin:0;
	padding:0;	
	}	
.case_section h4{
	margin:0;
	padding:0;
	color:#cbcbcb;
	font-size:24px;		
	font-weight:normal;
	text-align:right;
	display:block;
	float:left;
}
.case_section .element_right{
	margin:7px 0 0 0;
	padding:0;
	width:185px;
	height:auto;
	float:right;
	overflow:hidden;
	}
.case_section .bullet_text{
	height:20px;
	width:155px;
	display:block;		
	float:left;
	background-image:url(images/sphere.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0 0 3px 0;
	padding:0 0 0 25px;
	font-size:12px;
	font-weight:bold;
	color:#535353;
	text-decoration:none;
	}	
/*.case_section .bullet_text{
	background-image:url(images/sphere_glow.png);
	background-position:left top;
	background-repeat:no-repeat;
	}	*/
/*-------------------------*/

.feat_prods{
	margin:40px 0 0 0;
	padding:0;
	width:528px;
	display:block;
}
.icons_scroll{
	margin:0;
	padding:0;
	height:78px;	
	width:408px;
	display:block;
	overflow:hidden;
}
a.icon_wrap{
	margin:0 33px 0 0;
	padding:0;
	width:77px;
	height:78px;
	float:left;
	display:block;
	overflow:hidden;
	
	background-repeat:no-repeat;
	background-position:bottom left;
}
a:hover.icon_wrap{
	background-repeat:no-repeat;
	background-position:top left;
}
/*-------------------------*/
.right_wrapper{
	width:230px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
	display:block;
	}
.slide_cont{
	margin:0;
	padding:14px 0 0 14px;
	width:172px;
	height:208px;
	overflow:hidden;
	display:block;
	text-align:center;
	
	background:url(images/photo_bg.jpg) no-repeat;
	}
.scroll_img{
	margin:0;
	padding:0;
	width:157px;
	height:196px;
	float:left;
	display:block;
}
.scroll_img img{
	margin:0;
	padding:0;

	display:block;
}
/*-------------*/
.grafix_btn{
	margin:0 0 3px 3px;
	padding:0;
	width:178px;
	height:auto;
	display:block;
}
.grafix_btn .cont_head{
	margin:0 ;
	padding:15px 0 0 15px;
	width:163px;
	height:20px;	
	display:block;

	background:url(images/gf_top.png) no-repeat top;
}
.grafix_btn .cont_head h5{
	margin:0;
	padding:0;
	display:block;
	
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}
.grafix_btn .cont_wrapper{
	margin:0;
	padding:0 0 18px 0;
	width:178px;
	display:block;
	
	background:url(images/gf_bottom.png) no-repeat bottom;
}
.grafix_btn .cont_wrapper .middle{
	margin:0;
	padding:0 11px 0 12px;
	width:155px;
	display:block;
	
	background:url(images/gf_middle.png) repeat-y top;
}
.grafix_btn .cont_wrapper .middle .inner{
	margin:0;
	padding:7px 8px 0 8px;
	width:139px;
	display:block;
	
	background:url(images/inner_bg.jpg) repeat-x bottom;
}
.grafix_btn .cont_wrapper .middle .inner p{
	margin:0;
	padding:0;
	display:block;
	color:#454545;
	font-size:10px;
}
.grafix_btn .cont_wrapper .middle .inner p a{
	color:#454545;
	text-decoration:none;
}

.link_text{
	margin:10px 0 0 14px;
	padding:0;
	display:block;
	
	font-size:18px;
	color:#cbcbcb;
}
.link_text a{
	color:#cbcbcb;
	text-decoration:none;
}
.link_text a:hover{
	color:#7e7e7e;
}
/*---------------------------------*/	


/************JscrollPane*************/
.scroll_wrapper{
	width:700px;
	height:368px;
	margin:0;
	padding:20px 0 0 0;
	float:left;
	
	background-image:url(images/scroll_track.png);
	background-position:675px 20px;
	background-repeat:no-repeat;
	}	
			
.scroll-pane {
	width: 690px;
	overflow: auto;
	float: left;
}
.scroll-pane p{
	margin:0 0 20px 0;
	padding:0;
	width:99%;
	
	font-size:13px;
	font-weight:normal;
	color:#4d4d4d;
	text-align:justify;
	line-height:18px;
}
#pane3 {
	height: 339px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	width:15px !important;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	background: #c20000;
	cursor: pointer;
	overflow: hidden;
	width:7px !important;
	height:70px !important;
	left:1px;
	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowUp:hover {
	background-color: #f60;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-color: #f60;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}
/*------------------------------*/


	
/************************************/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
.colorbox_hidden{
	display:none;
	}
.comment_block{
	padding:0; 
	background:#ffffff; 
	overflow:auto;
	
	background-image:url(./images/comment_bottom_bg.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	}	
.comment_cont{
	height:auto;
	display:block;
	margin:0;
	padding:0;
	
	background-image:url(./images/comment_top_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	}
.comment_cont_block{
	margin:0;
	padding:10px;
	display:block;	
}
.comment_block .cont_block{
	margin:0;
	padding:0;
	display:block;
	
	background-color:#FFFFFF;
	border:1px solid #1a1a1a;
}
.comment_block .cont_block .head{
	margin:0;
	padding:10px 0 0 0;
	height:64px;
	display:block;
	
	background-color:#1a1a1a;
	text-align:center;
}
.comment_block .cont_block .head h1{
	margin:0 0 5px 0;
	padding:0;
	display:block;
	
	font-size:18px;
	font-weight:normal;
	color:#ff0000;
	text-align:center;
}
.comment_block .cont_block .desc{
	margin:0;
	padding:0 10px;
	display:block;
	
	font-size:10px;
	font-weight:normal;
	color:#dbdbdb;
}
.comment_block .text_wrap{
	margin:0;
	padding:12px;
	display:block;
}
.comment_block .cont_block .comt_text{
	margin:0;
	padding:10px 0;
	display:block;	
	
	font-size:11px;
	color:#5c5c5c;
	text-align:justify;
}
.comment_block .cont_block .black_text{
	margin:0;
	padding:5px 0;
	display:block;	
	
	font-size:11px;
	color:#00000;
	text-align:right;
}
/*---------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{background:#fff; margin-top:20px;}
		#cboxLoadedContent{background:#b50808; padding:28px 0px 0 0px;}
                #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
                #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
                #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
                #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-41px; background:url(../images/controls2.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:bottom left;}
                #cboxNext{position:absolute; top:50%; right:5px; margin-top:-41px; background:url(../images/controls2.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
                #cboxNext.hover{background-position:bottom right;}
                #cboxLoadingOverlay{background:#ffff;}
		#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:3px; right:5px; display:block; background:url(./images/close.png) top left no-repeat; width:57px; height:24px; text-indent:-9999px;}
		#cboxClose.hover{ background-position:left bottom;}
/*-------------------------------------------*/