/*
	Background Stretcher jQuery Plugin
	© 2011 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/

.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bgstretcher {
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}
.classname-of-div {
	height:340px;
}
.link-buttons{
	position: absolute;
	top: 290px;
	right: 20px;
}
.nav-buttons{
	margin: 0px auto;
	width: 1000px;
	position: relative;
}
.nav-buttons .prev{
	position: absolute;
	top:160px;
	left:0;
}
.nav-buttons .next{
	position: absolute;
	top:160px;
	right:0;
}
.nav-buttons #nav {}
.nav-buttons #nav ul { position:relative; top:365px; width:100px; margin:0 auto;}
.nav-buttons #nav ul li,
.nav-buttons #nav ul li a {
	display:block;
	width:10px;
	height:10px;
}
.nav-buttons #nav ul li { float:left; margin:4px;}
.nav-buttons #nav ul li a {
	text-indent:-9999px;
	border-radius: 50%; /* CSS3 */
	-webkit-border-radius: 50%; /* Safari,Google Chrome */
	-moz-border-radius: 50%;/* Firefox */
	background:#FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	transition:.3s;
}
.nav-buttons #nav ul li.showPage a {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.row{
	position: absolute;
	top: 370px;
	right: 20px;
}
.row li{
	display: inline;
}
.row li a{
	float: left;
	margin: 0px 10px;
	background: #CCC;
	text-indent: -9999px;
	height: 10px;
	width: 40px;
}
.row li a:hover{
	background: #B4C09E;
	height: 8px;
	width: 38px;
	border: 1px solid #8FC31F;
}
.row li.showPage a{
	background: #709E34;
	height: 8px;
	width: 38px;
	border: 1px solid #8FC31F;
}

/* 999px -------------------------*/
@media screen and (max-width: 999px) {
.nav-buttons{
	width: 100%;
}
.nav-buttons .prev{
	left: 10px;
}
.nav-buttons .next{
	right: 10px;
}
.row{
	right: 0;
}

}

/* 760px -------------------------*/
@media screen and (max-width: 768px) {
.classname-of-div {
	display: none;
}
}