/*
Template Name: School Education
File: Featured Slider CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

#featured_slide {
	position:relative;
	
	display:block;
	
	height:300px;
	overflow:hidden;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;

	}


#featured_slide h1,  #featured_slide h3, #featured_slide h4, #featured_slide h5, #featured_slide h6{
	margin:0 0 8px 0;
	padding:0 0 8px 0;
	line-height:normal;
	font-size:32px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #CCCCCC;
	}

/* ----------------------------------------------Content-------------------------------------*/

.featured_box{
	position:relative;
	display:block;
	width:100%;
	height:300px;
	}

	.im{
	display:block;
	float:left;
	width:680px;
	height:300px;
	}

.featured_box .floater{
	display:inline;
	float:right;
	width:315px;
 margin-left:5px;
 border-top-left-radius:5px;
 border-top-right-radius:5px;
	background-color:#3C2D21;
	height:300px
	}



.featured_box p.readmore{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:right;
	line-height:normal;
	text-transform:uppercase;
	}

/* ----------------------------------------------Navigation Buttons-------------------------------------*/

/*

Navigation dynamically created using: jquery.cycle.setup.js and jquery.cycle.min.js

HTML Output:

<div id="fsn">
  <ul id="fs_pagination">
    <li><a href="javascript:void()">1</a></li>
    <li><a href="javascript:void()">2</a></li>
    <li><a href="javascript:void()">3</a></li>
    <li><a href="javascript:void()">4</a></li>
    <li><a href="javascript:void()">5</a></li>
  </ul>
</div>

*/