@charset "utf-8";
/*  Looped CSS by Flank Marketing */
/* This CSS is only called by the homepage header to save loading time */
/* looped slider */

#sliderContent
{
	background-color: #2a4b09;
	margin-top: 30px;
}

#loopedSlider 
{
	padding-top: 18px;
}

#loopedSlider .container { 
	background: url(/templates/soundpress/images/slider/sliderBg.jpg) no-repeat top left black;
	width:960px; 
	height:312px; 
	overflow:hidden; 
	position:relative;
	margin-top: -19px;
}

.slides { 
	position:absolute; 
	top:0; 
	left:0; 
}
.fades { 
	position:absolute; 
	top:0; 
	left:0; 

}

.fades div img { 
	float: right;
}

.fades div {
	height:500px;
	position:absolute; 
	top:0; 
	width:960px; 
	display:none;
	background-position:0 0; 
	background-repeat:no-repeat;
}

.slides {
	width: 960px;	
}


.slides div { 
	position:absolute; 
	top:0; 
	display:none; 
	padding: 80px 30px 0px 30px;
	z-index: 20;
	width: 960px;
}


/* slide text styles */

.slides div h3, .slides div p {
	width: 290px;
	
}
.slides div h3 {
	font-family: Georgia, serif;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1.2px;
}

.slides div p {
	font-size: 12px;
	color: #0864a9;
}

.slides ul {
	width: 380px;
}

.slides ul li  {
	display: inline;
	list-style: none;
	padding: 0;
	/*margin-left: -80px;*/
}

.slides ul li a {
	font-family: Georgia, serif;
	font-size: 12px;
	font-style: italic;
	padding-left: 20px;
}
.red {
	background: url(/templates/soundpress/images/slider/moreInfoIcon.png) no-repeat top left;
	color: #b2130f;	
	text-decoration: underline;
}

.green {
	background: url(/templates/soundpress/images/slider/downloadIcon.png) no-repeat top left;
	color: #348618;
	text-decoration: underline;
}
/* apply general styles to all containers */


/* looped slider styles */

#loopedSlider, #saySlider { 
	margin:0 auto; 
	width:960px; 
	position:relative; 
	clear:both; 
}
 
ul.pagination { 
	list-style-type:none; 
	margin:0; 
	padding:0; 
	margin:9px auto; 
	position: absolute;
	z-index: 90;
	top: -12px;
	left: 75px;
}
	  
ul.pagination li { 
	float:left; 	
	background: url(/templates/soundpress/images/slider/dropDownPaginationBg.png) no-repeat top left;
	width:45px; 
	height: 36px;
}

ul.pagination a { 
	display:block; 	
	font-family: Georgia, serif;
	color: #999999;
	font-style: italic;
	font-weight: bold;
	padding: 5px 0 10px 18px;
}

ul.pagination li.active, ul.pagination li:hover {
	background-position:0 -36px;	
}

ul.pagination li.active a, ul.pagination li:hover a {
	color: #ff0600;
}

#loopedSlider .previous { 
	background:url(/templates/soundpress/images/slider/back.png) no-repeat top left;
	height: 15px;
	width: 55px;
	position: absolute;
	top: 2px;
	left: 5px;
	z-index: 80;
}

#loopedSlider .next { 
	background:url(/templates/soundpress/images/slider/next.png) no-repeat top left;
	height: 15px;
	width: 55px;
	position: absolute;
	top: 2px;
	left: 323px;
	z-index: 80;
}

/* SAY Slider */

#saySlider  
{
	background-color: #2a4b09;
	padding-top: 5px;
	height: 213px;
}

#saySlider .container { 
	background: url(/templates/soundpress/images/slider/saySliderBg.jpg) no-repeat top left;
	margin: 0 auto;
	width:960px; 
	height:215px; 
	overflow:hidden; 
	position:relative;
	margin-top: 5px;
}

#saySlider .fades {
	left: 30px;	
}

#saySlider .fades div{
	position: absolute;
	left: 0px;
	top:30px;
	width: 425px;
	height: 150px;
}

#saySlider .next {
	background:url(/templates/soundpress/images/slider/saySliderNext.png) no-repeat top left;
	position: absolute;
	top: 80px;
	right: -4px;
	height: 42px; 
	width: 35px;
	z-index: 80;
}

#saySlider .previous {
	background:url(/templates/soundpress/images/slider/saySliderPrevious.png) no-repeat top left;
	position: absolute;
	top: 80px;
	left: -4px;
	height: 42px; 
	width: 35px;
	z-index: 80;
}

#saySlider .previous:hover, #saySlider .next:hover {
	background-position: 0px -43px;
}

/* saySlider text styles */

#saySlider .slides  div {
	padding:30px 0 0 500px;	
}

#saySlider h3 {
	color: #1571b6;
	padding: 0;
	width: 420px;
}	

#saySlider p {
	width: 420px;
}

#saySlider img {
	float: left;
	padding: 0 25px 0 4px;
}

.goLink { 
	background:url(/templates/soundpress/images/slider/goFlag.png) no-repeat top left;
	height: 35px;
	width: 100px;
	position: absolute;
}

.goLink:hover {
	background-position: 0px -40px;	
}

.fadesGoLink {
	position: absolute;
	right: -20px;
	bottom: 0px;
	z-index: 100
	
}

.slidesGoLink {
	position: absolute;
	left: 860px;
	bottom: 0px;
	z-index: 100
	
}