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

	h1{
		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
/* Easy Slider */

#slider {

	margin: 0 auto 0 auto;

	padding: 26px 0 0 0;

}



#slider h2 {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 18px;

	line-height: normal;

	font-weight: bold;

	padding-bottom: 18px;

	color: #cc3333;

}



#slider p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 80%;

	font-weight: normal;

	padding: 0 32px 16px 0;

	line-height: normal;

}



#slider p a {

	color: #966;

	text-decoration: none;

	font-weight: bold;

}



#slider p a:hover {

	color: #F30;	

}



#slider p span.dropCap {

	background-image: url(../images/drop_cap_D.gif);

	background-repeat: no-repeat;

	background-position: left 5px;

	display: block;

	float: left;

	text-indent: -99999px;

	height: 54px;

	width: 56px;

}



#slider ul, #slider li{

	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 */ 

	width: 800px;

	height: 300px;

	overflow: hidden;

}



#dreel #slider li {

	height: 380px;

}

				   

				   



#slider li div.left_block {

	float: left;

	height: 240px;

	width: 100px;

}



#slider li div.field {

	display: block;

	float: left;

	margin: 0 auto 0 auto;

	width: 330px;

}



#slider li div.field h4 {

	padding: 0 0 8px 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

}



#slider li div.field p {

	padding: 6px 0 6px 0;

	font-size: 16px;

}



#slider li div.field p.first {

	text-indent: 18px;

	background-image: url(../images/red_dot.png);

	background-repeat: no-repeat;

	background-position: left center;

}



#slider li div.field p.second {

	padding: 2px 0 3px 0;

	text-indent: 35px;

	background-image: url(../images/red_sq.gif);

	background-repeat: no-repeat;

	background-position: 15px center;

}



#slider li div.film {

	display: block;

	float: left;

	/*margin: 0 auto 0 auto;*/

	width: 50%;

}



#slider li div.film h4 {

	padding: 0 0 8px 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

}



#slider li div.film p.third {

	background-image: url(../images/red_sq2.gif);

	background-repeat: no-repeat;

	background-position: left 7px;

	font-size: 80%;

	padding: 0 22px 16px 18px;

}



#prevBtn, #nextBtn{ 

	display:block;

	width:30px;

	height:77px;

	position:absolute;

	left: 40px;

	top: 150px;

}	

#nextBtn{ 

	left: 890px;

}														

#prevBtn a, #nextBtn a{  

	display:block;

	width:30px;

	height:77px;

	background:url(../images/btn_prev.gif) no-repeat 0 0;	

}	


#nextBtn a{ 

	background:url(../images/btn_next.gif) no-repeat 0 0;	

}	
											

/* // Easy Slider */