@charset "utf-8";

/*-----------------------------------------------------------------------------

slide gallery style sheet

author:		Arron Coda
url:		http://acoda.co.uk
date:		22nd Aug 2008
version:	1.0

You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of Arron
Coda and may not be reproduced.

-----------------------------------------------------------------------------*/

/* =container
-----------------------------------------------------------------------------*/

#slide_container{
	position: relative;
	width:580px;
	height:390px;
	overflow: hidden;
	border:1px solid #ccc;
	}

#slide_container ul{
	width:390px; /*dynamicly set anyway*/
	position:absolute;
	left:-0px;
	}

#slide_container ul li{
	list-style-type:none;
	float:left;
	}

#slide_container ul li a{
	display:block;
	padding:5px;
	}

#slide_container ul li a:hover{
	background:#f9f9f9
	}
	
/* =controls
-----------------------------------------------------------------------------*/

#slide_controls{
	position:relative;
	width:580px;
	height:20px;
	margin:5px 0 20px 0;
	}

#slide_controls span{
	position:absolute;
	display:block;
	height:20px;
	background: url(../images/sprite_slider_btn.gif) no-repeat 0 0;
	cursor:pointer;
	}

#slide_controls .btn_prev{
	width:21px; left:0px;
	background-position:0 0;
	}
#slide_controls .btn_prev:hover{background-position:0 -20px}

#slide_controls .slide_info{
	width:50px;
	left:21px;
	text-align:center;
	background:none;
	font-size:11px;
	line-height:20px;
	cursor:default;
	}

#slide_controls .btn_next{
	width:21px; left:71px;
	background-position:-21px 0;
	}
#slide_controls .btn_next:hover{background-position:-21px -20px}

#slide_controls .btn_view{
	width:60px; right:0;
	background-position:-42px 0;
	}
#slide_controls .btn_view:hover{background-position:-42px -20px}

/*END------------------------------------------------------------------------*/