.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 988px;
height: 299px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 968px;
background:#fff;
}
.bg1{
	background:url(../images/slidebg1.png) top left no-repeat;
}
.bg2{
	background:url(../images/slidebg2.png) top left no-repeat;
}
.bg3{
	background:url(../images/slidebg3.png) top left no-repeat;
}
.bg4{
	background:url(../images/slidebg4.png) top left no-repeat;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 935px;
height:79px;
position:relative;
text-align:left;
margin:0px auto;
padding-left:53px;
background:url(../images/slidenav-rep.png) top center no-repeat;
 /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: block;
float:left;
padding:0 0 0 21px;
margin-right: 15px;
font-weight: bold;
text-decoration: none;
}
.glidecontenttoggler a.first{
	margin-left:10px;
}
.glidecontenttoggler a span{
	display:block;
	float:left;
	padding:13px 30px 18px 9px;
	color:#ffffff;
	cursor:pointer;
	font:bold 20px Arial, Helvetica, sans-serif;
}
.glidecontenttoggler a span b{
	color:#393939;
	font-weight:normal;
	font-size:11px;
}
.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background:url(../images/slidetab-left.gif) top left no-repeat;
color:#093053;
}
.glidecontenttoggler a.selected span{
	color:#093053;
	background:url(../images/slidetab-right.gif) top right no-repeat;
}
.glidecontenttoggler a.selected span b{
	color:#000000;
}
.glidecontenttoggler a:hover{
color:#093053;
}



.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ 
padding:0px;
position:absolute;
top:-4px;
background:none;
}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{ 
	background:none;
}
.glidecontenttoggler a.prev{
	left:0px;
}
.glidecontenttoggler a.next{
	right:-8px;
}
.slider-inner{
width:536px;
float:left;
padding:15px 10px 15px 20px;
}
.slider-inner h2{
color:#4c0101;
padding-bottom:12px;
}
.slider-inner h3{
color:#000000;
font-size:14px;
font-weight:normal;
padding:12px 0;
}
.slider-img{
padding-right:13px;
}