@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
@import url("animate.css");
@import url("skeleton.css");
@import url("font-awesome.min.css");

* {margin:0; padding:0; border:0; font-family: 'Open Sans', sans-serif; font-weight: 400; }
html{}
/* font weights available 300-light, 400-normal, 600-semi-bold*/
body{background: #FFF url(../images/white_texture.jpg); color: #000; font-weight: 300;}
	
a{color: #75263D;}
a:hover{text-decoration: underline}

img{border:0; padding:0; margin:0;}

h1, h2, h3, h4, h5, h6{
	padding: 0;
	margin: 1em 0 .5em 0;
	font-weight: 300;
	font-size: 1em;	
	}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top: 0;}
h1 {font-size: 1.9em; font-weight: 300; color: #333333; }
h2 {font-size: 1.4em; font-weight: 300; color: #75263D;}
h3 {font-size: 1.2em; font-weight: 600; color: #222222;}
h4 {font-size: 1em; color:#333; font-weight: normal; }
h5 {font-weight:bold; font-style:italic}

p {margin: 0; padding: 0 0 1em 0;}
b, strong {
	font-weight: 600;
}
em {
	font-style: italic;
}
ul, ol {margin-left: 2.5em; margin-bottom: 1em;}
li {padding-bottom: .3em;}

blockquote {margin-left: 2.5em;}

table {margin: 0 0 1em 0;}
table h1, table h2, table h3, table h4, table h5, table h6 {margin: 0; padding: 0;}
table h4 {color: #77B1D6;
	border-bottom: 1px dotted #DDDDDD;}

hr {
	margin: 10px 0px;
}
	
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}

input, input[type=text], input[type=email], input[type=password], textarea, select {border: 1px solid #999; border-radius: .3em; font-size: 1em; padding: .5em;}
input[type=checkbox], input[type=radio] {border: 0;}
input[type=button], input[type=submit], input[type=reset], button {padding: .3em .6em; background: #75263d; background-image: linear-gradient(180deg,  #a33e5b, #75263d); border:0; border-radius: .3em; font-weight: bold; color: #FFF; cursor: pointer;}

sup {font-size: 0.6em; font-weight: 600; line-height: .1em; text-transform: uppercase;}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{padding:.5em; color:#666666;}
.imgl{float:left; margin:0 .8em .8em 0; clear:left;}
.imgr{float:right; margin:0 0 .8em .8em; clear:right;}

p.center, td.center, h1.center, h2.center, h3.center, h4.center, h5.center, h6.center{text-align: center;}
table.center, div.center {margin: 0 auto;}

.clear {clear: both;}
.section-spacer {clear: both; background: transparent url(../images/bkg-page-spacer.png) top center no-repeat; height: 40px; margin-top: 2.5em;}

.readmore, .article .readmore, #contact_form .submit_btn {
	background: #75263d; background-image: linear-gradient(180deg,  #a33e5b, #75263d);
	border:1px solid #666666;
	display:inline-block;
	color:#FFF !important;
	font-size:.9em;
	font-weight:600;
	margin: 10px 0px 0px 0px;
	padding: .3em 1.3em;
	line-height: 1.6em;
	
	text-transform:uppercase;
}

.readmore:hover, .article .readmore:hover, #contact_form .submit_btn:hover {
	background: #75263d; background-image: linear-gradient(180deg,  #75263d, #a33e5b);
	
}
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    padding: 1em;
    display: block;
	font-size:.9em;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}
/* ---------------------------------  Layout   ----------------------------------*/


#header, #content, #content-advertisement{width: 100%; margin: 0 auto; position:relative;}
#header-inner, #footer-inner, #link-bank-inner, #top-bar-content, #content-inner{width: 1000px; margin: 0 auto;}
#content-inner{	padding: 2em 0;}

#logo {
	margin: 1em 0 0 0;
	float: left;
	position: relative;
	z-index: 9999
}
#logo a {
	background: url(../images/logo-2018.png) center no-repeat;
	background-size: contain;
	font-size: 1em;
	font-weight: 300;
	color: #35363E;
	display: block;
	width: 381px;
	height: 90px;
	text-indent: -9999em;
	overflow: hidden;
}
/* ---------------------------------  Login   ----------------------------------*/

#login {background: #35363e; display: block; position: relative; height:50px; z-index: 100;}
#login-inner {width: 1000px; margin: 0 auto;}
#login iframe {display: block; float: left; width: 70%; height: 30px; margin:.7em 0 0;}
#login h2 {display: block; float: left; margin: 0 1em 0 0; font-size: 1.3em; line-height:50px; font-weight:300; color: #FFF; text-transform:uppercase; border: 0;}
.login-divider {background:#818182; width:100%; height:2px; padding:0; margin:0; clear:both !important}
#login-toggle { display:none  }

#login .links {background:#03658C}
#login .links ul { margin:0; padding:0; text-align:center; clear:!important}
#login .links li {display:inline-block; list-style: none; margin:0; padding:0}
#login .links li a {display: block;  padding:2px ; font-size: .8em; color: #FFF; text-transform:uppercase;}
#login .links a:hover {text-decoration: underline;}
#login .links li.last {border-right: 0;}

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

#header {
	background: #FFF url(../images/bkg-nav.png) bottom repeat-x;
	height: 120px;
	padding: 1em 0;
}

#content-advertisement{background:#003d2b;}
#content-advertisement #content-inner{padding: 2em 0 0;}
#content-advertisement a{color:#FFF}

#top-bar {background: #117ab3;  background-image: linear-gradient(45deg, #117ab3 , #0b405d);}
#top-bar-inner {background: transparent url(../images/bkg-top-bar.png) top center repeat-x;}
#top-bar-content {}

.top-links {display: inline-block; float: left; list-style: none; margin: 1em 1em 0 3.5em;}
.top-links li {float: left; margin:0 0 0 1em; padding: 0; text-transform:uppercase}
.top-links a {display: inline-block; overflow: hidden; text-align:center; margin-top: .5em; font-size: .7em; color: #979898;}
.top-links a:hover {color:#03658C}
.top-links img { margin:0px 10px;}

/*-------------------------- SEARCH --------------------------*/
#search-field {display: inline-block; background:#979898; float: right; width:200px; height: 30px; border:0; border-radius: .4em; margin: 1em 0 0;}
#search-field-inner{margin: 0 auto; padding: 0;}
#search-field input[type=text]{background: none; display:block; float: left;  font-size: .8em; color:#FFF; border:0; padding: 5px; height:20px; width:150px}
#search-field .button {display: block;background: url(../images/icon-magnifier.png) no-repeat; float: right; width: 18px; height: 18px; line-height: 20px; margin: 0.3em 1em 0 0;  border: 0;cursor: pointer; text-indent:-9999px}

#main-column ul, #content-inner ul, #main-column ol, #content-inner ol{}
#main-column li, #content-inner li{}

#content-inner ol li{text-transform: none !important;}



.welcome h1 {margin-bottom: 0; line-height: 1em;}
.welcome h2 {margin-top: 0;}
.testimonial {
	color: #FFFFFF;
	font-size: 2em;
	text-align: center
}
#main-column {
	width: 62%;
	float: left;
}
#sidebar {color: #333; font-size: .9em; line-height: 1.4em; width: 35%; float: right;}
#sidebar img {-moz-border-radius: 0.4em; border-radius: 0.4em;}
#sidebar h4{text-transform: uppercase}
#main-column li a, #sidebar li a {}

.box {display: block; margin-bottom: 0em;}

.box h2 {
}
.box-image {} 
.box1 {background: transparent url(../images/photos/box1.jpg) center no-repeat;}
.box2 {background: transparent url(../images/photos/box2.jpg) top center no-repeat;}
.box3 {background: transparent url(../images/photos/box3.jpg) top center no-repeat;}
.box .learn-more{display:inline-block; background: #3D3D45;  background-image: linear-gradient(45deg, #3D3D45 , #2A2A31);
	border:1px solid #666666; color:#FFF; padding:.5em;	text-transform: uppercase;}
.two-column {float: left; width: 48%; margin-right: 4%; position: relative;}
.two-column h3 {border-bottom: 1px solid #d8d8d8;}

.three-column {
	float: left;
	width: 30%;
	margin-right: 5%;
	color: #333;
	position: relative;
}

.three-column h3 {
	margin: 0;
	color: #75263D;
	position: relative;
	display: block;
	z-index: 10;
	font-size: 1.2em;
	font-weight: 400;
	padding: 0.5em;
	border-bottom: 4px solid #cc9933;
}
.three-column .box-content {
	margin: 0 1em;
}
.column-1 {background:#4f8bbf;}
.column-2 {background:#55aba8;}
.column-3 {background:#e76847;}

.four-column {float: left; width: 22%; margin-right: 3%; position: relative;}

.four-column ul {list-style: none; margin-left: 0;}
.four-column ul a {color: #444;}
.four-column ul a:hover {text-decoration: underline}
.last {margin-right: 0;}


#section-one{
	background: #117ab3 url(../images/photos/picture.jpg) scroll  no-repeat;
	z-index: -1; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%;
	padding: 4em 0;
}

#footer { font-size: 1em; background: #35363e; color: #FFF;}
#footer-inner {padding: 2em 0;}
#footer a{color: #FFF;}

#copyright {float: left;}
#regulatory-logos {float: right;}
.footer-links a{font-size:1em; font-weight:bold; padding-right:40px;} 
.social-media {list-style: none; margin: 6px 1em 2em 1em; float: right;}
.social-media li {float: left; margin-left: 1em;}
.social-media a {display: inline-block; width: 50px; height: 50px; overflow: hidden; text-align:center; line-height: 50px;}

.footnote {
	font-size: 0.8em;
	margin-top: 20px;
	color: #666666;
	font-style: italic;
}

#contact_form  input,#contact_form  select {margin-bottom: .5em;}
#contact_form label { 
	display: none; 
	position: absolute;
	line-height: 2.4em;
	padding: 0 .5em;
	}

#contact_form textarea {
	width: 25em;
	height: 6em;
	margin-bottom: 0.5em;
	}

/* services */
.services { margin-top:30px; margin-bottom:40px; }
.services .service { border-bottom:2px solid #75263D; text-align:center; padding-top:10px; padding:7px; padding-bottom:2px; margin-bottom: 1.5em;}
.services .service { background:#fafafa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.services .service:hover { box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
.services .service h4 { margin-top:5px; }
.services .service .icon { position:relative; display:block; width:45px; height:35px; background:#75263D; padding:25px 30px 35px 30px; color:#fff; font-size:44px; }
.services .service .icon { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.services .service .icon { margin:8px auto; box-shadow:0px -2px 10px rgba(0,0,0,0.2); }
.services .service .icon:after { position:absolute; top:0; left:0; width:100%; background-color: rgba(255, 255, 255, 0.07); border: medium none; content: ""; } 
.services .service .icon:after { height:50%;  margin:0; z-index:300; }
.services .service a.more { background:#006847; padding:7px 12px 4px 12px; color:#fff;  }
.services .service a.more { -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; }
.services .service a.more { -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; }
.services .service a.more { border-top-left-radius:3px; border-top-right-radius:3px; }
.services .service a.more span { }


#bank-owned-properties td {vertical-align: top;}
#bank-owned-properties img {width: 300px; height: auto; margin-right: 2em; margin-bottom: 2em;}

.location {margin-bottom: 2em;}
.location img {border: 1px solid #006A51; margin-right: 1em; margin-bottom: 1em; float: left;}
.location table {clear: both;}

._10 {display: inline-block; width: 10em;}

#tab-content {background: url(../images/bkg-tabs.gif) top repeat-x;}

.tabs a {
	color: #FFFFFF
}
.ui-tabs-panel .account {display: block; float: left; width: 45%; margin-right: 5%; margin-bottom: 1em;}
.ui-tabs-panel .account:nth-child(2n) {clear: left; }
.ui-tabs-panel .account:nth-child(2n+1) {margin-right: 0;}

.ui-tabs {padding:0;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.ui-widget {font-size:1em; margin-bottom: 1em;}
.ui-widget-header {
    background: url(../images/bkg-tabs.gif) top repeat-x;
    border:0;
    color: #222222;
    font-weight: bold;
	padding:0;
}

.ui-tabs .ui-tabs-panel {padding:0;}
	

.ui-widget-content {
    background: #FFF;
    border: 0;
    color: #222222;
}
.ui-widget-content a {
    color: #75263D;
}

#tabs-centre .ui-tabs-nav { 
	width: 1000px;
    height: 5.9em; 
    text-align: center;
	margin:0 auto; 
} 
#tabs-centre .ui-tabs-nav li {
	width: 24%;  
    display: inline-block; 
    float: none; 
    top: 0px; 
   	margin: 0 -2px;

}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0 0 1px 0;
}
.ui-tabs .ui-tabs-nav li a{color: #FFF; width: 90%; text-align:center; line-height:4.8em; padding: 0.2em 1em;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {color: #FFF; padding-bottom:1px; border-bottom: 0 !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color: #FFF; padding-bottom:6px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#35363E; color: #FFF}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #B38807; border-top: 4px solid #cc9933; color: #FFF}

.ui-dialog {width: 700px !important;}
.ui-dialog .ui-dialog-title {color: #FFF}
.ui-dialog .ui-dialog-content {font-size: .7em}

/*#link-bank-border{background:url(../images/bkg-links-border.png) top left repeat-x; padding-top:35px}*/
#link-bank {z-index:1; background:#A37F14; background-image: linear-gradient(180deg,  #866810, #A37F14); /*url(../images/photos/picture.jpg) no-repeat*/; padding: 0; margin:0 !important; width: 100%; height: 100%; min-height:120px; left: 0px; top: 0px; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; }
#link-bank-inner {padding:2.5em 0;}
#link-bank h3{color:#FFF; font-weight: bold;}
#link-bank .four-column ul a {color: #FFF; font-size: 0.9em;}


#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: none;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: bold;
	color: #5E1632;
	padding: 10px 8px;
	border-bottom: 2px solid #CCCCCC;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #666;
	padding: 6px 8px;
	vertical-align:text-top;
}

#hor-minimalist-b tbody tr:hover td
{
	color: #333;
	background:#f0dde3;
}
#hor-minimalist-b ul {
	text-align:left
}

#hor-minimalist-b .col1 {
	background: #D6E8F5;
	text-align:left;
	vertical-align:text-top;
}


#hor-minimalist-b .col2 {

}




/* ---------------------------------  Slideshow   ----------------------------------*/
#slides-outer { background:url(../images/bkg-slides-inner.png) top repeat-x; }
/* slides */
.slideshow {
	position:relative;
	z-index: 1;
	margin:0 auto;
	width: 100%; 
	}
.slideshow a {
	line-height:2em;
	
	color:#fff;
	}
.slideshow .selected a {
	 	background: #75263d; background-image: linear-gradient(180deg,  #a33e5b, #75263d);/* selected pagination button background */
	}

.carousel {
	margin:0 auto;
	padding:0;
	list-style:none;
	}
ul.carousel {margin:2em 0; padding: 0!important}	
.carousel li {z-index:1; padding: 0!important; margin:0 !important; width: 1000px; height: 350px; /*min-height:300px; left: 0px; top: 0px; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover;*/}
.carousel li img {display:block; z-index:10;}
.carousel-img {display:block;  z-index:10; position:absolute; }

.carousel-content { margin:0 auto; width:1000px; position:relative; z-index:100; color: #FFF; font-size: 1.5em; text-shadow: 3px 3px 3px #333; line-height: 140%;  }
.carousel-content-inner {display:block; text-align:right; padding:200px 2em 0 0; text-align:right; z-index:99;}
.carousel-content h2{color:#FFF; font-weight:300;}
.carousel-content span{ font-size:.4em; line-height:30%}
.carousel-content .readmore{font-size: .7em;}
/* pagination */
.slides-pagination {
	position: absolute;
	display: block;
	bottom:0;
	width: 100%;
	heignt: 78px;
	margin:0; 
	padding:0;
	list-style:none;
	z-index:110;
	text-align: center;
	}
.slides-pagination li {display:inline-block; padding:0;}
.slides-pagination a {
	display:inline-block;
	float:left;
	width:15px;
	height: 15px;
	overflow: hidden;
	text-transform: uppercase;
	text-indent: -9999em;
	margin-right:5px;
	background: transparent;
	border-radius: 8px;
	border: 2px solid #cecbca; /* pagination button border */
	}

/* skip */
a.slides-next,
a.slides-prev {
	display:none;
	position:absolute;
	top:50%;
	margin-top:-1em;
	padding:0 .2em;
	z-index:120;
	font-size: 3em;
	font-weight: 300;
	opacity: .5;
	}
/*#container a.slides-next:hover,
#container a.slides-prev:hover {background: #FFF;}*/
.slides-next {right:0;}
.slides-prev {left:0;}
.slides-next.disabled,
.slides-prev.disabled {opacity:.5;cursor:auto;}

/* ---------------------------------  Main Navigation   ----------------------------------*/
#navigation{	background: #75263d; border-top: 2px solid #a33e5b;}
#navigation #nav{ display:block; margin: 0 auto; padding: 0; width: 1000px; position: relative; z-index: 999; /*float: right;*/ top: 0;}

#navigation #nav > a, #nav > a {display: none; }
#navigation #nav li {position: relative; list-style: none;}
#navigation #nav li a {
	color: #FFF;
	display: block;
	}

#navigation #nav li a:active {background-color: none; !important;}

#navigation #nav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #00573d;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
	top: -.5em;
	}

#navigation #nav li:first-child span:after {border: 0;}

/* first level */

#navigation #nav > ul {
	background: none;
	margin: 0;
	padding: 0;
	}
	
#navigation #nav > ul > li {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/bkg-navigation-divider.png) right no-repeat;
	}
	
#navigation #nav > ul > li > a {
	font-size: 1em;
	font-weight: 300;
	line-height: 40px; /* 60 (24) */
	text-align: center;
	padding: 0 2.5em;
	color: #FFF;
	}

#navigation #nav > ul > li > a.selected {background:#a33e5b; color: #FFF;}
#navigation #nav > ul > li > a.selected:after {}

#navigation #nav > ul > li:hover > a,
#navigation #nav > ul:not( :hover ) > li.active > a {background-color: #a33e5b; color: #FFF; }


/* second level */

#navigation #nav li ul {
	background-color: #75263D;
	display: none;
	position: absolute;
	top: 100%;
	margin: 0;
	padding: 0;
	width: 12em;
	box-shadow: 0 2px 2px rgba(0,0,0,.5)
	}

#navigation #nav li:hover ul {
	display: block;
	left: 0;
	margin: 0;
	padding: 0;
	}
	
/*#navigation #nav li:not( :first-child ):hover ul {left: -1px;}*/
#navigation #nav li li {
	margin: 0;
	padding: 0;
	}
	
#navigation #nav li ul a {
	padding: 0.75em; /* 15 (20) */
	color: #FFF;
	font-size:.8em;
	font-weight: 300;
	}

#navigation #nav li ul li a:hover,
#navigation #nav li:hover ul li:hover,
#navigation #nav li ul:not( :hover ) li.active a { background-color: #A33E5B; color: #FFF;  }

#navigation #nav li:hover ul ul,
#navigation #nav li ul ul {
	display: none;
	left: 15em;
	top: 0;
	}

#navigation #nav li:hover ul li:hover ul{
	display: block;
	}



@media only screen and ( max-width: 40em ) /* 640 */
	{
		*{}
	html { font-size: 75%; /* 12 */ }
	h1 {font-size: 2em;}
	#header {height: 50px; background: #FFF; z-index: 99}
	#header-inner, #content, #footer-inner, #banner-inner,  #main-column, #sidebar, #banner, .slideshow, .top-links {width: 100%; float: none;}
	#content-inner, #link-bank-inner{width:95%;padding:2%}
	#banner {margin-bottom: 0;}
	#banner-inner{padding:1em 0; text-align:center}
	#top-bar {position: fixed; width: 100%; left: 0; bottom: 0;z-index: 999;}
	#logo {
		position: relative;
		float: none;
		width: 200px;
		height: 50px;
		z-index: 99;
		margin: 0 auto;
		padding: 0;
		}
	#logo a {display: block; color: #022E40; font-size: 2em; width: 200px; height: 50px; margin: 0 auto; text-align: center; background: url(../images/logo-2018.png) center no-repeat; background-size: contain;}
	.top-links{margin:1em 0 0}
	
	#login {display: none; position: absolute; width: 100%; height: auto; top: 40px; right: 0; z-index: 9999; background: #35363E; box-shadow: 0 5px 5px #404040;}
	#login iframe {width: 90%; height: 7.25em; margin: 0 1em;}
	#login #login-inner {width: 100%;}
	#login-inner {margin:0}
	#login h2 {font-size: 1.2em; margin: 0 .6em; color: #fff;}
		
	#login-toggle {position: absolute; display: block; width: 40px; height: 40px; top: 0; right: 0; z-index: 999; }
	#login-toggle > a.control {
		font-size: 1.8em;
		display: block;
		width: 40px; /* 50 */
		height: 40px;/*  50 */
		line-height: 40px;
		text-transform: uppercase;
		text-indent: -9999em;
		overflow: hidden;
		text-align: center;
		background: url("../images/icon-logout.png") no-repeat scroll center center rgba(0, 0, 0, 0);
		color: #FFF;
		position: absolute;
		z-index: 99;
		content: '';
		}
	#login-toggle > a.on {background: #35363E url("../images/icon-logout-white.png") no-repeat scroll center center;}
	
	#search-field {display:none}
	.two-column, .three-column, .four-column {width: 100%; margin-bottom: 1em;}
	.three-column {margin-top: 1em;}
	.three-column h3:before {top: -1em;}
	
	.slideshow div {}
	.carousel li {width: 100%; height: auto;  min-height: 150px;}
	.carousel li img {width: 100%; height: auto;}
	
	.carousel-content { width:95%;}
	.carousel-content-inner {margin-left:10px; padding:75px 0 0 0 }
	.carousel-content h2{color:#FFF; font-size: 1em; line-height:80%; }
	.carousel-content span{ font-size:.5em; line-height:normal}
	.carousel-content a{font-size:.4em; line-height:normal; text-shadow: none}
	
	a.slides-next, a.slides-prev { display: none;}
	
	
	#navigation {position: absolute;width: 100%; top: 0; z-index: 998;}
	
	#navigation #nav {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		background: transparent;
		z-index: 99;
		}
	
	#navigation #nav > a.control {
		font-size: 1.5em;
		width: 1em; /* 50 */
		height: 1em;/*  50 */
		padding: .6em .5em .3em .5em;
		text-align: left;
		background-color: transparent;
		color: #FFF;
		position: relative;
		content: '';
		}
	#navigation #nav a.control span:after {border:0;}

	#navigation #nav > a.control > span {
		border-top: 4px solid #212121;
		border-bottom: 4px solid #212121;
		display: block;
		content: '';
		width: 1em;
		height: .3em;
		}
	
	#navigation #nav > a.control:nth-child(2) > span {
		border-top: 4px solid #FFF;
		border-bottom: 4px solid #FFF;
		}
	
	#navigation #nav:not( :target ) > a:first-of-type,
	#navigation #nav:target > a:last-of-type {display: block;}
	#navigation #nav > a.control:nth-child(even){background: #3D3D45;}

	/* first level */
	
	#navigation #nav > ul {
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		background: #3D3D45;
		z-index: 9999
		}
	
	#navigation #nav:target > ul {display: block;}
	
	#navigation #nav > ul > li {
		width: 100%;
		float: none;
		}
	
	#navigation #nav > ul > li > a {
		height: auto;
		font-size: 1.2em;
		line-height: 2.5em;
		
		text-transform: none;
		text-align: left;
		padding: 0 0.533em; /* 20 (24) */
		color: #FFF;
		}
		
	#navigation #nav > ul > li:not( :last-child ) > a {
		border-right: none;
		border-bottom: 1px solid #444;
		}
	#navigation #nav > ul > li > a.selected {color: #FFF; font-weight: bold;}
	#navigation #nav > ul > li > a.selected:after {border: none;}

	/* second level */
	
	#navigation #nav li ul {
		position: static;
		padding: 0; /* 1.25em; 20 */
		padding-top: 0;
		width: 100%;
		background: #75263D;
		box-shadow: none;
		z-index: 9999
		}
	
	#navigation #nav li ul a {
		line-height: auto;
		font-size: 1.2em;
		padding: .4em 3em; /* 15 (20) */
		color: #FFF;
		}
	
	
	#navigation #nav li ul li a:hover,
	#navigation #nav li:hover ul li:hover,
	#navigation #nav li ul:not( :hover ) li.active a {
		background: #A33E5B;
		color: #FFF;
		}
	
	#content-inner {}
	.box-image {width: 100%; height: auto;}
	#copyright, #regulatory-logos {float: none; text-align: center; margin-bottom: 1em;}
	.footer-links a {font-size:.9em}
	input, input[type=text], input[type=email], input[type=password], textarea, #contact_form textarea {width: 97%;}
	input[type=submit], button {font-size: 1.4em; width: 100%;}
	
	#bank-owned-properties tr:nth-child(2n) {background: #eee;}
	#bank-owned-properties td {width: 50%; padding: 1em;}
	#bank-owned-properties img {width: 100%; margin-bottom: 0;}
	#tab-content {background: none;}
	#tabs-centre .ui-tabs-nav {height: 5.9em; width: auto;}
	.tabs img {max-width: 100%; height: auto;}
	#tabs-centre .ui-tabs-nav li {top: 14px;}
	.ui-tabs .ui-tabs-nav {padding: 0;}
	.ui-tabs .ui-tabs-nav li {margin-right: 0em;}
	.ui-tabs .ui-tabs-nav li a  {font-size: .8em;padding: 0.5em .45em; font-weight: 600; letter-spacing: -.03em;}
	.ui-tabs-panel .account {float: none; margin-right: 0; width: 100%;}
	.ui-widget-content {background:#fff !important; background-image:none }
	
	.photo {max-width: 45%; height:auto;}
	}
	

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
		   #logo a {background: transparent url(../images/logo.png) center no-repeat; background-size:contain; padding: 5px 0}   
	   }