@charset "UTF-8";
/* CSS Document */



/*********************************/
/****** Left Navigation *********/
/********************************/

#subNav1 {
	position:relative;
	float:left;
	margin: 20px 10px 20px 0;
	background:url(../img/companyNavbg.png) no-repeat;
	width:160px;
	height:453px;
}

#subNav1 ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 10px 0 0 0;
}

#subNav1 hr {
	background-color: #a8a8a8;
	height: 1px;
}

#subNav1 ul.navigation a.compLink {
	position:relative;
	float:left;
	width:140px;
}
	
#subNav1 ul.navigation a.compLink:link, #subNav1 ul.navigation a.compLink:visited {
	position:relative;
	float:left;
	width : 140px;
	color:#353535;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #a8a8a8;
	margin: 0 0 0 4px;
	padding: 12px 0 12px 11px;
}

#subNav1 ul.navigation a.compLink:hover {
	color:#fff;
	background:#535252;
	text-decoration:underline;
}

#subNav1 ul.navigation a.compLinkhead {
	position:relative;
	float:left;
	width:140px;
}
	
#subNav1 ul.navigation a.compLinkhead:link, #subNav1 ul.navigation a.compLinkhead:visited {
	position:relative;
	float:left;
	width : 140px;
	color:#353535;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #a8a8a8;
	margin: 0 0 0 4px;
	padding: 12px 0 12px 11px;
}

#subNav1 ul.navigation a.compLinkhead:hover {
	color:#fff;
	background:#535252;
	text-decoration:underline;
}

#subNav1 ul.navigation a.itLink {
	position:relative;
	float:left;
	width:140px;
}
	
#subNav1 ul.navigation a.itLink:link, #subNav1 ul.navigation a.itLink:visited {
	position:relative;
	float:left;
	width : 140px;
	color:#27a31b;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #a8a8a8;
	margin: 0 0 0 4px;
	padding: 12px 0 12px 11px;
}

#subNav1 ul.navigation a.itLink:hover {
	color:#fff;
	background:#27a31b;
	text-decoration:underline;
}

#subNav1 ul.navigation a.itLinkhead {
	position:relative;
	float:left;
	width:140px;
}
	
#subNav1 ul.navigation a.itLinkhead:link, #subNav1 ul.navigation a.itLinkhead:visited {
	position:relative;
	float:left;
	width : 140px;
	color:#27a31b;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #a8a8a8;
	margin: 0 0 0 4px;
	padding: 12px 0 12px 11px;
}

#subNav1 ul.navigation a.itLinkhead:hover {
	color:#fff;
	background:#27a31b;
	text-decoration:underline;
}

#subNav1 ul.navigation a.cabLink {
	position:relative;
	float:left;
	width:140px;
}
	
#subNav1 ul.navigation a.cabLink:link, #subNav1 ul.navigation a.cabLink:visited {
	position:relative;
	float:left;
	width : 140px;
	color:#1b2ba3;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #a8a8a8;
	margin: 0 0 0 4px;
	padding: 12px 0 12px 11px;
}

#subNav1 ul.navigation a.cabLink:hover {
	color:#fff;
	background:#1b2ba3;
	text-decoration:underline;
}

#subNav1 ul.navigation a.cabLinkhead {
	position:relative;
	float:left;
	width:140px;
}
	
#subNav1 ul.navigation a.cabLinkhead:link, #subNav1 ul.navigation a.cabLinkhead:visited {
	position:relative;
	float:left;
	width : 140px;
	color:#1b2ba3;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #a8a8a8;
	margin: 0 0 0 4px;
	padding: 12px 0 12px 11px;
}

#subNav1 ul.navigation a.cabLinkhead:hover {
	color:#fff;
	background:#1b2ba3;
	text-decoration:underline;
}

#subNav1 ul.navigation a.cctvLink {
	position:relative;
	float:left;
	width:140px;
}
	
#subNav1 ul.navigation a.cctvLink:link, #subNav1 ul.navigation a.cctvLink:visited {
	position:relative;
	float:left;
	width : 140px;
	color:#a31b1b;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #a8a8a8;
	margin: 0 0 0 4px;
	padding: 12px 0 12px 11px;
}

#subNav1 ul.navigation a.cctvLink:hover {
	color:#fff;
	background:#a31b1b;
	text-decoration:underline;
}

#subNav1 ul.navigation a.cctvLinkhead {
	position:relative;
	float:left;
	width:140px;
}
	
#subNav1 ul.navigation a.cctvLinkhead:link, #subNav1 ul.navigation a.cctvLinkhead:visited {
	position:relative;
	float:left;
	width : 140px;
	color:#a31b1b;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #a8a8a8;
	margin: 0 0 0 4px;
	padding: 12px 0 12px 11px;
}

#subNav1 ul.navigation a.cctvLinkhead:hover {
	color:#fff;
	background:#a31b1b;
	text-decoration:underline;
}

#subNav1 ul.navigation a.iptelLink {
	position:relative;
	float:left;
	width:140px;
}
	
#subNav1 ul.navigation a.iptelLink:link, #subNav1 ul.navigation a.iptelLink:visited {
	position:relative;
	float:left;
	width : 140px;
	color:#ec6602;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #a8a8a8;
	margin: 0 0 0 4px;
	padding: 12px 0 12px 11px;
}

#subNav1 ul.navigation a.iptelLink:hover {
	color:#fff;
	background:#ec6602;
	text-decoration:underline;
}

#subNav1 ul.navigation a.iptelLinkhead {
	position:relative;
	float:left;
	width:140px;
}
	
#subNav1 ul.navigation a.iptelLinkhead:link, #subNav1 ul.navigation a.iptelLinkhead:visited {
	position:relative;
	float:left;
	width : 140px;
	color:#ec6602;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #a8a8a8;
	margin: 0 0 0 4px;
	padding: 12px 0 12px 11px;
}

#subNav1 ul.navigation a.iptelLinkhead:hover {
	color:#fff;
	background:#ec6602;
	text-decoration:underline;
}



/*********************************/
/****** Right Navigation *********/
/********************************/

#subNav2 {
	position:relative;
	float:left;
	width:160px;
}

#subNav2 .sideBox {
	position:relative;
	float:left;
	width:160px;
	height:146px;
	margin: 20px 0 5px 10px;
	background:url(../img/companySidebg.png) no-repeat;
}

#subNav2 .header {
	position:relative;
	float:left;
	margin: 5px 0 5px 0;
}

#subNav2 .button {
	position:relative;
	float:left;
	margin: 10px 0 5px 27px;
}

#subNav2 p {
	position:relative;
	float:left;
	margin: 10px 5px 5px 5px;
}

#subNav2 .sideBox1 {
	position:relative;
	float:left;
	width:160px;
	height:146px;
	margin: 20px 0 5px 10px;
	background:url(../img/companySidebg1.png) no-repeat;
}
/********************************/
/****** Category Content ********/
/********************************/

#contentMain {
	position:relative;
	float:left;
	width:595px;
	margin: 20px 20px 20px 20px;
	text-align:justify;
}

#contentMain h1 {
	margin: 40px 0 10px 0;
	text-align:justify;
}

#contentMain h2, #contentMain h3 {
	margin: 20px 0 0 0;
	text-align:justify;
}

#contentMain ul {
	list-style-type: disc;
	list-style-position: inside;
	margin: 10px 0 0 15px;
	padding:0;
	line-height:18px;
}

#contentMain #contentImg {
	margin: 5px 5px 5px 5px;
}

#contentMain a {
	color:#353535;
	text-decoration:underline;
}

#contentMain a:hover {
	color:#f7cd59;
	text-decoration:underline;
}

#contentMain hr {
	background-color: #a8a8a8;
	height: 1px;
	margin: 40px 0 40px 0;
}

#contentMain #image {
	margin: 10px 8px 8px 8px;
}


/********** special template **********/

#contentMainsp {
	position:relative;
	float:left;
	width:740px;
	margin: 20px 30px 20px 30px;
	text-align:justify;
}

#contentMainsp h1 {
	margin: 40px 0 10px 0;
	text-align:justify;
}

#contentMainsp h2, #contentMainsp h3 {
	margin: 20px 0 0 0;
	text-align:justify;
}

#contentMainsp ul {
	list-style-type: disc;
	list-style-position: inside;
	margin: 10px 0 0 15px;
	padding:0;
	line-height:18px;
}

#contentMainsp #contentImg {
	margin: 5px 5px 5px 5px;
}

/* Easy Slider */

 	#slider .graphic, #slider #prevBtn, #slider #nextBtn{
        margin:0;           
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
       }

	#slider{}	
	#slider ul, #slider li{
		display:block;
		width:150px;
		height:130px;
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		display:block;
		width: 150px; 
		height:140px; 
		margin: 5px 0px 0px 0px; 
		/* border: solid 1px red; */
		overflow:hidden;
		}	
	
	
	#prevBtn, #nextBtn{ 
		display:none;
		/*display:block;
		width:10px;
		height:12px;
		position:absolute;
		left:110px;
		top:5px;*/
		}	
	#nextBtn{ 
		left:130px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:10px;
		height:12px;
		background:url(../img/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../img/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */



/*  IMAGE with Captions */
div.figure {
	float:left;
  	width: 280px;
	margin: 5px 10px 20px 6px;
}
div.figure p {
 	text-align: ;
  	font-style: italic;
  	font-size: 12px;
  	text-indent: 0;
}


/* EXPANDER */

div.slider 
{ 
	overflow: hidden; 
	line-height: 40px;
}

div.slider_menu a {
	line-height:40px;
	font-size: 13px;
	color:#767676;
	text-decoration:none;
	padding-right:30px;
	/*background:url(../img/slideMenuO.jpg) right no-repeat;*/
}

div.slider_menu a.expand
{
	font-size: 13px;
	color:#767676;
}

/**
 * Not required, for styling only
 */

div.slider img
{
	padding: 0;
	margin: 0;
}

/* End of Content Slider */