/*
	34 Responsive Grid System
	Multi-state, responsive CSS grid system

	Developer	: Joseph Ndung'u Gitau
*/



/* 
	Reset styles.
	============================================================ CONTAINER ====
*/
/* I didn't add any reset styles, use your own */



/* 
	Main width-controller for your content. think ".container"
	class as a holder for ".row" classes for a basic layout.
	Default centered with margin 0 auto; style.
	============================================================ CONTAINER ====
*/
.container {max-width: 1200px; margin: 0 auto; background: #fff;-webkit-box-shadow: 0px 0px 25px 10px rgba(234,234,234,1); -moz-box-shadow: 0px 0px 25px 10px rgba(234,234,234,1); box-shadow: 0px 0px 25px 10px rgba(234,234,234,1); }



/* 
	Main grouping blocks. You can dump "n*100%"" width content to a
	single ".row". (with the little help of .skip-float and manual 
	.user-float classes)
	================================================================== ROW ====
*/
.row { width: 100%; }



/* 
	A basic transitions for immediate childs of ".row" classes. I added 
	transitions assuming your html layout keeps "col_*"" elements right 
	after ".row" classes. (col_*'s are immediate childs of .row's) 
	Delete this block to get rid of transitions.
	(transitions are incompatible with some browsers. 
	("some browsers" usually refers to internet explorer :)
	====================================================== ROW TRANSITIONS ====
*/
.row > * {
	-webkit-transition	: all 400ms ease-out;
	-moz-transition		: all 400ms ease-out;
	-o-transition		: all 400ms ease-out;
	-ms-transition		: all 400ms ease-out;
	transition			: all 400ms ease-out;	
}



/* 
	Auto clearfix for all rows. Borrowed from HTML5BOILERPLATE.
	====================================================== ROW TRANSITIONS ====
*/
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
.row { *zoom: 1; }



/* 
	Column (col_*) and complement (col_*c) classes.
	.col_0 class is not a must but i added it to
	keep things organized. You can use it for 
	marginless 100% widths.
	================================================ COLUMNS & COMPLEMENTS ====
*/

/* columns & complements (autogenerated styles) */
.col_0 {
	width: 100%;
	margin-bottom: 10px;
	display: block;
}

.col_1,
.col_2,
.col_3, .col_3c {
	margin-left		: 1%;
	margin-right	: 1%;
	margin-bottom	: .5em;
	float		: left;
	display		: block;
}

/* columns (autogenerated styles) */
.col_1 { width: 98%; }
.col_2 { width: 48%; }
.col_3 { width: 31.3333333334%; }

/* complements (autogenerated styles) */
.col_3c { width: 64.6666666666%; }

/* 
	100% width auto control for "img", "object" and
	"embed" controls.
	============================================ IMAGE FULL WIDTH CONTROLS ====
*/
img, object, embed { max-width: 100%; }
img { height: auto; }
figure img { max-width: 100%; }



/* 
	Use ".skip-float" class to start from brand new lines.
	Clears left of current 100% group for new 100% 
	lines in same ".row" group.
	@see webpage for details
	=============================================== FLOATING PROBLEM FIXER ====
*/
.skip-float { clear: left; }



/*	
	CSS hack for responsive videos.
	@see http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
	@see http://webdesignerwall.com/tutorials/css-elastic-videos
	========================================================= VIDEO HOLDER ====
*/
.video-holder {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	display: block;
}

.video-holder iframe, .video-holder object, .video-holder embed {
	position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;
}

/* Site specific styling -> Equity Jikaze na Bob*/
html,body{
	overflow-x: hidden;
}
body{
	background-image: url(../images/css/body-bg.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

h1, h2, h3, h4, h5{
	color: #a84d0f;
	text-transform: uppercase;
	font-family: 'dinregular';
}
h5{
	text-transform: none;
}
h1{
	font-size: 120%;
}
h2{
	font-size: 107.5%;
}
h3{
	font-size: 100%;
}
h4{
	font-size: 92.5%;
}
table, li, p{
	font-size: 85%;
}
th{
	text-align: left;
}
a, a:visited{
	text-decoration: none;
	color: #a84d0f;
}
a:hover{
	color: #757474;
}
a.selected{
	color: #fabd58 !important;
}
a img{
	border: none;
}
button, a button{
	padding: .2em 1.5em;
	border-radius: .3em;-webkit-border-radius: .3em;-moz-border-radius: .3em; -khtml-border-radius: .3em; -o-border-radius: .3em;
	border-width: 0;
	font-size: 100%;
	font-family: 'dinlight';
	background: #8b421e;
	background-image: url(../images/css/button-bg.png);
	background-repeat: repeat-x;
	color: #fff;
}
ul{
	padding: 0;
	overflow: hidden;
	margin: 0;
}
 /*we messed your code trhis fix prevents the here line from dropping to the next line */
li a{
	/*display: block;*/
}	
a[href], input[type='submit'], input[type='image'], label[for], select, button, img, .pointer, .tabs-list {
       cursor: pointer;
}
.base{
	position: relative;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.clearfix{
	clear: both;
}
.hide{
	display: none;
}
header.header, div.content, footer.footer div{
	width: 100%;
	margin: auto;
}
span{
	display: block;
}
div.top{
	background: #ebebeb; /* for non-css3 browsers */
	background-image: url(../images/css/top-bg.png); 
	background-repeat-y:no-repeat;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
	background-image: -webkit-linear-gradient(top, #fff, #eee); 
	background-image:    -moz-linear-gradient(top, #fff, #eee);
	background-image:     -ms-linear-gradient(top, #fff, #eee);
	background-image:      -o-linear-gradient(top, #fff, #eee);
}
div.top > *{
	float: left;
	padding: .25em;
}
div.top.fix{
	position: fixed;
	top: 0;
	z-index: 1;
	width: 95%;
}
div.top > img{
	width: 150px;
}
ul.nav{
	list-style: none;
	text-transform: uppercase;
	
}
div.top > ul.nav{
	float: right;
	margin: 0;
	font-size: 90%;
	margin: .75em;
	margin-top: 2em;
}
ul.nav > li{
	float: left;
	border-right:#bcbcbc solid 1px;
	border-left:#fff solid 1px;
	padding: .25em .5em;
}
ul.nav > li:first-child{
	border-left: none;
}
ul.nav > li:last-child{
	border-right: none;
}
div.top > ul.nav > li{
	border: none;
}
div.top > ul.nav > li > a{
	color:#757474;
	font-family: 'Roboto', sans-serif;
	text-decoration: underline;
}
div.top > ul.nav > li > a:hover{
	color:#a84d0f;
}
div.menu{
	background: #ebebeb; /* for non-css3 browsers */
	background-image: url(../images/css/top-bg.png); 
	background-repeat-y:no-repeat;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#dedede));
	background-image: -webkit-linear-gradient(top, #fff, #dedede); 
	background-image:    -moz-linear-gradient(top, #fff, #dedede);
	background-image:     -ms-linear-gradient(top, #fff, #dedede);
	background-image:      -o-linear-gradient(top, #fff, #dedede);
}
div.menu > ul.nav{
	width: 75%;
	float: left;
}
div.menu > ul.nav > li{
	min-width: 19.5%;
	text-align: center;
	padding:0;
	margin: .5em auto;
	line-height: 2.5em;
} 
div.menu > ul.nav > li > a{
	color:#a84d0f;
	font-family: 'Roboto', sans-serif;
	font-size: 95%;
	font-weight: bold;
}
div.menu > ul.nav > li > a:hover{
	color:#a84d0f;
}
div.mobile-menu{
	float: none;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding:0;
	z-index: 6;
}
div.mobile-menu > *{
	float: right;
}
div.mobile-menu > span{
	background: transparent;
	background-image: url(../images/css/mobile-menu-bg.png);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
	width: 5em;
	height: 6em;
}
div.mobile-menu-list{
	background: #fff;
	border: #eaeaea solid 1px;
}
div.mobile-menu-list > ul{
	margin: 1em;
	font-family: 'Roboto', sans-serif;
	letter-spacing: .1em;
}
div.mobile-menu-list > ul > p{
	width: 100%;
	text-transform: uppercase;
	margin: 0 -1em;
	padding: 0.5em 2em;
	background: #f1e6de;
	color: #a84d0f;
	font-family: 'dinregular';
	/*border-top: #fceade solid 1px;*/
	border-bottom: #fceade solid 1px;
}
div.mobile-menu-list > ul > li{
	border-bottom: #eaeaea dotted 1px;
	padding: .5em .75em;
	margin-bottom: .75em;
}
div.banner{
	border-bottom: #f7be6a solid .75em;
}
div.banner > img{
	width: 100%;
}
div.banner-slider{
	margin-top: 3em;
}
div.banner-slider img{
	width: 100%;
}
div.content{
	background-image: url(../images/css/info-bg.png); 
	background-repeat:no-repeat;
	background-position:left bottom;
	padding: 0 0 1em 0;
	margin-bottom: -1%;
	width: 98%;
	margin-left: 2%;
}
div.content > div{
	margin-bottom: 0;
	margin-top: .75em;
}
div.content p{
	font-family: 'helveticalight';
	color: #090a0c
}
div.content li{
	color: #090a0c
}
div.content ul.intro{
	font-family: 'dinlight';
	color: #090a0c
	padding-left: 1em;
}
div.main{
	margin-left: 0;
}
div.info{
	background-image: url(../images/css/info-bg.png); 
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin-bottom: .75em;	
	font-family: 'dinlight';
}
div.info p{
	font-family: 'dinlight';
}
div.info ul:first-of-type{
	padding-left: 1em;
}
ul.options, ul.hover{
	list-style: none;
}
ul.options > li, ul.hover > li{
	float: left;
	padding: .225em;
	text-align: center;
	width: 13%;
	cursor: pointer;
}
ul.hover > li{
	width: 15%;
}
ul.options > li > a > img, ul.options > li > img{
	width: 100%;
}
ul.options > li > a > p, ul.options > li > p, ul.hover > li > a > p, ul.hover > li > p{
	font-size: 80%;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
ul.options > li > a > p, ul.options > li > p{
	font-size: 70%;
}
div.desc > div, div.cs-banks{
	border: #fceade solid 1px;
	background: #f8f6f5;
	margin-top: .75em;
}
div.cs-banks h3{
	padding: 0 1em;
}
.desc-items{
	display: none;
	list-style: none;
}
div.excerpt{
	padding-top: .25em;
	padding-bottom: .75em;
}
div.excerpt > div.desc-items, div.summary > div{
	border: none;
	background: transparent;
}
div.excerpt > div > *{
	padding-left: 0;
	margin-left: 0;
}
div.excerpt > div.desc-items > ol{
 	margin-left: 2em;
 }
div.desc > div > *{
	margin: 1em;
}
div.desc > div > table.details{
	margin: 0;
}
div.info > div > div ul, div.desc > div ul, div.tabs-container > div > ol, div.tabs-container > div > p, div.desc-items > ol, div.desc > div p{
	font-family: 'dinlight';
	color: #090a0c
}
div.info > div > div ul, div.desc > div ul, div.tabs-container > div > ol{
	padding:0;
}
div.desc > div ul{
	padding:0  2em !important;
}
div.desc > div ul.tabs-list{
	padding: 0 !important;
	margin-bottom: 0;
}
div.desc > div ul.tabs-list li{
	padding: .25em .75em;
}
div.desc > div ul.tabs-list li.selected, div.info > ul.tabs-list li.selected, div.info > center > ul.tabs-list li.selected{
	background: #f7bd6b;
}
div > ul.native{
	padding-left: 2em !important;
}
div.desc > div > div.tabs-container{
	margin: 0;
}
div.info > div.tabs-container > div, div.desc-items > div.tabs-container > div{
	border: none;
	box-shadow: 0px -5px 4px 0px #eaeaea;
	padding: 1em;
	margin: 0;
}
div.summary > div.desc-items, div.summary > div.desc-items > div.tabs-container > div, div.summary > div > div > div{
	box-shadow: none;
	border: #eaeaea solid 1px;
	background: #f6f6f6;
	margin: 0;
	margin-bottom: 1em;
}
div.summary > div.desc-items{
	margin: 0;
}
div.desc > div > div > div > table {
	text-align: left;
	color: #5b5b5b;
	font-family: 'dinlight';
}
div.desc > div > div > div > table th{
	font-family: 'Roboto', sans-serif;
	letter-spacing: .05em;
}
table.details{
	width: 100%;
	border: #fef2ea solid 1px;
	font-size: 80%;
	font-family: 'dinlight';
}
table.details > thead{
	background:#f5ece6;
	border:none;
	width: 100%;
	color: #a54b0e;
	font-family: 'dinregular';
	font-size: 110%;
	border-spacing:0;
    border-collapse:collapse;
}
table.details > thead > tr > th{
	padding: .5em;
	border: #f5ece6 solid 1px;
	border-collapse: collapse;
}
table.details > thead > tr > .first, table.details > thead > tr > .third{
	width: 37.5%;
}
table.details > thead > tr > th.second{
	width: 25%;
	background: #f1e6de;
	text-align: center;
}
table.details > thead > tr > .first, table.details > tbody > tr > .first{
	border-right: #f1e9e2 solid 1px;
}
table.details > tbody{
	color: #090a0c;
}
table.details > tbody > tr > .second{
	background:#fbf8f6;
	border-collapse: collapse;
	font-family: 'dinregular';
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}
table.details > tbody > tr > .third{
	text-align: center;
}
table.details > thead > tr > .third, table.details > tbody > tr > .third{
	border-left: #f1e9e2 solid 1px;
}
table.details > tbody > tr > td{
	border-bottom: #f1e9e2 solid 2px;
	padding: 1%;
}
table.details > tbody > tr > td > a > button{
	padding: .5em 1.25em;
	font-size: 80%;
	text-transform: uppercase;
	margin: .5em;
	margin-top: 0;
	font-family: 'dinregular';
}
table.details > tbody > tr.last > td{
	border-bottom: none;
}
div.sidebar{
	right:0;
	margin-right: 0;
	background: url(../images/css/sidebar-bg.png);
	background-repeat:repeat-y; 
	background-size: 100%;
	border-left: #f8f0eb solid 1px;
}
div.sidebar > *{
	width: 90%;
	font-family: 'dinlight';
	margin: auto;
}
div.image-links > div > div img{
	width: 80%;
	max-width: 240px;
	min-width: 100px;
	display: block;
	margin:auto;
}
div.contacts > h4, div.downloads > ul > li{
	color: #fff;
	background: #dab69d;
	text-align: center;
	padding: .5em;
	margin-bottom: 0;
}
div.contacts > div {
	padding: 2.5%;
	text-transform: uppercase;
	font-size: 80%;
	width: 80%;
	margin: auto;
	border-bottom: #eaeaea solid 1px;
	font-family: 'helveticalight';
}
div.contacts > div p > a{
	text-transform: none;
}
div.contacts > div.social{
	border: none;
}
div.contacts > div > img{
	margin-right: 5%;
	vertical-align: text-bottom;
}
div.accordion> h4{
	color: #fff;
	background: #c5c5c5;
	padding: .5em 1em;
	margin-bottom: 0;
}
div.accordion ul{
	background: #fff;
	list-style: none;
}
div.accordion > ul.accordion-list{
	padding:0 !important;
}
div.accordion ul.accordion-list > li{
	background: #fbfbfb;
	width: 96%;
	padding: .5em 2%;
	padding-top: 1em;
	color: #c5c5c5;
	font-family: 'Roboto', sans-serif;
	margin-bottom: .25em;
	cursor: pointer;
}
div.accordion ul > li:last-child{
	margin-bottom: 0;
}
div.accordion ul.accordion-list > li.faqs{
	text-transform: none;
	font-weight: normal;
}
div.local-accounts ol li{
	padding: .25em 0;
}	
div.quick-links{
	margin-top: .8em;
}
ul.accordion-list > li{
	background: #e2dcdc !important;
	color: #858585 !important;
	text-transform: uppercase;
	font-weight: bold;
}
ul.accordion-list > li.selected{
	background: #f7bd6b !important;
	color: #9c4e0f !important;
}
div.accordion-container > div {
	display: none;
	background: #fff;
	padding: 1em;
	*display: block;
}
div.accordion-container > .hide-accordion{
	display: none;
	*display: block;
}
div.accordion-container > div.local-accounts > ol{
	margin: 0;
	list-style: none;
	padding: 0;
}
div.accordion-container > div.local-accounts > ol > li{
	text-transform: uppercase;
	font-size: 65%;
	border-bottom: #f9f9f9 solid 1px;
	border-top: #f7f7f7 solid 1px;
	padding: .5em 1.25em;
	padding-right: 1.75em;
	background-image: url(../images/css/downloads-bg.png);
	background-repeat: no-repeat;
	background-position:98% 50%;
}
div.accordion-container > div > ol > li:first-child{
	border-top: none;
}	
div.accordion-container > div > ol > li:last-child{
	border-bottom: none;
}
div.table{
	padding:0;
}
div.tr{
	border:#f9b074 solid 0.1em;
	border-top: none;
}
div.tr p{
	color: #333;
	font-size: 75%;
	margin: .5em;
	word-wrap:break-word;
	font-family: 'Roboto', sans-serif;
}
div.tr.thead{
	background: #f79646;
}
div.tr.thead p{
	color: #fff;
	text-transform: uppercase;
}
div.tr.odd{
	background: #fde4d0;
}
div.tr > div {
	width:22%;
	float: left;
	padding: 0 1.5%;
}
div.td.first p{
	font-weight: bold;
}
form{
	width:100%;
	max-width: 500px;
	margin: auto;
}
form legend{
	color: #f7be6a;
	font-family: 'dinregular';
	border-bottom: #f7be6a solid 1px;
	width: 96%;
	padding-bottom: .1em;
	margin-bottom: .1em;
}
div.message h6{
	border: #f7be6a solid 1px;
	padding: .25em 1em;
	width: 92%;
	color: #a84d0f;
	font-size: 80%;
	text-transform: uppercase;
	font-family:'Roboto', sans-serif;
}
div.message.error h6{
	color: #d3232f !important;
}
div.message.success h6{
	color: #00f !important;
}
div.input{
	width:100%;
	margin-top:1em;
}
div.input > label{
	display: block;
	min-width: 200px;
	font-family: 'dinlight';
	text-transform: uppercase;
	color: #a84d0f;
	margin-bottom: .25em;
}
div.input > label > em{
	text-transform: capitalize;
	font-size: 75%;
	left: 25%;
}
div.input > input[type='text'], div.input > input[type='email'], div.input > textarea {
	width: 95%;
	padding: .35em;
	border: #e3e3e3 solid .1em;
	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	-khtml-border-radius: .3em;
	-o-border-radius: .3em;
}
ul.tabs-list{
	width: 100%;
	list-style: none;
}
ul.tabs-list.main-tabs{
	width: 100%;
	margin: auto;
}
ul.tabs-list > li{
	float: left;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	text-align: center;
	background: #d7d7d7;
	height: 100%;
	padding: .2em;
	margin-right: 2%;
	color: #fff;
	margin-bottom: 0;
}
ul.tabs-list > li > img{
	vertical-align: middle;
	margin-right: .1em;
}
ul.tabs-list.main-tabs > li{
	padding: .5em 2.5em;
	box-shadow: 0px -2px 4px 2px #eaeaea;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	font-weight:bold;
	letter-spacing: .025em;
}
ul.tabs-list > li.selected{
	background: #dab59d;
}
div.tabs-container > div{
	border: #d7d7d7 solid 1px;
	padding: .5em;
	display: none;
	margin-right: 2.75%;
	box-shadow: 0px -5px 4px 2px #eaeaea;
}
div.info > div.main-tabs-container > div{
	box-shadow: none;
	border-top: #f9f3ef solid .15em;
	padding: 0;
	padding-top: .5em;
}
div.summary > div.desc-items >h4, div.tabs-container > div > h4{
	color: #616060;
}
div.tabs-container > div > ol{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 1em;
}
div.summary > div > div.tabs-container > div > ol{
	padding: 1.75em;
	padding-top: 0;
	list-style: decimal;
}
div.tabs-container > div > ol > li > a{
	color: #a84d0f;
	text-transform: uppercase;
	font-size: 80%;
	font-weight: 500;
}
div.tabs-container > div > ol > li > a:hover{
	color: #757474;
}
div.correspondent-bank-tabs > div{
	margin: 0;
	box-shadow: 0px -4px 6px 0px #eaeaea;
	border:none;
	border-top: #d7d7d7 solid 1px;
}
div.downloads > ul > li{

}
div.quick-links > ul{
	list-style-image: url(../images/css/links-image.png);
	padding-left: 7.5%;
}
div.quick-links > ul > li{
	margin: .5em auto;
}
div.quick-links > ul > li > a{
	color: #757474;
}
div.quick-links > ul > li > a:hover{
	color:#a84d0f;
}
div.footer{
	background: url(../images/css/footer-bg.png);
	font-family: 'dinlight';
}
div.footer > div{
	min-width: 290px;
	position: relative;
	margin-bottom: 0;
} 
div.footer.footer > div *{
	color: #090a0c;
}
div.footer > div > *{
	text-transform: none;
	margin: .5em 0;
}
div.footer > div > ul{
	list-style: none;
	margin-right: 1em;
	/*position: absolute;
	bottom: .5em;
	right: 3em;*/
}
div.footer > div > ul > li{
	list-style: none;
}
div.footer > div > ul > li > a{
	border-right: #707070 solid 1px;
	padding: 0 .25em;
}
div.footer > div > ul > li:first-child > a{
	border-right: none;
}
div.footer img{
	max-width: 40px;
	margin: 0 .5em 0 0;
}
div.social-foot{
	margin-bottom: 3em;
}
h3.message{
	margin-top: 2em;
	text-transform: capitalize;
	color: #fabd58;
}

/* The Nivo Slider styles */
 .nivoSlider {
	position:relative;
	background:#fff url(../images/slider/loading.gif) no-repeat 50% 50%;
   /* margin-bottom:10px;*/
   /* -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;*/
}
 .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	/*display:none;*/
}
 .nivoSlider a {
	border:0;
	display:block;
}

 .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
 .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../images/slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
 .nivo-controlNav a.active {
	background-position:0 -22px;
}

 .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
:hover .nivo-directionNav a { opacity: 1; }
 a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
 a.nivo-prevNav {
	left:15px;
}

 .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
 .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
 .nivo-caption a:hover {
    color:#fff;
}

 .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
 .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
 .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

/***************************/
.nivoSlider {
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:5%;
	background:url(../images/slider/caption-bg.png);
	background-repeat: no-repeat;
	color:#fff;
	width:50%;
	z-index:8;
	padding: .5em 1.75em;
	padding-right: 8%;
	opacity: 0.75;
	overflow: hidden;
	display: none;
}
.nivo-caption > *{
	opacity: 1.0;
}
.nivo-caption h2 {
	color: #fff;
	text-transform: none;
	margin: .25em auto;
	font-size: 180%;
}
.nivo-caption p {
	margin:0;
	font-family: 'dinlight';
	letter-spacing: .1em;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav{
	display: none;
}
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	margin: 0 auto; margin-top: -3em; position: absolute; z-index: 5;
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}




/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;-webkit-box-shadow: 0px 0px 25px 10px rgba(234,234,234,1); -moz-box-shadow: 0px 0px 25px 10px rgba(234,234,234,1); box-shadow: 0px 0px 25px 10px rgba(234,234,234,1);}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;/*url(../images/css/overlay.png) */repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px;}
#cboxTopRight{width:21px; height:21px; }
#cboxBottomLeft{width:21px; height:21px; }
#cboxBottomRight{width:21px; height:21px; }
#cboxMiddleLeft{width:21px; }
#cboxMiddleRight{width:21px; }
#cboxTopCenter{height:21px; }
#cboxBottomCenter{height:21px; }
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;padding: 1em;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../images/css/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/css/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/css/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; top:0; right:0; background:url(../images/css/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
div.search_div{width: 24%; float: left; position: relative;}
div.search_div form input.search{width: 150px; height: 30px; border: 1px solid #cccccc; line-height: 2em; background: #ffffff; background-repeat: no-repeat; background-position: right center; float: right; outline: none; padding-left: 10px; padding-right: 25px;}
div.search_div form input.search-icon{position: absolute; top: 1em; right: 1.75em;}
div.search_div fieldset{border: none;}
div.capture-div form input{}

ul.form-nav{border-bottom: #f4f4f4 solid .15em; margin-top: .5em;}
ul.form-nav li{float: left; list-style: none; margin: 0em .75em; padding: .5em 1em; background: #f4f4f4; color: #C5C5C5; cursor: pointer;}
ul.form-nav li:first-child{margin-left:0em;}
ul.form-nav li.current{background: #f7be6a; color: #fff;}
div.loan-application form{max-width: 100%;font-family: 'helveticalight' sans-serif;}
div.loan-application fieldset{border: #f7be6a solid .1em;background: #fff;}
div.loan-application legend{width: auto;font-family: 'helveticalight' sans-serif; padding: .5em;background: #fff; border: none;}
div.loan-application .half{width: 50%; float: left;}
div.loan-application .third{width: 33.3%; float: left;}
div.loan-application label{text-transform: capitalize;font-family: 'helveticalight' sans-serif; font-size: 90%;}
div.label{margin: 1em 0em 0em;}
div.label label{ width: 100%; display: block;}
div.label .input{margin: .25em 0em 0em;}
div.label .input label{font-size: 75%;}
div.loan-application small{padding: 0em .5em; color: #ff0011;}
div.loan-application select, div.loan-application input[type="text"], div.loan-application input[type="email"], div.loan-application textarea
{width: 97%; padding: .35em 1%; border: #e3e3e3 solid .1em; border-radius: .3em; -webkit-border-radius: .3em; -moz-border-radius: .3em; -khtml-border-radius: .3em; -o-border-radius: .3em;font-size: .82em; line-height: 1.5em;font-family: 'helveticalight' sans-serif; outline: none;}
div.loan-application select, cite{font-size: 80%; font-style: normal;}
div.loan-application select{margin-bottom:1em;}
div.loan-application button{outline: none;}
div.half select, div.half input[type="text"], div.half input[type="email"], div.half textarea{width: 96%}
div.third select, div.third input[type="text"], div.third input[type="email"], div.third textarea{width: 95%}
div.loan-application button.next-button{float: right;}