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

Gallery style sheet

author:		Arron Coda
url:		http://acoda.co.uk
date:		1st March 2008
version:	1.1

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.

Notes:

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

/* Gallery Structure
-----------------------------------------------------------------------------*/

#gallery{
background:#ffffff;
position: relative;
width:300px;
height:199px;
overflow: hidden;
border:1px solid #ccc;
}

#gallery ul{
width:300px;/*set by script anyway*/
position:absolute;
left:-0px;
margin:0px;
}

#gallery ul li{
float:left;
list-style-type:none;
margin:0px;
}

#gallery ul li a{
display:block;
padding:0px;
}

#gallery ul li a:hover{
background:#f9f9f9
}

/* Gallery Controls
-----------------------------------------------------------------------------*/

#gallery_controls{
position:relative;
width:300px;
height:20px;
margin:5px 0 0 0;
}

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

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

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

#gallery_controls .btn_next{
width:21px; left:71px;
background-position:-21px 0;

}
#gallery_controls .btn_next:hover{background-position:-21px -20px}

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

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