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

.clr{
	clear:both;
	padding:0;
	margin:0;
	background:none;
	height:27px;
}

.clr2{
	clear:both;
	padding:0;
	margin:0;
	background:none;
	height:5px;
}

/* Slider */
.gallery { width:898px; height:420px; margin:0 auto; padding:0 35px; background:url(images/shade.jpg) no-repeat center bottom; }
#slider { width:710px; height:350px; margin:0 auto; padding:0; list-style:none; overflow:hidden; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; height:350px; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { overflow:hidden; margin:0 auto; }
p#controls { margin:0 auto; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:35px; height:38px; position:absolute; left:20px; top:-210px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:35px; height:38px; position:absolute; left:655px; top:-210px; }
#prevBtn a { display:block; width:35px; height:38px; background: url(../images/arrow_l.png) no-repeat 0 0; }
#nextBtn a { display:block; width:35px; height:38px; background: url(../images/arrow_r.png) no-repeat 0 0; }
#prevBtn a:hover { display:block; width:35px; height:38px; background: url(../images/arrow_l1.png) no-repeat 0 0; }
#nextBtn a:hover { display:block; width:35px; height:38px; background: url(../images/arrow_r1.png) no-repeat 0 0; }