/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,400italic);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "Lato", sans-serif;
font-weight:300;
line-height:150%;
}

.bold {
	font-weight: 700;
}

thead th,
tbody th{
font-family: "Lato", sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Lato", sans-serif;
}

.menu{
font-family: "Lato", sans-serif;
}

blockquote{
font-family: "Lato", sans-serif;
}

em{
font-style: italic;
}

.align_left{float:left;margin:0 10px 5px 0;}
.align_right{float:right;margin:0 0 5px 10px;}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#000;
/*background:#fff;*/
font:normal 1em/150% "Lato", sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}

#header{
background:#013161;
padding:15px 30px;
border:1px solid #000;
border-bottom:1px solid #fff;
}

	.menu{
	margin-top:40px;
	margin-bottom:0;
	text-transform:uppercase;
    text-align:right;
	}

	/*#header .col_12{
	position:relative;
	margin-bottom:0 !important;
	}*/

	.top-links {
    position: absolute;
    left: auto;
    bottom: auto;
    top: 0;
    right: 0;
    list-style-type: none;
    background: #012346;
    padding: 10px 40px;
    margin-top:0;
		}
	
	.top-links li {
		display: inline-block;
		padding: 0px 10px;
	}
	
	.top-links li a {
	color: #fff;
	text-decoration:none;
	}
	
	#header h4 {
		color:#fff;
		font-weight: 400;
		font-size: 1.5em;
	}
	
	#header img {
		float:left;
		z-index:4000;
		position:relative;
	}
	
	#banner{
position:relative;
z-index: 5;
margin:auto;
}

	#banner img{
	width:100%;
	height:auto;
	}

	.home #banner{
	/*margin-bottom:-240px;*/
	max-width:1600px;
	}

	
/*.bg {
	background: url(img/background_image.jpg) center center no-repeat;
	background-size:cover;
	position:absolute;
	width:100%;
	height:100%;
}*/

.logo {width:200px;padding-top:40px;}

.sidebar {
	padding-right: 20px;
}

.sidebar h3 {
background: #012346;
font-size: 1em;
color: #cfc19a;
margin-bottom:-10px;
padding: 10px;
}

.sidebar ul {
	margin-top:-10px;
}

.sidebar li {
	background: #012346;
	border-bottom: 1px solid #4d657f;
	list-style-type:none;
	margin-left:-25px;
	color: #cfc19a;
	padding:10px;
}

#footer{
background:#012346;
color:#4d657f;
padding:1% 0;
border-top: 1px solid #fff;
overflow:hidden;
}

#footer p {
	color: #4d657f;
}

.blue_bg {
background-color: #013161;
padding-bottom:20px;
}

.home_boxes {
	color: #fff;
	background-color: #012346;
	margin-bottom:50px;
	/*margin-bottom:100px;*/
	position:relative;
	z-index:100;
	/*margin-top:-630px;*/
}

.home_boxes p {
		padding:10px;
		margin: 0 auto;
		color: #fff;
}

.home_boxes img {
	width: 100%;
}

h1.bold {
	margin-bottom:-30px;
}

.bold {
	color:#fff;
	font-weight:800;
}

section {
padding: 10.5% 0 7% 0;
}

.yellow {
color:#cfc19a !important;
}

.lines {
	background: url(img/3_lines.png);
    height: 40px;
}

h2 {
	color: #012346;
	font-weight:500;
	font-size:1.8em;
}

h2 strong {
	color: #012346;
}

p {
	color: #666666;
}

.banner_caption {
	float:left;
	margin-top:-230px;
	position:absolute;
	margin:0 auto;
}

strong em a {color:red;}

/*---------------------------------
	PAGINATION
-----------------------------------*/
.MarkupPagerNav {
        clear: both;
        margin: 1em 0; 
        font-family: Arial, sans-serif;
}
.MarkupPagerNav li {
	display: inline;
	list-style: none;
	margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: block;
	float: left;
	padding: 2px 9px;                
	color: #fff;
	background: #2f4248;
	margin-right: 3px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
                
.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
	color: #fff;
	background: #db1174;
	text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline;
	color: #777;
	background: #d2e4ea;
	padding-left: 3px;
	padding-right: 3px;
}
	
/*---------------------------------
	Responsive Grid Media Queries - 1280, 1024, 768, 480
	1280-1024 	- desktop (default grid)
	1024-768 	- tablet landscape
	768-480 	- tablet 
	480-less 	- phone landscape & smaller
-----------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) {
	
	.grid *[class*="col_"]{}
	.grid{max-width: 1024px;}
	.show-desktop	{display:block;}
	.hide-desktop	{display:none;}
	.show-tablet	{display:none;}
	.hide-tablet	{display:block;}
	.show-phone		{display:none;}
	.hide-phone		{display:block;}
	
	.home #banner{
	/*margin-bottom:-300px;*/
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	
	.grid *[class*="col_"]{}
	.grid{max-width: 768px;}
	.show-desktop	{display:none;}
	.hide-desktop	{display:block;}
	.show-tablet	{display:block;}
	.hide-tablet	{display:none;}
	.show-phone		{display:none;}
	.hide-phone		{display:block;}
	
	/*custom*/
	.controls{display:none;}
	.top-links {padding: 0px;left:0;margin-top:0;}
	
	.bx-wrapper .bx-caption {
position: absolute;
bottom: 30px;
left: 0;
background: #666\9;
background: #232323;
width: 100%;
}

.home_boxes {
	margin-bottom:5px;
	/*margin-top:-400px;*/
}

.home #banner{
	/*margin-bottom:-450px;*/
	}	
	
}


@media all and (min-width: 480px) and (max-width: 768px) {

	.grid *[class*="col_"]{
	float:none;
	width:auto;
	clear:both;
	display:block;
	}
	
	/* columns inside of columns */
	.grid *[class*="col_"] [class*="col_"]{
	margin-left:0;
	margin-right:0;
	width:100%;
	}
	
	.grid{max-width: 480px;}
	.show-desktop	{display:none;}
	.hide-desktop	{display:block;}
	.show-tablet	{display:block;}
	.hide-tablet	{display:none;}
	.show-phone		{display:none;}
	.hide-phone		{display:block;}
	
	/*custom*/
	.controls{display:none;}
	.top-links {padding: 0px;left:0;margin-top:0;}
	ul.top-links {text-align:center;margin-left:0px;margin-top:0;}
	.logo {padding-top:0px;}

	
	.bx-wrapper {
	height: 100%;
}
	
	.bx-wrapper .bx-caption {
position: absolute;
bottom: 30px;
left: 0;
background: #666\9;
background: #232323;
width: 100%;
}

.home_boxes {
	margin-bottom:5px;
	/*margin-top:0px;*/
}
.home #banner{
	/*margin-bottom:-75px;*/
	}	

}

@media all and (max-width: 480px) {
	
	.grid *[class*="col_"]{
	float:none;
	width:auto;
	clear:both;
	display:block;
	}
	
	/* columns inside of columns */
	.grid *[class*="col_"] [class*="col_"]{
	margin-left:0;
	margin-right:0;
	width:100%;
	}
	
	.grid{max-width: 100%;/*320*/}
	.show-desktop	{display:none;}
	.hide-desktop	{display:block;}
	.show-tablet	{display:none;}
	.hide-tablet	{display:block;}
	.show-phone		{display:block;}
	.hide-phone		{display:none;}
	
	/*custom*/
	.controls{display:none;}
	.top-links {padding: 0px;left:0;margin-top:0;}
	ul.top-links {text-align:center;margin-left:0px;margin-top:0;}
	.logo {padding-top:0px;}

	
	.bx-wrapper {
	height: 100%;
}
	
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
bottom: -24px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
width: 10px;
height: 10px;
border-radius: 5px;
}
	
	.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: #232323;
width: 100%;
line-height:10px;
font-size:0.5em;
}

.home_boxes {
	margin-bottom:5px;
	margin-top:0px;
}

section {
	font-size: 70%;
}
.home #banner{
	/*margin-bottom:-30px;*/
	}	
}