/*
Template Name: Ost Magazine
File: Featured Slider CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>
*/

#featured_slide {
	position:relative;
	margin:0 0 0 13px;
	display:block;
	width:420px;
	height:355px;
	overflow:hidden;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}


#featured_slide a, #featured_slide ul, #featured_slide img, #featured_slide p{
	margin:0;
	padding:0;
	border:none;
	font-size:13px;
	outline:none;
	list-style:none;
	text-decoration:none;
	line-height:normal;
	}


#featured_slide h2{
	margin:0;
	padding:0;
	line-height:normal;
	font-size:20px;
	letter-spacing: -1px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	border-bottom:none;
	}


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

.featured_box{
	position:relative;
	display:block;
	width:418px;
	margin:0;
	position:absolute;
	display:none;
	z-index:3;
	border:#333333 thin solid;
	}

.featured_box img{
	width:418px;
	height:278px;
	}
	
.featured_box .floater{
	position:absolute;
	color:#333333;
	top:285px;
	left:-1px;
	width:398px;
	height:40px;
	margin:0;
	padding:10px;
	overflow:hidden;
	border:#CCC thin solid;
	}

.featured_box .floater p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
	
/* ----------------------------------------------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>

*/

#fsn{
	position:relative;
	background:url(../images/sliderMenuBG.jpg) 0 0 no-repeat;
	margin:0 0 0 13px;
	display:block;
	width:420px;
	height:60px;
	z-index:10;
	overflow:hidden;
	}

#fsn ul{
	position:absolute;
	/*bottom:90px;
	left:-20px;*/
	margin:0;
	display:block;
	padding:0;
	width:420px;
	height:60px;
	overflow:hidden;
	list-style:none;
	}

#fsn ul li a{
display:block;
float:left;
line-height:15px;
border:none;
outline:none;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
height:56px;
padding:15px 0 0 10px;
}

#fsn ul li a:hover{
height:56px;
background:url(../images/sliderMenuHover.jpg) repeat-x;
text-decoration:none;
}

#fsn ul li.menuWeb a{
width:103px;
margin:2px 0 0 2px;
}
#fsn ul li.menuWeb a:hover{
width:103px;
margin:2px 0 0 2px;
color:#990000;
}

#fsn ul li.menuGraphics a{
width:136px;
margin:2px 0 0 3px;
}
#fsn ul li.menuGraphics a:hover{
width:136px;
margin:2px 0 0 3px;
color:#339933;
}

#fsn ul li.menuPrint a{
width:141px;
margin:2px 0 0 3px;
}
#fsn ul li.menuPrint a:hover{
width:141px;
margin:2px 0 0 3px;
color:#006699;
}