/*
Resets defualt browser settings
reset.css
*/

:focus
{
	outline: 0;
}
A:active
{
	outline: none;
}
OL, UL
{
}
TABLE
{
	border-collapse: separate;
	border-spacing: 0;
}
CAPTION, TH, TD
{
	font-weight: normal;
	vertical-align: middle;
}
BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after
{
	content: "";
}
BLOCKQUOTE, Q
{
	quotes: "" "";
}
/*
Page style
*/

#container
{
	width: 669px;
	padding: 10px 10px 10px 73px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
#example
{
	width: 649px;
	height: 460px;
	position: relative;
}
#ribbon
{
	position: absolute;
	top: -3px;
	left: -15px;
	z-index: 500;
}
#frame
{
	position: absolute;
	z-index: 0;
	width: 1000px;
	height: 461px;
	top: 6px;
	left: -192px;
}
/*
Slideshow
*/
#slides
{
	position: absolute;
	top: 30px;
	left: -79px;
	z-index: 100;
}
/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/
.slides_container
{
	width: 774px;
	overflow: hidden;
	position: relative;
	display: none;
	height: 365px;
}
/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container DIV.slide
{
	width: 785px;
	height: 365px;
	display: block;
}
/*
Next/prev buttons
*/
#slides .next, #slides .prev
{
	position: absolute;
	top: 356px;
	left: 29px;
	width: 24px;
	height: 43px;
	display: block;
	z-index: 30009;
}
#slides .next
{
	left: 52px;
	z-index: 9001;
}
/*
Pagination
*/
.pagination
{
	margin: 39px auto 0;
	width: 100px;
	height: 20px;
}
.pagination LI
{
	float: left;
	margin: 0 1px;
	list-style: none;
}
.pagination LI A
{
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url(../imgs/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
.pagination LI.current A
{
	background-position: 0 -12px;
}
/*
Caption
*/
.caption
{
	z-index: 500;
	position: absolute;
	bottom: -35px;
	left: 0;
	height: 30px;
	padding: 5px 20px 0;
	background: #000;
	background: url(rgba(0,0,0,.5);
	width: 540px;
	font-size: 1.3em;
	line-height: 1.33;
	color: #FFF;
	border-top: 1px solid #000;
	text-shadow: none;
}
/*
Footer
*/
#footer
{
	text-align: center;
	width: 245px;
	padding: 4.5px 0 18px;
	margin: 0px 0px 0px 210px;
}
#footerb
{
	text-align: center;
	width: 275px;
	margin: 0px 0px 0px 210px;
}
#footer P
{
	margin: 4.5px 0;
	font-size: 1em;
}
/*
Anchors
*/
A:link, A:visited
{
	color: #599100;
	text-decoration: none;
}
A:hover, A:active
{
	color: #599100;
	text-decoration: underline;
}
#footerv3
{
	text-align: center;
	width: 543px;
	margin-top: 9px;
	padding: 4.5px 0 18px;
	border: 1px solid #000000;
	margin: -146px 0 0 -70px;
}
