/* The Nivo Slider styles */
#sliderwrap {
	xxxbackground:url(gfx_nivo/slider.png) no-repeat;
	width:657px;
	height:368px;
	xxxmargin:0 auto;
	xxxpadding-top:18px;
	xxxposition:relative;
	xxxleft: -64px;
}


.nivoSlider {
	position:relative;
	width:657px;
	height:368px;
    xxxmargin-left:80px;
	background-color: #fff;

}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    width:657px; /* Make sure your images are the same size */
    height:368px; /* Make sure your images are the same size */
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	width:657px;
	height:368px;
	display:block;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	bottom:0px;
	color:#fff;
	width:657px;
	z-index:100;
	xxxpadding-top: 10px;
	xxxpadding-right: 70px;
	xxxpadding-bottom: 0px;
	xxxpadding-left: 10px;
	xxxheight: 50px;
	background-color: #646464;
	left: 0px;
}
.nivo-caption p {
	padding:0px;
	margin:0px;
	font-variant: normal;
}
.nivo-caption p em {
	font-size: 26px;
	font-style: normal;
	display: block;
	xxxpadding-bottom: 25px;
}
.nivo-caption p b {
	font-size: 22px;
	display: block;
	xxxpadding-bottom: 5px;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:999;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
.nivo-directionNav a {
	display:block;
	width:31px;
	height:34px;
	text-indent:-9999px;
	border:0;
	background-image: url(gfx_nivo/arrows.png);
	background-repeat: no-repeat;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position: absolute;
	left:50%;
	bottom:-21px; 
	z-index: 999;
	text-align: center;
	margin-left:-110px;/* Tweak this to center bullets */
	
	}

.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(gfx_nivo/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	filter:     Alpha(opacity=20);
    opacity:    0.2;
    moz-opacity:    0.2;

}

.nivo-controlNav a:hover {
	background-position:0 -22px;
}

.nivo-controlNav a.active {
	background-position:0 -22px;
}

#slider {
	position:relative;
	width:657px;
	height:368px;
	background:url(gfx_nivo/loading.gif) no-repeat 50% 50%;
	background-color:#888888;
}
