/* 
	Resets defualt browser settings
	reset.css
*/

:focus {
outline:0;
}
a:active {
outline:none;
}
body {
color:black;
}
ol, ul {
list-style:none;
}
table {
border-collapse:separate;
border-spacing:0;
}
caption, th, td {
text-align:left;
font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
/*
	Page style

body { 
	font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	letter-spacing:0;
	color:#434343;
	background:#efefef url(../img/background.png) repeat top center;
	padding:20px 0;
	position:relative;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
	-webkit-font-smoothing: subpixel-antialiased;
}
*/
#container {
width:660px;
height: 300px;
padding:0px;
margin:0 0 15px 0;
position:relative;
}
#example {
width:660px;
height: 300px;
position:relative;
}
/*#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
z-index:500;
}*/

/*#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}*/

/*
	Slideshow
*/

#slides {
position:relative;
float: right;

}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
width:660px;
height: 300px;
position:relative;

float: right;
}
/*
	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:660px;
height: 300px;
display:block;
z-index:0;
position:relative;
}
/*
	Next/prev buttons
*/

#slides .next, #slides .prev {
position:absolute;
bottom:20px;
right:115px;
width:10px;
height:12px;
display:block;
/*z-index: 1000;*/
	display: none;
}
#slides .next {
right:20px;
}
/*
	Pagination
*/

.pagination {
	margin:0px auto 0;
	width:110px;
	height: 35px;

	position: absolute;
	bottom: 0px;
	right: 0;
	z-index: 9000;
}

.pagination li {
	float:left;
	margin:0 5px;
	padding: 2px 6px 2px 6px;
	list-style:none;
	background-color: #e8e6e3;
	width: 9px;
	height: 15px;

	
}

.pagination li a {
	float:left;
	display:block;
	/*width:21px;
	height:21px;
	padding:10px;*/
	margin: 0px auto;
	padding: 0px;
	/*background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;*/
	color: #333;
	text-decoration: none;

}
.pagination li.current{
	background-color: #665546;
}
.pagination li.current a {
	background-position:0 -12px;
	color: #fff;
	font-weight: normal;
}

/*
	Caption
*/

.caption {
z-index: 3;
position:absolute;
top:0px;
right:0;
height:125px;
padding:10px 20px 0 30px;
background:#cf035c;
/*background:rgba(1, 50, 75, .85);*/
	width:270px;
height: 250px;
font-size:1.1em;
color:#fff;
text-shadow:none;
}
.caption h1 {
margin: 0px;
font-size: 190%;
font-weight: normal;
border: none;
}
.caption p {
margin: 0px;
padding: 10px 0;
width: 250px;
}
.caption a {
color: #89dcff;
}
* html .caption {
z-index: 2;
}
/*
	Footer
*/

#footer {
text-align:center;
width:580px;
margin-top:9px;
padding:4.5px 0 18px;
border-top:1px solid #dfdfdf;
}
#footer p {
margin:4.5px 0;
font-size:1.0em;
}
/*
	Anchors
*/

a:link, a:visited {
text-decoration:none;
}
a:hover, a:active {
text-decoration:underline;
}