.effectContainer
{
    margin: 0px;
    overflow: hidden;
    width: 959px; height: 380px;
    background-color:Black;
}


.slide
{
    position: relative;
    background: #fff;
    text-align: center;
	top: 0px;
	left: 0px;
	height: 340px;
}
#navigation
{
    height: 15px;
    background: green;
}
div.fadenav {
    background-color: black;
    border-radius: 5px;
    bottom: 5px;
    padding: 5px;
    position: absolute;
    right: 5px;
}
div.fadenav a
{
	background: url('../Images/img-empty.png') no-repeat scroll 0 0;
	border: 1px solid #000000;
	border-radius: 50% 50% 50% 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	display: block;
	float: left;
	height: 16px;
	margin: 0 0 0 2px;
	overflow: hidden;
	width: 16px;
}
div.fadenav a:hover {
    text-decoration: none;
}
div.fadenav a.current
{
	background: url("../images/img-filled.png") no-repeat scroll 0 0 transparent;
}

/*<<<<<<<<<<<<< Alternate jquery slide show animation settings>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.animation
{
	overflow: hidden;
	padding: 0px;
	height: 275px;
	width: 941px; 
}

div.fadenavAlt
{
	bottom: 5px;
	padding: 5px;
	position: absolute;
	right: 10px;
}
div.fadenavAlt a
{
	background: url('../Images/img-empty.png') no-repeat scroll 0 0;/*#CCCCCC*/
	border: 1px solid #808080;
	border-radius: 50% 50% 50% 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	display: block;
	float: left;
	height: 16px;
	margin: 0 0 0 2px;
	overflow: hidden;
	width: 16px;
}
div.fadenavAlt a:hover {
    text-decoration: none;
}
div.fadenavAlt a.current
{
	background: url("../images/img-filled.png") no-repeat scroll 0 0 transparent;
}
