/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
   background:url(web-design/images/slider-back.jpg) no-repeat;
   background-position: -1px -21px;
    width:562px;
    height:500px;
    margin:0 auto;
    padding:0;
}

#slider {
	  position:relative;
    width:513px;
    height:317px;
    margin: 0px auto 0 auto;
  	background:url(web-design/images/loading.gif) no-repeat 50% 50%;
  	padding:0 0 0 0;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
/* i think i remove because using thumbs
.nivo-controlNav {
	position:absolute;
	left:60px;
	bottom:-132px;
}*/

#slider .nivo-controlNav {
	position:absolute;
	bottom:-130px; /* Put the nav below the slider */
	width:600px;
}
#slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:0px;

}

.nivo-controlNav a {
	display:block;
	width:75px;
	height:75px;
	/*background:url(web-design/images/bullets.png) no-repeat;
	text-indent:-9999px;*/
	margin-right:15px;
	float:left;
}
.nivo-controlNav img:hover{border-bottom:solid 3px #666666;}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(web-design/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
    font-size:0.8em;
    font-weight:normal;
    padding:0px 5px 0px 5px;
    text-align:left;
    width:503px;
    line-height:1.4em;
    
   
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
.nivo-caption a:hover{text-decoration:none;}

/*=== Other Styles ===*/
.clear {
	clear:both;
}