/* 
	Resets defualt browser settings
	reset.css
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
{ 
margin:0; 
padding:0; 
border:0; 
outline:0; 
font-weight:inherit; 
font-style:inherit; 
font-size:100%; 
font-family:inherit; 
vertical-align:baseline; 
}

:focus 
{ 
outline:0; 
}

a:active 
{ 
outline:none; 
}

body 
{ 
line-height:1; 
color:black; 
background:white; 
}

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:#ffffff 
url(../img/background.png) repeat top center;
	
padding:10px 0;
	
position:relative;
	
text-shadow:0 1px 0 rgba(255,255,255,.8);
	
-webkit-font-smoothing: subpixel-antialiased;

}


#container 
{
	
width:775px;
	
padding:10px;
	
margin:0 auto;
	
position:relative;
	
z-index:0;
}


#example 
{
	
width:795px;
	
height:367px;
	
position:relative;

}


#ribbon 
{
	
position:absolute;
	
top:-3px;
	
left:-15px;
	
z-index:500;
}


#frame 
{
	
position:absolute;
	
z-index:0;
	
width:934px;
	
height:358px;
	
top:-3px;
	
left:-80px;

}


/*
	Slideshow
*/


#slides 
{
	
position:absolute;
	
top:15px;
	
left:4px;
	
z-index:100;

}


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


.slides_container 
{
	
width:765px;
	
overflow:hidden;
	
position:relative;
	
display:none;
}


/*
	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:765px;
	
height:287px;
	
display:block;

}



/*
	Next/prev buttons
*/


#slides .next,#slides .prev 
{
	
position:absolute;
	
top:107px;
	
left:-39px;
	
width:24px;
	
height:43px;
	
display:block;
	
z-index:101;

}


#slides .next 
{
	
left:780px;

}


/*
	Pagination
*/


.pagination 
{
	
margin:26px auto 0;
	
width:100px;

}


.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(../img/pagination.png);
	
background-position:0 0;
	
float:left;
	
overflow:hidden;

}


.pagination li.current a 
{
	
background-position:0 -12px;

}


/*
	Caption
*/


.caption 
{

opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
	
z-index:500;
	
position:absolute;
	
bottom:-35px;
	
left:0;
	
height:30px;
	
padding:5px 20px 0 20px;
	
background:#000;
	
background:rgba(0,0,0,.5);
	
width:735px;
	
font-size:1.3em;
	
line-height:1.33;
	
color:#fff;
	
border-top:1px solid #000;
	
text-shadow:none;

}


/*
	Footer
*/


#footer 
{
	
text-align:center;
	
width:775px;
	
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 
{
	
color:#599100;
	
text-decoration:none;

}


a:hover,a:active 
{
	
color:#599100;
	
text-decoration:underline;

}