@charset "utf-8";

/* CSS Document */

.lof-slidecontent{

	position:relative;

	overflow:hidden;

	border:#F4F4F4 solid 1px;

	/*width:95%;*/

	height:300px;

	margin-top:10px;

}

.lof-slidecontent .preload{

	height:100%;

	width:100%;

	background:#FFF;

	position:absolute;

	top:0;

	left:0;

	z-index:100000;

	color:#FFF;

	text-align:center

}

.lof-slidecontent .preload div{

	height:100%;

	width:100%;

	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;

}

/* main flash */

.lof-main-wapper{

	margin-right:auto;

	overflow:hidden;

	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;

	padding:0px;

	height:100%;

	width:57%;

	position:relative;

	overflow:hidden;

}



.lof-main-wapper .lof-main-item{

	overflow:hidden;

	padding:0px;

	margin:0px;

	height:100%;

	width:100%;

	position:absolute;

}

.lof-main-wapper .lof-main-item img{

	padding:0px;	

	width:600px;

}



.lof-main-item-desc{

	z-index:100px;

	position:absolute;

	top:220px;

	left:15px;

	width:430px;

	background:url(../images/transparent_bg.png);

padding-right:5px;

	/* filter:0.7(opacity:60) */

}

.lof-main-item-desc p{

	color:#FFF;

	margin:0 8px;

	padding:8px 0

}

.lof-main-item-desc h3 a{

	color:#FFF;	

	margin:0;

	font-size:120%;

	padding:20px 8px 2px;

	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-decoration:none;
	line-height:24px;

}

.lof-main-item-desc h3 a:hover{

	color:#FF6;

	text-decoration:none;
	

}





/* item navigator */

ul.lof-navigator{

	top:0;

	padding:0;

	margin:0;

	position:absolute;

	width:100%;

}

ul.lof-navigator li{

	cursor:hand; 

	cursor:pointer;

	list-style:none;

	width:100%;

	padding:0;

	margin:0;

	overflow:hidden;

}

.lof-navigator-outer{

	position:absolute;

	right:0;

	top:00px;

	z-index:100;

	height:300px;

	width:45%;

	overflow:hidden;

	color:#FFF

}

.lof-navigator li.active{

	background:url(../images/arrow-bg.png) no-repeat scroll left center; 

	color:#FFF

}

.lof-navigator li:hover{

	

}





.lof-navigator li h3{

	color:#FFF;

	font-size:100%;

	padding:15px 0 7px !important;

	margin:0;
	



}

.lof-navigator li div{

	background:url(../images/transparent_bg.png);

	color:#FFF;

	height:100%;

	position:relative;

	margin-left:15px;

	padding-left:15px;
	padding-right:8px;

	border-top:1px solid #E1E1E1;

	font-size:12px;

}



.lof-navigator li.active div{

	background:url(../images/grad-bg2.gif);

	color:#FFF;

}

.lof-navigator li img{

	height:60px;

	width:90px;

	margin:15px 15px 10px 0px;

	float:left;

	padding:3px;

	border:#C5C5C5 solid 1px;

}

.lof-navigator li.active img{

	border:##6C8E5C  solid 1px;

}

.lof-navigator li.active h3{

	color:#FFF;

}

.lof-next{

	position:absolute;

	top:0;

	height:30px;

	background:#F9F9F9;

	display:block;

	width:100%;

}

.lof-previous{

	position:absolute;

	bottom:0;

	height:30px;

	background:#F9F9F9;

	display:block;

	width:100%;

}