/*
 * jQuery FlexSlider v1.4
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #456D93; position: relative; z-index:1; }
.flexslider .slides li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative;}


/* Caption style */
.flex-caption {width: 33%%; padding: 2%; position: absolute; left: 0; top: 0; height: 88.88%; background: rgba(0,0,0,.5); color: #fff; font-size: .9375em; line-height: 1.5em;  font-family: 'Lato', sans-serif; width: 333px;}
.flex-caption span {font-size: 2em; line-height: .9em; }
.flex-caption span a { color: #FFF; text-decoration: none; display: block; margin: 10px 0 0;}

/* Control Nav */
.flex-control-nav {margin-left: -31px; position: absolute; bottom: 20px; right: 4%; z-index: 100;}
.flex-control-nav li {margin: 0 0 0 10px; float: left;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a { width: 8px; height: 8px; background: url(http://localhost:8888/houseofjai/img/controlNav_bg.png) left top no-repeat; display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -8px;}
.flex-control-nav li a.active {background-position: 0 -8px; cursor: default;}