/*

# ------------------------------------------------------------------------
# JA Kyanite II - Version 1.1 - Licence Owner JA49652
# ------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
# ------------------------------------------------------------------------

*/



.ja-slidewrap {

	margin: 0;

	padding: 0;

	height: 340px;

	position: relative;

}



.ja-slide-main-wrap { position: relative;	overflow: hidden; }



.ja-slide-main { z-index: 1; }



.ja-slide-item {

	display: block;

	float: left;

	position: relative;

	overflow: hidden;

	margin: 0;

}



.ja-slide-item img {	background: none;	border: none; padding: 0; }



/* Slide Thumbnail ---*/

.ja-slide-thumbs-wrap {

	clear: both;

	overflow: hidden;

	position: absolute;

	left: 10px;

	bottom: 10px;

	z-index: 101;

}



.ja-slide-thumbs, .ja-slide-thumbs-mask, .ja-slide-thumbs-handles {

	position: absolute;

	top: 0;

	margin: 0;

	padding: 0;

	width: 5000px;

}



.ja-slide-thumbs-mask {	display: none; }



.ja-slide-thumb, .ja-slide-thumbs-handles span {

	background: url(../images/circle-bg.png) no-repeat center center;

	color: #fff;

	cursor: pointer;

	display: block;

	font-weight: bold;

	float: left;

	margin: 0;

	text-indent: -300%;

}



.ja-slide-thumbs-handles span.active { background: url(../images/circle-active.png) no-repeat center center; }



.ja-slide-thumbs-mask-left,

.ja-slide-thumbs-mask-right,

.ja-slide-thumbs-mask-center { float: left; }



.ja-slide-thumbs-mask-left, .ja-slide-thumbs-mask-right{	background: #000000; }



/* Mask of Description ---*/

.maskDesc {

	background: url(../images/sl-mask.png) no-repeat left top;

	display: block;

	position: absolute;

	z-index: 100;

	cursor: pointer;

}



* html .maskDesc { background: url(../images/sl-mask1.gif) no-repeat left top; }



.maskDesc .ja-slide-desc {

	float: right;

	display: block;

	margin-top: 1px;

	margin-right: 5px;

	padding: 0;

	width: 380px;

	height: 336px;

}



.maskDesc .ja-slide-desc p {

	margin: 15px 0;
font-size:125%;
}



.maskDesc .ja-slide-desc-inner {	padding: 30px; }



.maskDesc .ja-slide-desc br {	display: none; }



.maskDesc .ja-slide-desc h3 { 
/* font-size: 250%; margin: 0 0 10px; */
font-size:210%;
margin:0 0 10px;
text-align:center;}



/* Read more button ---*/

.maskDesc a.readon {

	background: url(../images/topsl-readon.png) no-repeat left top;

	bottom: 35px;

	color: #ccc;

	display: block;

	font-weight: bold;

	font-size: 125%;

	height: 29px;

	position: absolute;

	padding: 6px 15px 0 35px;

	right: 200px;

	width: 108px;

	text-decoration: none;

}



.maskDesc a.readon:hover, .maskDesc a.readon:active, .maskDesc a.readon:focus {

	background: url(../images/topsl-readon.png) no-repeat left bottom;

	color: #fff;

}



/* Control buttons ---*/

.ja-slide-buttons { z-index: 900; position: absolute; bottom: 10px; right: 5px; }



.ja-slide-buttons span {

	background: #000;

	color: #999;

	cursor: pointer;

	display: block;

	float: left;

	font-size: 92%;

	font-weight: bold;

	margin-right: 5px;

	padding: 0 5px;

}



.ja-slide-buttons span.ja-slide-prev:hover,

.ja-slide-buttons span.ja-slide-playback:hover,

.ja-slide-buttons span.ja-slide-play:hover,

.ja-slide-buttons span.ja-slide-stop:hover,

.ja-slide-buttons span.ja-slide-next:hover { background: #BF0000; color: #fff; }