body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
	outline: none; 
}

a:focus {  
    outline: none;  
} 
html, body,p, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
	color:#464646;
}
fieldset,img { 
	border:0;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

@font-face {  
  font-family: HelveticaLTStd-Roman;  
  src: url(../font/HelveticaLTStd-Roman.otf ) format("opentype");  
}

@font-face {  
  font-family: HelveticaNeueLTStd-Bd;  
  src: url(../font/HelveticaNeueLTStd-Bd.otf ) format("opentype");  
}
@font-face { 
  font-family: helvetica-67-medium-condensed;  
  src: url('../font/helvetica-67-medium-condensed.ttf') format("truetype");  

}
@font-face { 
  font-family: helvetica-45-light;  
  src: url('../font/helvetica-45-light.ttf') format("truetype");  
}



p {   
	line-height: 120%;
    text-align: left;
	font-size:13px;
	padding-top:0px;
	padding:5px;
/*	font-family:"helvetica-45-light";*/
	font-family:"calibri";
	/*font-family:"HelveticaLTStd-Roman";*/
	/*color:#464646;*/ 
}

.jScrollPaneContainer jScrollPaneScrollable{
	 outline: none; 
}
a{
	text-decoration:none;
}
h1 {
  font: bold 330%/100% "calibri";
  position: relative;
  color: #464646;

}

h1, h2, h3 {

	color: #fff;
}

h1 {
	letter-spacing: -1px;
	font-size: 30px;
}

h2 {
	font-size: 24px;
	/*color: #292929;*/
}

h3 {
	font-size: 18px;
	line-height:100%;
	word-spacing:4px;
}

h3 a {
	
	color: #8B3A3A;
	letter-spacing:0px;	
}

.contenttext{
	margin:5px;
	display:inline;

}

body {

	text-align: center;
	font-family:"calibri";
    font-size: 11px;
   /* line-height: 115%;*/
	/*overflow: hidden;	*/

}

.body_wrapper{
	position: relative;
	text-align: left;
	margin:auto;/* essential for firefox*/
	width: 1000px;
	height:658px;
	overflow:hidden;
	background:#fff;

} 
/*----------------------------------------------------------------			HEADER				-------------------------------------------------------*/

.header{
	float:left;
	height:175px;
	width:1000px;
	color:#fff;
}
.topbar{
	float:left;
	height:10px;
	width:1000px;
	margin-top:10px;
	background:#CAC299;
}


.logos
{
	width:1000px;
	height:125px;	
	float:left;
	text-align:center;
	margin-top:0px;

}
.thelog{
	
	float:left;
	width:98px;
	height:125px;
	/*margin-left:104px;*/
	border:0;
	/*margin:15px 5px;*/
}

.thebanner{
	float:left;
	width:498px;
	height:105px;
	border:0;
	margin:6px;
	margin-left:5px;
}
.languagebox{
	width:115px;
	height:12px;
	float:left;
	margin:15px 142px;
}
.language{
	width:46px;
	height:11px;
	float:left;
	color:#666766;	
	
}
.language a{
	color:#666766;
	font-weight:bold;
}
.language a:hover{
	color:#600000;
}
.dot{
	background:url("../images/Dot.jpg");
	width:19px;
	height:6px;
	float:left;	
	margin-top:3px;
}

.menu_content{
	width:1000px;
	height:30px;
	background:#CAC299;
	float:left;	
	border-bottom:solid 1px #ccc;	
}

.boxQuickArea{
	width:383px;
	height:125px;
	float:left;
/*	float:right;
	margin-right:30px;*/
	/*background:#ff00;*/
	
	}

	.boxtop{
		width:382px;
		height:75px;
		float:left;
		margin-left:10px;
	}
	/*.boxbottom{
		width:250px;
		height:59px;
		float:left;
		margin-left:15px;
	}*/
	.displayblock{
		display:block;
		width:44px;
		height:44px;
	
	}
.boxQuick{
	/*width:56px;
	height:56px;
	float:left;
	border:solid 1px #ccc;
	margin:2px 5px;*/
/*	background:url("../images/button.jpg");*/

    float: left;
	width: 50px;
    height:50px;
    margin: 7px 6px -8px;  
	color:#060606 !important;
	font-size:12px;
	
}
.boxQuick a{
	color:#666;
	display:block;
	margin:0px;


}
.boxQuick a:hover{
	color:#600000;
	font-weight:bold;
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/*-------------------------- Bottom Tip  Quick links box --------------*/


#dhtmltooltip{
color:#000;
position: absolute;
width: 51px;
height:13px;
border: 1px solid #666766;
padding: 5px;
background-color:#666766;
/*background:url("../images/quick.png");*/
/*background-color: lightyellow;*/
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/*-------------------------- Bottom Tip  Quick links box --------------*/


#nav {

/*   font-family:helvetica;*/
     position: relative;
     width: 1000px;
	 margin-left:0px;
     height:30px;
   /*  font-size:11px;   */
	 font-size:12px;
	 z-index:1000;


}
 
#nav ul {
     list-style-type: none;
}
 
#nav ul li {
     float: left;
     position: relative;
	/* color:#989480;*/
	 
}
 
#nav ul li a {
     text-align: center;
    /* padding:7px;*/
	 padding: 7px 2px 7px 2px;
     display:block;
     text-decoration:none;	
	 color:#666766;
	 width:109px;
	 border-right:dotted 1px #fff;
     
}
#nav li .last a{border-right:0px;}
 
#nav ul li ul {
     display: none;
	
}
 
#nav ul li:hover ul {
     display: block;
     position: absolute;	 
	  border-right: none;
}
 
#nav ul li:hover ul li a {
     display:block;
     background:#CAC299;
     width: 110px;
     border-top: dotted 1px #fff;
     border-right: none;
	
}
 
#nav ul li:hover ul li a:hover {
   /*  background:#ccc;*/
     color:#fff;
	 z-index:1000;
	  background:#666766;
	  border-right: none;

}
 .currentmnu{
	color:#fff;
 }
/*#nav ul li current {
   color:#fff;
}*/
/*----------------------------------------------------------------          Content         --------------------------------- ---------------------*/
.content{
	width:1000px;
	min-height:445px;
	overflow:hidden;
	float:left;	
	background:#fff;

}
.contentleft{
	width:787px;
	min-height:445px;
	overflow:hidden;
	float:left;	
}

.leftcontent{
	width:655px;
	height:400px;	
	float:left;
	margin-top:20px;
	margin-left:112px;		
/*	overflow:auto;
	overflow-x: hidden;
	-ms-overflow-x: hidden;
  */
}

.leftcontenttext{
	width:630px;
	height:400px;
	float:left; 
	color:#464646;	
	/*color:#464646;*/
	
}


.lefthead{
	width:600px;
	height:13px;
	margin:10px 0px;
	float:left;
	background:#c6c6c6;
	font-weight:bold;
	padding:3px 3px;
	font-size:11px;
}

.lefttext{
	width:600px;
	min-height:100px;	
	overflow:hidden;
	float:left;
/*	background:#ccc;*/
	/*border:1px dotted #B0B0B0;*/
	margin-top:20px;

}
.leftImagecol{
	width:170px;
	min-height:200px;	
	overflow:hidden;
	float:left;
/*	background:#000ccc;*/
}
.leftImageimg{
	/*margin:0px 30px;*/
}

.image_awards{
float:left;
margin:10px 25px 25px 25px;
padding:5px;
background:#ccc;

}
.rightTextscol{
	width:410px;
	min-height:100px;	
	overflow:hidden;
	float:left;
	font-size:12px;
	margin-bottom:15px;
	/*padding-left:20px;*/
	/*padding-top:12px;*/
	/*background:#cccfff;*/
}

.Textscolfull{
	
	min-height:100px;	
	overflow:hidden;
	float:left;
	font-size:12px;
	border-bottom:dotted 1px #000;
	margin-top:25px;
	/*padding-left:20px;*/
	/*padding-top:12px;*/
	/*background:#cccfff;*/
}

.abtTitles{
	color:#464646;
	margin:20px 5px;
	text-align:left;
	font-size:14px;
	/*font-family:HelveticaNeueLTStd-Bd;*/
	font-family:helvetica-67-medium-condensed;
}
.abtsubtitles{
	color:#464646;
	margin:0px 5px 5px 5px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
}
.getinvoluesTitles{
	color:#464646;
/*	margin:20px 5px;*/
	margin:45px 5px 20px 5px;
	text-align:left;
	font-size:14px;
	/*font-family:HelveticaNeueLTStd-Bd;*/
	font-family:helvetica-67-medium-condensed;
}
.righttextbox{
	float:left;
	width:408px;
	/*background:#000fff;*/
	margin-bottom:5px;
}
.righttextboxReg{
	float:left;
	width:400px;
	/*background:#000fff;*/
	margin-bottom:5px;
	margin-left:10px;
}
.involuedImageFirst{
	margin:10px 0px 15px -26px
}
.involuedImage{
	margin-bottom:24px;
	/*margin-left:24px;*/
	text-align:center;
}
.regionalplanimage{
	margin-bottom:24px;	
	text-align:center;
}
.reginallist li{
	margin-bottom:5px;
	margin-left:24px;
}

/*****************/
.regionalplanTop{
	width:600px;
	height:160px;	
	float:left;
	/*border-bottom:solid 2px #ccc;*/
}
.regionallogo{
	width:160px;
	height:100px;	
	float:left;
	text-align:center;
	
}
.regionaltext{
	width:405px;
	height:100px;	
	float:left;
	margin-left:25px;
	
}
.regionalhead{
	color:#666;
	margin-bottom:4px;
	font-size:16px;
}
.regionalplanbottom{
	width:600px;
	height:361px;	
	float:left;

}


/*****************/
.leftmenus{
	width:250px;
	height:30px;	
	float:left;
	background:#ccc;
	border-bottom:solid 1px #fff;
	/*margin:2x;*/
}
/*.contentcenter{
	width:500px;
	min-height:s;
	overflow:hidden;
	float:left;
	
}*/

/*-- mediapage----*/
.indvivideo{
	width:200px;
	height:185px;	
	float:left;
/*s	background:#666766;*/
	background:#D4D4D4;
	/*margin:20px 155px;		*/
	margin:5px;
}


.thevideo{
	width:200px;
	height:150px;	
	float:left;
	background:#000;
}
.breakazha{width:450px;height:30px;float:left}
.thevideotxt{
	width:140px;
	height:40px;	
	float:left;
	color:#666;
	padding:4px;
}
/*-- mediapage----*/

.contentright{
	width:213px;
	height:445px;
	float:left;	
	background:#666766;
	color:#fff;	
}
.righthead{
	height:10px;
	font-weight:bold;
	margin-bottom:25px;
	text-align:center;
}
.righthead a{
color:#fff;	
}
.rightmenu{
  padding:2px;
  margin:10px;
 /* font-weight:bold;*/

  }

 .rightmenu a{
	color:#fff;
	text-transform:uppercase;

  }
  .rightmenu a:hover{
	color:#c0c0c0;
	font-size:12px;
  }
  .rightmenuact{
	  padding:2px;
	  margin:10px;
	  font-weight:bold;
	  /*text-transform:uppercase;*/
	
  }
 .rightmenuact a{
	 color:#A0A0A0;
	 border-bottom:solid 1px #fff;
/*   	   border-top:solid 1px #fff;*/
	   
    }
.rightmenuactpdy {
	padding:2px;
	margin-bottom:20px;
	font-weight:bold;  
	color:#000;
}
.rightmenuactpdy a{
	color:#000;
	font-size:14px;
}
.newshead{
	height:10px;
	margin:100px 0px 15px 0px;
	padding-bottom:5px;
	text-align:center;
	font-size:12px;
/*	font-family:HelveticaNeueLTStd-Bd;*/
	
	color:#CAC299;

}

.newstext{
	width:160px;	
	min-height:20px;
	float:left;
	padding:10px 22px;
	overflow:hidden;
	font-style:italic;
	margin-top:10px;
	font-size:11px;
	/*text-align:justify;*/
	border-top: dashed 1px #B0B0B0;
}


.newstext a{
	color:#fff;
}
.newstext a:hover{
	color:#fff000;
}

.allnewstext{
	width:179px;	
	height:300px;
	float:left;
	padding:10px 22px;
	overflow:hidden;
	font-style:italic;
	/*margin-top:10px;*/
	font-size:11px;
	/*text-align:justify;*/
	
	background:#ccc;
	margin:18px;
}
.allnewstext a{
	color:#010;
}
.allnewstext a:hover{
	color:#6B2207;
}
.bullets{	
	margin-left:20px;
	padding:15px;
	color:#606060;
}
.bullets a{
	color:#606060;
}
.bullets a:hover{
	color:#000;
	font-style:italic;
}

.boldtext{
	font-family:"HelveticaLTStd-Roman";
    font-size: 11px;
	margin:7px 5px;
	font-weight:bold;
	line-height: 115%;
}
dt{	
	color:#000fff;
}
dd p{
	padding-left:20px;	
	color:#666;
}
.faqtext{
	line-height: 115%;
    text-align: justify;
	font-size:13px;
	padding-top:0px;
	padding:5px;	
	
	/*color:#464646;*/
}
.faqtextext{
	line-height: 115%;
    text-align: justify;
	font-size:13px;
	padding:0px 15px;
	padding:5px;
}
/*--------------------------------- sldider---------*/


ul.slideshow {
	list-style:none;
	width:790px;
	height:445px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	background:#ccc;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul.show img {
	border:none;	
}

/*
#slideshow-caption {
	width:750px;
	height:45px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
	font:"helvetica Neue LT std"; 
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}*/


/*----------------------------------------------------------------          FOOTER         --------------------------------- ---------------------*/

.footer{
	float:left;
	height:38px;
	width:1000px;
	background:#CAC299;
/*	background:url('../images/footer.jpg');*/
}
.footercontent{
	float:left;
	height:50px;
	width:545px;
	margin:10px;
	text-align:center;
	color:#666766;
	
}
.footercontent a{
	color:#666766;
	font-weight:bold;
	width:80px;
	float:left;

}
.footercontent a:hover{
	color:#fff;

}
.copyright{
 float:right;
}

 /*----------------------------------------------------------------          FOOTER        --------------------------------- ---------------------*/





/*--------------------------------------------------------------------- PROJECTS CARRASOLE ---------------------------------------------------*/


#dhtmlgoodies_slideshow{
		width:600px;	/* Total width of slideshow */
	}
	
	#previewPane{
	/*	border:1px solid #CCCCCC;*/
/*		margin-bottom:10px;	*/
		text-align:left;
		vertical-align:middle;
	/*	padding-top:10px;*/
		position:relative;		
		/* CSS HACK */
		height: 350px;	/* IE 5.x */
		height/* */:/**/340px;	/* Other browsers */
		height: /**/340px;		
				
	}
	.leftbigimage{
		float:left;
		width:787px;
		height:340px;
		padding-top:13px;
		padding-bottom:5px;
		text-align:center;
/*		background:#fff000;	*/
	}


	.rightDesc{	
		float:left;
		width:213px;
		height:313px;
		background:#666766;
	}
	.boxright{	
		float:left;
		width:213px;
		/*height:84px;*/
		height:54px;
		padding-top:30px;
		background:#666766;		
		text-align:center;	
	}
	.boxright a{
		color:#fff;
	}

/*	.boxtxt{
		margin-top:30px;
	}*/

	.detailtitleName{
		margin-bottom:7px;
		text-align:left;
		font-weight:bold;
	}
	.detailtitle{
		margin-bottom:7px;
		text-align:left;
	}
	.detaildescription{
		margin-top:15px;
		
		/* testing font style confirm ?*/
		color: #CCCCCC;
		font-family: Helvetica;
		font-size: 10px;
		margin-top: 15px;
	}

	.boxrightTop{
			float:left;
			width:213px;
			padding-top:13px;
			height:35px;
			background:#666766;
			color:#fff;
			font-size:14px;
			text-align:center;
		}

	#previewPane img{
		line-height:365px;
		margin-left:100px;
		/*margin-left:71px;*/
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
	
		padding:10px 22px;
		overflow:hidden;
		margin-top:15px;
		font-size:11px;
		color:#fff;
	}

	.projectcara{
		width:787px;
		height:75px;
		float:left;
/*		background:#ccc;*/
	}

	#galleryContainer{
		margin-left:218px;
		height:75px;	/* Height of the images + 2 */
	/*	border:1px solid #CCCCCC;*/
		position:relative;
		overflow:hidden;
		padding:1px;
		width:436px;
		
		/* CSS HACK */
		height:75px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/75px;	/* Other browsers */
		height: /**/75px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;	
		
	}
	#theImages{
		position:absolute;
		height:75px;
		left:30px;		
		width:10000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:"HelveticaLTStd-Roman";
	}
	
	#theImages .imageCaption{
		display:none;
			}
	.projectright{
	 margin-top:50px;
	}

.liststyle{
	margin:10px 0px 0px 20px;
	font-size:11px;
}
.teammember{
	float:left;
	padding:5px;
	width:600px;
	/*background:#000;*/

}
.photo{
	width:100px;
	height:100px;
	float:left;
	/*background:#ccc;*/
	background:#ccc;
	
	border:solid 1px #ccc;

}
.photodesc{
	width:450px;
	height:100px;
	float:left;
	background:#ccc;
	border:solid 1px #ccc;
	margin-bottom:2px;
	

}
.pubimage{
	border:solid 1px #ccc;
	}

	/*------------------------------------------------------------ slider images with caption -------------------------------
	/*	Load CSS before JavaScript		*/
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		#slides{
			width:885px;
			height:445px;
		/*	background:#ccc;*/
			float:left;
			margin-left:115px;
			position:relative;
		}
	/*	.slides_container {
			width:470px;
			height:370px;
			display:none;
			background:#000px;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
/*		.slides_container div {
			width:470px;
			height:370px;
			display:block;
		}
		
		/*
			Optional:
			Reset list default style
		*/
		.pagination {
			list-style:none;
			margin:0;
			padding:0;
			background:#ccc;
			display:none;
		
		}

		/*
			Optional:
			Show the current slide in the pagination
		*/
		.pagination .current a {
			color:red;
		}

	.prev{
			
			float:left;		
			position:absolute;
			top:165px;
			left:119px;
			z-index:1000;
			text-align:left;
			opacity:0.6;
			filter:alpha(opacity=60);
			padding-right:5px;
			
		
		}
		.next{		
			float:left;
			position:absolute;
			top:165px;
			right:35px;*/
			z-index:1000;		
			opacity:0.6;
			filter:alpha(opacity=60);		
		
		}
		.next a{
			background:#000;
			opacity:0.9;
			filter:alpha(opacity=90);	
		}
/*
		.beforetxt{
			height:60px;
			width:100px;
			float:left;		
			position:absolute;
			top:250px;
			left:50;
			z-index:1000;
			text-align:left;
			background:#ccc;
			/*opacity:0.6;
			filter:alpha(opacity=60);
			padding-right:5px;

		
		}*/
		.beforetxt{
			height:15px;
			float:left;
			margin-left:125px;
			top:337px;
			font-style:italic;
			font-weight:bold;
			position:absolute;
			color:#fff;
		}
		.beforetxt{
			height:15px;
			float:left;
			margin-left:125px;
			top:337px;
			font-style:italic;
			font-weight:bold;
			position:absolute;
			color:#000;
		}
		.aftertxt{
			height:15px;		
			background:#ccc;		
			top:337px;
			font-style:italic;
			font-weight:bold;
			position:absolute;
			color:#fff;

		}
		.arrow{
			height:50px;
			width:20px;	
			text-decoration:none;
			border:0;
			padding:5px;		
			
		}
		.arrow a{
			text-decoration:none;
			border:none;
				
		}

		.imageslideazha{
			display:block;
			float:left;
			margin:20px 25px 0px 0px;
			 z-index:1;
		}
		.righttextunsco{
			width:200px;
			/*height:364px*/
			height:400px;
			float:right;
			/*background:#666fff;*/
			/*color:#ccc */;		
			
			padding:20px 5px 2px 5px; 
			text-align:left; 
			z-index:-1000;			
		
		}
		
.historypdy{
	width:200px;
	margin-left:14px;
	font-family:helvetica;
	font-size:10px;
	
}
.historyhead{
	margin:15px 0px;
	font-size:11px;
	color:#F0F0F0;
	float:left;
	font-weight:bold;	
	text-align: center;
	
	width:175px;
	/*border-bottom:solid 1px #ccc;*/
}

.histoyTitle{	
	width:115px;
	float:left;
	color:#ccc;
	height:14px;
}
.historyYear{	
	width:60px;
	float:left;
	color:#ccc;
	text-align:right;
	height:14px;
}
	
		
		
		.unscoback {
			color:#fff;
			text-align:center;
			font-size:12px;
			
		}
				
		.rightyear{
			height:20px;
		}
		.rows{
			/*width:60px;*/
			height:20px;
			float:left;
			background:#fff;
			color:#000;
			margin:2px;
		
		}
		.rowsfirst{
			width:60px;
			height:20px;
			float:left;
			background:#fff;
			color:#000;
			margin:2px;
		
		}
		
		.righttext{
			width:200px;
			/*height:364px*/
			height:370px;
			float:right;
			/*background:#666fff;*/
			color:#fff;
			padding:20px 5px 2px 5px; 
			text-align:left; 
			z-index:-1000;	
		
		
		}


		.pageflipbar{
			filter: alpha(opacity=50);
			opacity: 0.5;
			background:#fff000;

		}
		.exhititle{
			 display:block;
			 height:30px;
			 width:200px;
			 font-size:16px;
			 font-weight:bold;	
			 text-align:center;
			 color:#fff;
			/* padding-left:36px;*/
		}

		.exhihead{
			 display:block;
			 height:16px;
			 width:172px;
			 font-size:12px;
			 font-weight:bold;
 			 padding-left:31px;
			 margin-top:10px;
			 margin-bottom:15px;
			 color: #F0F0F0;
		
		}

		.exhibottom{
			 display:block;
			 height:20px;
			 width:170px;
			/* background:#ccc;*/
			 font-size:12px;
			 font-weight:bold;	
 			 padding-left:34px;
		}
		.exhibottom a{
			color:#fff;	
			padding-left:4px;
		}

		.txtright{
			width:148px;
			min-height:50px;
			overflow:hidden;
			display:block;
			margin-top:5px;
/*			margin-left:17px;*/
			margin-left:26px;
			text-align:left;
			font-size:11px;
			color:#D8D8D8;

		}
		.txtrightHistroy{
			/*width:152px;*/
			width:164px;
			min-height:50px;
			overflow:hidden;
			display:block;
			margin-top:5px;
			margin-left:20px;
			text-align:left;
			font-size:11px;
			color:#fff;
			line-height:133%;

		}

	
		.uneoscolist li{
			margin-bottom:5px;
			margin-left:44px;
			color:#D8D8D8 ;
			list-style-type:disc;
			width:130px;
		}




		.subtext{		
					
			text-align:left;
			font-size:10px;

		}



		/*------------------------------------------------------------------------------- END ---------------------------------------------*/

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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	/*right: 0;
	top: 0;*/
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.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;*/
}
/*------------------------------------------------------------------------------- Scroll END---------------------------------------------*/

#slideshow-area, #slideshow-scroller {
  width: 1000px;
  height: 445px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width:885px;

}

#slideshow-area {


  margin-left:113px;
}

#slideshow-holder {
  height: 445px;

}

#slideshow-previous, #slideshow-next {
  width: 30px;
  height: 80px;
  position: absolute;
  background:transparent url("../images/arrow_left.gif") no-repeat 50% 50%;
  top: 200px;
  display: none;
  cursor: pointer;
  cursor: hand;
  z-index:1000;
  opacity:0.53;
  filter:alpha(opacity=50); 
/*  border:5px solid #606060;*/

}
#slideshow-previous a:hover{ 
	  opacity:0.1;
  filter:alpha(opacity=1); 	
}

#slideshow-next {
  display: block;
 background:transparent url("../images/arrow_right.gif") no-repeat 50% 50%;
  top: 200px;
  right: 233px;
}

.slideshow-content {
  float: left;
}

/*---------------------------------------------image slider--------------------------*/
a{outline:0 none}
#pagewrap{	
	padding:0;
	position:relative;
	height:100%;
	width:980px;
}


.ribbon{
	background:#666766;
	height:448px;
	width:213px;
	position:absolute;
	right:161px;
	top:-3px;
	z-index:50;
}
#slidewrap{position:absolute;}
#slider{
	position:relative;
	height:auto;
	width:930px;
/*	border:10px solid #fff;
	box-shadow:0 0 5px #444;*/
	margin:20px 115px;
}
#slider img{
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
.nivo-directionNav{
	z-index:80;
	
	}
.nivoSlider .nivo-directionNav{
    display: block !important; /* ALWAYS show the arrows */
}
.nivo-html-caption {
    display:none;
}
.nivo-caption{
	position:relative;
	float:right;
/*	right:20px;*/
	text-align:center;
	
	width:192px;
	z-index:60;
}
.nivo-caption p{margin:0;color:#fff}
.nivo-caption .title{font-style:italic}
.nivo-controlNav{
	position:absolute;
	bottom:10px;
	right:0px;
	height:15px;
	width:192px;
	/*text-align:center;*/
	display:block;
	z-index:51;
}
.nivo-controlNav a{
	background:transparent url(../images/button.png) no-repeat center center;
	display:inline-block;
	height:14px;
	width:14px;
	text-indent:-9999px;
	cursor:pointer;
}
.nivo-controlNav .active{
	background:transparent url(images/button_active.png);	
	}


	/************************************-------------------  jquery.tinycarousel.min-----------------****************************************************/

	/* Tiny Carousel */
#slider1 { height: 1%; overflow:hidden; padding: 0px;   }
#slider1 .viewport { float: left; width: 650px; height: 425px; margin-left:65px; overflow: hidden; position: relative; }
#slider1 .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -71px; text-indent: -999em; float: left; width: 39px; height: 67px; overflow: hidden; position: relative; }
#slider1 .next { background-position: 0 0; margin: 30px 0 0 10px;  }
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 650px; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0 0px 0 0; padding: 0px; height: 121px; width: 650px;}

#slider1 { height: 425px; overflow:hidden; }
#slider1 .viewport { float: left; width: 650px; height: 425px; overflow: hidden; position: relative;margin-right:18px; }
#slider1 .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider1 .next { margin: 202px 191px 0 35px;position:absolute;filter: alpha(opacity=50);opacity: 0.5;}
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider1 .overview li{ float: left; margin: 0 0px 0 0; padding: 0px; height: 425px; width: 650px;}

#slider1 .pager { overflow:hidden; list-style: none; clear: both;  }
#slider1 .pager li { float: left; }
#slider1 .pagenum { text-decoration: none; text-align: center; font-size: 11px; display: none; }
#slider1 .active { color: #fff; display:block}

	/************************************-------------------  jquery.tinycarousel.min-----------------****************************************************/
/*--------------------------------------------------------------- News and Archives Azha-----------------------------------------------------------------*/
#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */

overflow: hidden;

padding: 2px;
padding-left: 4px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.emptydist{
	height:25px;
}
/*-------------------------------------------------------------------BEFORE AFTER---------------------------------------------------------------------------------------*/
.top-title {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    margin: 1rem 0.5rem;
}

.top-title span {
    font-style: italic;
    font-size: 1.5rem;
}

@media all and (max-width: 479px) {
    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 700px;
        padding: 10px;
    }
    .bal-container {
        margin: 10px 0;
    }
}

@media all and (max-width: 599px) {
    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 800px;
        padding: 10px;
    }
    .bal-container {
        margin: 10px 0;
    }
}

@media all and (min-width: 480px) and (max-width: 768px) {
    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 1000px;
        padding: 10px;
    }
    .bal-container {
        margin: 10px 0;
    }
}

@media all and (min-width: 768px) and (max-width: 959px) {
    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 1100px;
        padding: 10px;
    }
    .bal-container {
        margin: 10px 0;
    }
}

@media all and (min-width: 960px) and (max-width: 1199px) {
    .mainSection {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 500px;
        padding: 10px;
    }
    .bal-container {
        margin: 0 10px;
    }
}

@media all and (min-width: 1199px) {
    .mainSection {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 500px;
        padding: 10px;
    }
    .bal-container {
        margin: 0 10px;
    }
}


/* Before After Container */

.bal-container {
    position: relative;
    width: 600px;
    height: 300px;
    cursor: grab;
    overflow: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.bal-after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bal-before {
    display: block;
    position: absolute;
    top: 0;
    /* right: 0; */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    overflow: hidden;
}

.bal-before-inset {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.bal-after img,
.bal-before img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.bal-beforePosition {
    background: #121212;
    color: #fff;
    left: 0;
    pointer-events: none;
    border-radius: 0.2rem;
    padding: 2px 10px;
}

.bal-afterPosition {
    background: #121212;
    color: #fff;
    right: 0;
    pointer-events: none;
    border-radius: 0.2rem;
    padding: 2px 10px;
}

.beforeLabel {
    position: absolute;
    bottom: 0;
    margin: 1rem;
    font-size: 1em;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.afterLabel {
    position: absolute;
    bottom: 0;
    margin: 1rem;
    font-size: 1em;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}


/* handle and arrow */

.bal-handle {
    height: 41px;
    width: 41px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -21px;
    border: 2px solid #fff;
    border-radius: 1000px;
    z-index: 20;
    pointer-events: none;
    box-shadow: 0 0 10px rgb(12, 12, 12);
}

.handle-left-arrow,
.handle-right-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.handle-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px;
}

.handle-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px;
}

.bal-handle::before {
    bottom: 50%;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgb(12, 12, 12);
}

.bal-handle::after {
    top: 50%;
    margin-top: 20.5px;
    box-shadow: 0 0 5px rgb(12, 12, 12);
}

.bal-handle::before,
.bal-handle::after {
    content: " ";
    display: block;
    width: 2px;
    background: #fff;
    height: 9999px;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
}

/*-------------------------------------------------------------------BEFORE AFTER---------------------------------------------------------------------------------------*/