/* SLIDER
============================================================== */
h2 {
	color:#222;
	font-weight:normal;
	font: 1em/1.3em Arial, Helvetica, sans-serif;
}
h2.featuredTitle { 
	font-size:20px;
	line-height:1.1em;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
}
h2.featuredTitle a {
	color:#fff;
	display:block;
	padding:6px 5px 3px 6px;
}
h2.featuredTitle a:hover {
	text-decoration:underline;
}
#mainContentSlider {
	float:left;
	width:515px;
	margin-right:10px;
	display:inline;
	position:relative;
}
.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 515px; /*width of featured content slider*/
	height: 298px;
}
.sliderPostInfo { /* Post title and if enabled excerpt wrapper for featured slider */
	position:absolute;
	bottom:0px;
	width:495px;
	min-height:55px;
	background: url(sans-default/bgTransparent.png);
}
.sliderPostInfo p { /* Post excerpt style on featured slider */
	color:#fff;
	font-size:1.1em;
	padding:3px 5px 5px 6px;
}
.sliderwrapper img {
	display:block;
	height:278px;
	width:495px;
}
.contentdiv{ /* do not change the name of class - The size of contentdiv is 495x270 (after excluding padding value) */
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	border:10px solid #efefef;
	z-index:1;
}
.pagination{ /* do not change the name of class - used to wrap thumbnails for featured area */
	display:block;
	background-color: #efefef;
	padding:0 10px 10px 2px;
	margin-bottom:15px;
}
.pagination img{ 
	margin-left:8px;
}
.pagination a img{
	border-top:4px solid #fff;
	padding-top:5px;
	display:block;
	float:left;
}
.pagination a:hover img, .pagination a.selected img{
	border-top:4px solid #b80000;
	padding-top:5px;
}

.clear{clear:both;}