/* ---------------------------------------------------- */
/* GLOBAL
/* ---------------------------------------------------- */



/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
/*The below changes the box which holds the slides in it*/
/*NOTE THAT YOU CAN CHANGE ALL THE SIZES HERE FOR THE SLIDESHOW BUT YOU MUST MAKE THE THREE (3) CHANGES: THEY ARE:
 
#slideshow {
	width: 920px; OR WHATEVER SIZE
	
#slideshow .slides {
overflow: hidden;
width: 920px;} OR WHATEVER SIZE

#slideshow .slides {
overflow: hidden;
width: 920px;} WHICH MAKES TWO CHANGES FROM THE HEADING SLIDESHOW> SLIDES
	
	*/

#slideshow {
	width: 805px;
	height: 495px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1px;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 495px;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
	overflow: hidden;
	width: 805px;
	border: 1px dotted #666;
	margin-left: auto;
	margin-right: auto;
}

#slideshow .slides ul {
width: 1280px;}

/*BELOW IS THE PADDING FOR THE BACKGROUND OF THE SLIDES. PUTTING IT AT ZERO ALLOWS YOU TO ACCURATELY DECIDE THE SIZE OF THE SLIDE*/
#slideshow .slides li {
width: 805px;
float: left;
padding: 0;}

#slideshow .slides h2 {
	margin-top: 0;
	margin-bottom: 5px;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
/*the below alters the box that surrounds the buttons Slide One etc, underneath the main slideshow adding to the margin pushes the nav bar down*/
#slideshow .slides-nav {
	
	height: 50px;
	width:850px;
	/*background-image: url(../../images/shade.png);*/
	background-repeat: no-repeat;
	background-position: top;
}

#slideshow .slides-nav li {
	float: left;
}

/*altering the padding makes the distance grow etc between the nav buttons*/
#slideshow .slides-nav li a {
	display: block;
	outline: none;
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
	 
}

/*the below changes the box around the words "slide One" "Slide Two etc"*/
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
}

.js #slideshow .slides-nav li.on a {
	position: relative;
	top: 0;
	margin-top:-5px;
	/*the below affects the cursor on click of the navigation*/
	cursor: default;
}