/* Easy Slider */
.slider_container
{
	float:left;
	width:610px;
	/*height:197px;*/
	height:320px;
	font-family:"Times New Roman", Times, serif;
	
	margin-bottom:20px;	
}

#slider
{
	float:left;
	width:438px;
	height:197px;
	text-align:left;
	background:url(../images/slider_images/slider_bg.jpg) no-repeat;
}

#slider ul, #slider li
{	
	list-style:none;	
	width:438px;
	height:197px;
}

#slider li
{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:438px;
	height:197px;
	overflow:hidden; 
}

/*-------------- Wrap 1-2-3 to fix different background  ----------------*/
.banner_wrap_1
{	
	padding:15px 0 0 25px;	
	height:197px;
	background:url(../images/slider_images/profile_bg.jpg) no-repeat 90% 0%;	
	
	overflow:hidden;
}

.banner_wrap_2
{
	padding:15px 0 0 25px;	
	height:197px;
	background:url(../images/slider_images/community_bg.jpg) no-repeat 90% -17%;	
	
	overflow:hidden;
}

.banner_wrap_3
{
	padding:15px 0 0 25px;	
	height:197px;
	background:url(../images/slider_images/contact_bg.jpg) no-repeat 90% 0%;
	
	overflow:hidden;
}
/*--------------End Wrap 1-2-3 to fix different background  ----------------*/

#slider a h2
{		
	color:#cd7221;
	cursor:pointer;
	display:block;
	padding-bottom:20px;
}

.banner_logo
{	
	float:left;
	width:76px;
	height:77px;	
	margin-right:15px;	
}

.banner_content
{	
	float:left;
	width:285px;
	color:#575757;
	font-size:13px;	
}

.tab_slider a h3
{
	float:left;
	color:#997452;		
	cursor:pointer;	
	padding:10px 0 0 15px;
}

.tab_slider a h6
{
	float:left;
	color:#d19662;
	/*font-weight:bold;*/
	cursor:pointer;	
	padding-left:15px;
}

span#prevBtn{}
span#nextBtn{}					

.tab_slider /*------ this class generated by javascript -------*/
{
	float:right;
	width:172px;
	height:55px;	
		
}

.tab_slider_container /*------ this class generated by javascript -------*/
{
	float:left;
	width:172px;
	height:165px;	
	padding-top:15px;
}

.tab_slider a
{
	float:left;
	width:172px;
	height:55px;
	display:block;	
	
	outline:none;
}

.current /*------ this class generated by javascript -------*/
{
	background:url(../images/slider_images/slider_tab_bg.jpg) no-repeat;
}

/***************************** MINI ALBUM SLIDER *********************************/
.album_slider_container
{
	float:left;
	width:210px;
	height:110px;	
	text-align:left;
	
}

#album_slider
{
	float:left;
	width:97px;
	height:110px;
	text-align:left;
	background:url(../images/slider_images/album_slider_bg.jpg) no-repeat;
}

#album_slider img
{
	margin:9px 0 0 9px;
}

#album_slider ul, .album_slider li
{	
	list-style:none;	
	width:97px;
	height:110px;
}


#album_slider li
{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:97px;
	height:110px;
	overflow:hidden; 
}

.album_tab_slider /*------ this class generated by javascript -------*/
{
	float:right;
	width:108px;
	height:18px;	
}

.album_tab_slider_container /*------ this class generated by javascript -------*/
{
	float:left;
	width:108px;
	height:90px;	
	padding-top:15px;	
}

.album_tab_slider a
{
	float:left;
	width:108px;
	height:18px;
	/*display:block;*/
	outline:none;	
	overflow:hidden;
	
	padding:2px 0 0 5px;	
}

.current_member /*------ this class generated by javascript -------*/
{
	background:url(../images/slider_images/album_slider_tab_bg.jpg) no-repeat;
}

