/***** Global Elements *****/
img { border:0;} 
a img { border:0 } /* This stops link bordering on images */

/***** Global Classes *****/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block; }
html[xmlns] .clear { display: block;}
* html .clear { height: 1%;}
.leftAlig { float:left; }
.rightAlig { float:right; }

/***** Slider general *****/
/* The Slider Container */

/* The left and right navigation buttons */
#metaContainer .backLink, #metaContainer .forwardLink { position: absolute; top: 125px; width: 40px; height: 40px; z-index: 10;}
#metaContainer .backLink a { display: none; width: 40px; height: 40px; text-indent: 9999em; background-image: url(../img/nav-arrow-sprite.png); background-repeat: no-repeat; outline: 0;}
#metaContainer .forwardLink a { display: none; width: 40px; height: 40px; text-indent: 9999em; background-image: url(../img/nav-arrow-sprite.png); background-repeat: no-repeat; outline: 0;}
#metaContainer .backLink { left: -10px;}
#metaContainer .forwardLink { right: -10px;}
#metaContainer .backLink a { background-position: 0 0; left: 0px;}
#metaContainer .backLink a:hover, #metaContainer .backLink a:active  { background-position: 0 -40px;}
#metaContainer .forwardLink a { background-position: -40px 0;}
#metaContainer .forwardLink a:hover, #metaContainer .forwardLink a:active  { background-position: -40px -40px;}

/* The paging navigation buttons */
#metaContainer #nav {
	position: absolute;
	bottom: 15px; 
	left: 0px;
	height:30px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: left;
	line-height: 30px;
	padding-left:20px;
}
#metaContainer #nav a, #nav a:link, #nav a:visited {
	font: 1px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #f1f1f1;
	background: url(../img/nav-link.png) no-repeat top left;
	display:inline-block;
	*display:inline;
	zoom:1;
	height:15px;
	width:15px;
	margin:5px;
}
#metaContainer #nav a.activeSlide{
	font: 1px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #f1f1f1;
	background: url(../img/nav-active.png) no-repeat top left;
	display:inline-block;
	*display:inline;
	zoom:1;
	height:15px;
	width:15px;
	margin:5px;
}
#metaContainer #nav a:hover {
	font: 1px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #f1f1f1;
	background: url(../img/nav-active.png) no-repeat top left;
	display:inline-block;
	*display:inline;
	zoom:1;
	height:15px;
	width:15px;
	margin:5px;
}

/***** Slide Type 1 specific *****/
/* The elements below relate solely to the presentation of a Type 1 slide and can be safely changed as needed */
.slideType1 {width: 960px; height: 300px;}
.slideType1 h1 {font: bold 24px Arial, Helvetica, sans-serif; color: #fff; margin: 60px 0 26px 10%;}
.slideType1 p {font: 12px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 30px 10%; width: 350px;}
.slideType1 span {background: url(../img/button-left.png) no-repeat top left; margin: 0px; *margin: 0px 10px 0px 0px; padding: 10px 0px 10px 10px;}
.slideType1 a, .slideType1 a:link, .slideType1 a:active, .slideType1 a:visited {
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 36px;
	color: #000;
	text-decoration: none;
	margin: 0px 0px 0px 10%;
	padding: 10px 10px 10px 0px;
	*padding: 0px;
	background: url(../img/button-right.png) no-repeat top right;
}
.slideType1 a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 36px;
	color: #444;
	text-decoration: none;
	margin: 0px 0px 0px 10%;
	padding: 10px 10px 10px 0px;
	*padding: 0px;
	background: url(../img/button-right.png) no-repeat top right;
}
.slideType1 .slideImg {position: absolute; top: 0; right: 40px;}
.slideType1 .slideBg {position: absolute; top: 0; right: 0px; z-index: -1;}

/***** Slide Type 2 specific *****/
/* The elements below relate solely to the presentation of a Type 2 slide and can be safely changed as needed */
.slideType2 {width: 960px; height: 300px;}
.slideType2 h1 {font: bold 24px Arial, Helvetica, sans-serif; color: #000; margin: 60px 0 26px 60%;}
.slideType2 p {font: 12px Arial, Helvetica, sans-serif; color: #000; margin: 0 0 30px 60%; width: 350px;}
.slideType2 span {background: url(../img/button-left.png) no-repeat top left; margin: 0px; *margin: 0px 10px 0px 0px; padding: 10px 0px 10px 10px;}
.slideType2 a, .slideType2 a:link, .slideType2 a:active, .slideType2 a:visited {
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 36px;
	color: #000;
	text-decoration: none;
	margin: 0px 0px 0px 60%;
	padding: 10px 10px 10px 0px;
	*padding: 0px;
	background: url(../img/button-right.png) no-repeat top right;
}
.slideType2 a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 36px;
	color: #444;
	text-decoration: none;
	margin: 0px 0px 0px 60%;
	padding: 10px 10px 10px 0px;
	*padding: 0px;
	background: url(../img/button-right.png) no-repeat top right;
}
.slideType2 .slideImg {position: absolute; top: 0; left: 50px;}
.slideType2 .slideBg {position: absolute; top: 0; right: 0px; z-index: -1;}

/***** Slider Type 3 specific *****/
/* The elements below relate solely to the presentation of a Type 3 slide and can be safely changed as needed */
.slideType3 a {}
.slideType3 img {}