/** 
 *  sliderkit-demos.css
 *	> CSS code for demos
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2012 Alan Frog
 *  Licensed under the GNU General Public License
 *  See <license.txt> or <http://www.gnu.org/licenses/>
 *
 */


/*
 *  NEWS SLIDERS
 *  ------------------------------------------------
 */

/*---------------------------------
 *	News slider > Vertical
 *---------------------------------*/			
.newslider-vertical{width:920px;height:340px;}

/* Nav */
.newslider-vertical .sliderkit-nav{width:220px;right:0;}
.newslider-vertical .sliderkit-nav-clip li {height:114px;width:220px;}
.newslider-vertical .sliderkit-nav-clip li.sliderkit-selected{background:none;}
.newslider-vertical .sliderkit-nav-clip li a{height:114px;width:220px;padding:0px 0px 0px 0px;text-align:center;font-size:1.3em;color:#fff;text-decoration:none;}
.newslider-vertical .sliderkit-nav-clip li a:hover,
.newslider-vertical .sliderkit-nav-clip li a:focus{color:#fff;}

/* Panel */
.newslider-vertical .sliderkit-panels{position:absolute;width:920px;height:340px;z-index:8;}
.newslider-vertical .sliderkit-panel{left:0;top:0;width:920px;height:340px;background:#fff;}

/* My Panels - Custom CSS */
.family{
		background: url('../img/family.png') !important;
		height: 114px !important;
		position:relative;
		z-index:10;
	}
	.family:hover{
		background: url('../img/family_hover.png') no-repeat  !important;
	}
	
	.business{
		background: url('../img/business.png') !important;
		height: 114px !important;
		position:relative;
		z-index:10;
		}
	.business:hover{
		background: url('../img/business_hover.png') no-repeat  !important;
	
	}
		
	.military{
		background: url('../img/military.png') no-repeat  !important;
		height: 114px !important;
		position:relative;
		z-index:10;
	}
	
	.military:hover{
		background: url('../img/military_hover.png') no-repeat  !important;	
	}
		
	.slidercontainer{
		width:920px;
		overflow:hidden;
		margin: 0 auto;
		position: relative;
		border: 10px solid #fff;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	}
	.slidercontainer h1{
		font-family: 'Amaranth', sans-serif;
		font-size:45px;
		color:white;
		line-height: 30px;
	
	}
	
	.slidercontainer h2{
		font-family: 'Amaranth', sans-serif;
		font-style:italic;
		font-size:22px;
		color:white;
		line-height:20px;
	}
	
.button {
   float: right;
   margin-top: 30px; /* Added to dont overlap result box */
   width: 50px;
   height: 30px;
   text-align: center;
   background: #ccc;
   border: 1px solid #333; 
   }
   

.family-text p, .business-text p, .military-text p{
   width:350px !important;
   margin:0 auto;
   float:left;
   margin-left:10px;
   font-family: 'Amaranth', sans-serif;
   font-size:18px;
}

.miles{
	font-family: 'Amaranth', sans-serif;
	font-size:18px;
	float:right !important;
	margin-right:250px !important;
}

.sliderkit-nav-clip li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	padding-top: 15px;
	position: relative;
	z-index: 10;
}

.family-text, .military-text, .business-text {
   overflow: hidden;
   float: right;
   width: 570px;
   height:290px;
   right:0;
   background: #ffffff;
   display:none;
   position: absolute;
   z-index:9;
   padding: 15px;
}

.family-text h2, .business-text h2, .military-text h2{
	position: relative;
	bottom: 15px;
	right: 15px;
	margin-top:0;
	margin-bottom: 0;
	padding: 10px 10px;
	font-family: 'Amaranth', sans-serif;
	font-size:22px;
	font-weight:700;
	font-style:normal;
}



.family-text{
   border:10px solid #ffa200;	
}

.business-text{
	border:10px solid #a6a6a6;
}

.military-text{
	border:10px solid #1682c7;
}

.military-text h2{
	background-color:#0a6198;
}

.family-text h2{
	background-color:#de7000;
}

.business-text h2{
	background-color:#838383;
}