/* 
	Resets defualt browser settings
	reset.css
	for residential html

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;
}*/

/* for residential html */
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, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
/* for residential html */

:focus 
{
	outline: 0;
}

a:active 
{
	outline: none;
}

/*table 
{
	border-collapse: separate;
	border-spacing: 0;
}

 
caption, th, td {
	text-align: left;
	font-weight: normal;
}*/
 
 
/* for residential html */
caption{
	text-align: left;
	font-weight: normal;
}
/* for residential html */

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*
	Page style
*/
#container {
	width: 100%;
	padding: 0px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	border:0px solid #000;
}
#example {
	width: 980px;
	/*height: 350px;*/
	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: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width: 500px;
	overflow: hidden;
	position: relative;
	display: none;
	border:0px solid #000;
}

/*
	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: 500px;
	height: 250px;
	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: 585px;
}
/*
	Pagination
*/

.pagination {
	margin-top:23px ;
	margin-right:200px;
	right:0;
	padding: 0;
	z-index:1000;
	position:absolute;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	background-image: url(../images/paginationbg.png);
}
.pagination li {
	float: left;
	margin: 0 0px;
	list-style: none;
	padding:6px 0px 6px 4px;
	/*background-image: url(../images/paginationbg.png);*/
	z-index:1000;
}
.pagination li a {
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url(../images/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
.pagination li.current a {
	background-position: 0 -12px;
}
/*
	Caption


a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover, a:active {
	color: #fff;
	text-decoration: none;
}*/