/*BODY*/



body {



	height: 100%;



	margin: 0 auto;



	background: url(assets/img/bg2.png) repeat top left;



}







#wrapper {



	min-height: 100%;



	width: 980px;



	margin-bottom: -300px;



	margin: 0 auto;



	padding-top: 20px;



	background: rgba(255,255,255,0.7);



}







/*HEADER*/



header {



	top: 0;



	height: 75px;



	width: 100%;



	background: url(assets/img/header_bg.png) repeat-x top left;



	border-bottom: 5px solid #FFF;



}







#logo{



	height: 74px;



	width: 206px;



	margin-top: 4px;



	float: left;



	display: block;



}



/*NAVIGATION*/



nav {



	height: 80px;



	width: 960px;



	margin: 0 auto;



	display: block;



}







nav > ul {



	list-style: inside none;



	padding: 0;



	margin-right: 0;



	height: 80px;



	float: right;



}







nav > ul > li {



	height: 80px;



	line-height: 80px;



	font-family: Oswald, sans-serif;



	list-style: inside none;



	padding: 0;



	margin: 0;



	float: left;



	display: block;



	position: relative;



}







nav > ul > li > a {



	padding: 0px 10px;



	display: block;



	color: #192122;



	text-decoration: none;



}







nav > ul > li.has-sub > a:before {



	content: '';



	position: absolute;



	top: 65px;



	width: auto;



	left: 45%;



	border: 8px solid transparent;



	border-top: 4px solid #fff;



}







nav ul li.has-sub:hover > a {



	top: -1px;



	color: #192122;



	z-index: 999;



	padding: 0px 6px;



	background: #b8cbd9;



	border-left: 4px solid #FFF;



	border-right: 4px solid #FFF;



}



nav ul li > ul, nav ul li > div{



	-webkit-transition: all 150ms ease-in-out;



	-moz-transition: all 150ms ease-in-out;



	-o-transition: all 150ms ease-in-out;



	-ms-transition: all 150ms ease-in-out;



	transition: all 150ms ease-in-out;



}



nav ul li.has-sub:hover > ul,nav ul li.has-sub:hover > div {



	display: block;



}



nav ul li.has-sub > a:hover {



	background: #b8cbd9;



}







nav ul li > ul,nav ul li > div {



	display: none;



	width: auto;



	position: absolute;



	top: 80px;



	padding: 10px 6px;



	background: #b8cbd9;



	border-left: 4px solid #FFF;



	border-right: 4px solid #FFF;



	border-bottom: 4px solid #FFF;



	border-radius: 0 0 10px 10px;



	z-index: 999;



}







nav ul li > ul {



	width: 180px;



}







nav ul li > ul li {



	display: block;



	list-style: inside none;



	padding: 0;



	margin: 0;



	position: relative;



}







nav ul li > ul li a {



	display: block;



	position: relative;



	margin: 0;



	padding: 10px 10px;



	text-decoration: none;



	color: #192122;



	line-height: 20px;



	font-family: Oswald, sans-serif;



	



	-webkit-transition: all 150ms ease-in-out;



	-moz-transition: all 150ms ease-in-out;



	-o-transition: all 150ms ease-in-out;



	-ms-transition: all 150ms ease-in-out;



	transition: all 150ms ease-in-out;



}







nav > ul > li > ul > li a:hover {



	background: #192122;



	color: #FFF;



}



nav > ul > li > ul > li:last-child a:hover {



	border-radius: 0 0 5px 5px;



}







nav > ul > li > a {



	color: #FFF;



}







nav > ul > li > a:hover {



	color: #192122;



	padding: 0px 6px;



	background: #b8cbd9;



	border-left: 4px solid #FFF;



	border-right: 4px solid #FFF;



}







/*CONTENT*/



#content {



	top: 0;



	margin: 0 auto;



	width: 960px;

}







.slider {



	width: 900px;



	height: 400px;



	margin: 0 auto;



	padding-top: 40px;



}







#map{



	margin: 0 auto;



	text-align: center;



}



#map iframe{



	width: 900px;



	height: 300px;



	border: 5px solid rgba(0,0,0,0.25);



	border-radius: 5px;



}



/*FOOTER*/



footer {



	height: 200px;



	width: 100%;



	position: absolute;



	left: 0;



	background: url(assets/img/footer_bg.png) top left repeat-x;



}







.clear {



	height: 150px;



	clear: both;



}







.para {



	font: 1.2em Dosis, sans-serif;



	color: #313131;



}







/*Columns*/



.col-title h1 {



	font: 1.3em Oswald, sans-serif;



	color: #313131;



	text-decoration: underline;



	margin-bottom: 10px;



	margin-top: 25px;



	width: 100%;



}







.col-sub-title h1 {



	font: 1.1em Oswald, sans-serif;



	color: #313131;



	margin-bottom: 10px;



	margin-top: 10px;



	width: 100%;



}







.col-title img{



	float: left;



	margin-right: 3px;



	padding-right: 10px;



}







.col-content {



	font: 1em Dosis, sans-serif;



	color: #313131;



/* 	height: 200px; */



}

.left,.middle,.right{

	position: relative;

	height: 320px;

}

.col-btn{

	position: absolute;

	bottom: 0;

	right: 0;

}



a.col-btn{

    padding-top: 30px;



	border-radius: 3px;



	background: #2380AC;



	background: -moz-linear-gradient(top,  #6a7984 0%, #1a2223 100%);



	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a7984), color-stop(100%,#1a2223));



	background: -webkit-linear-gradient(top,  #6a7984 0%,#1a2223 100%);



	background: -o-linear-gradient(top,  #6a7984 0%,#1a2223 100%);



	background: -ms-linear-gradient(top,  #6a7984 0%,#1a2223 100%);



	background: linear-gradient(to bottom,  #6a7984 0%,#1a2223 100%);



	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a7984', endColorstr='#1a2223',GradientType=0 );



	padding: 5px 3px;



	border: 1px solid #1a2223;



	color: white;



	display: block;



	width: 80px;



	text-decoration: none;



	text-align: center;



	font: bold 0.8em Dosis, sans-serif;



}







a.col-btn:hover{



	background: #8698a5;



	background: -moz-linear-gradient(top,  #8698a5 0%, #374749 100%);



	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8698a5), color-stop(100%,#374749));



	background: -webkit-linear-gradient(top,  #8698a5 0%,#374749 100%);



	background: -o-linear-gradient(top,  #8698a5 0%,#374749 100%);



	background: -ms-linear-gradient(top,  #8698a5 0%,#374749 100%);



	background: linear-gradient(to bottom,  #8698a5 0%,#374749 100%);



	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8698a5', endColorstr='#374749',GradientType=0 );



}







#columns {



	width: 960px;



	margin-top: 50px;



}







.left {



	width: 300px;



	float: left;



	margin-left: 10px;



}







.outer {



	width: 640px;



	float: right;



	margin: 0;



	padding: 0;



}







.middle {



	width: 300px;



	float: left;



	margin: 0 10px;



}







.right {



	width: 300px;



	float: right;



	margin-right: 10px;



}







/*footer columns*/



.footer-col{



	width: 960px;



	height: auto;



	padding-top: 25px;



	margin: 0 auto;



}



.sec-left{



	width: 480px;



	float: left;



	margin: 0;



	padding: 0;



}



.sec-right{



	width: 480px;



	float: right;



	margin: 0;



	padding: 0;



}



.left-outer{



	width: 230px;



	float: left;



	margin-right: 10px;



}



.left-inner{



	width: 230px;



	float: right;



	margin-right: 10px;







}



.right-inner{



	width: 50px;



	float: left;



	margin-left: 10px;







}



.right-outer{



	width: 410px;



	float: right;



	margin-left: 10px;



}







/*footer column left outer*/



.foot-col-title h1 {



	font: 1.3em Oswald, sans-serif;



	color: #FFF;



	text-decoration: underline;



	margin-bottom: 10px;



	width: 100%;



}



.footer-col ul li, .footer-col p{



	display: block;



	font: 1.1em Dosis, sans-serif;



	text-decoration: none;



	color: #FFF;



}



.footer-col a{



	color: #FFF;



	text-decoration: none;



}



.footer-col ul li a:before{



	color: #FFF;



	content: "●";



	font-size: 1.2em;



	margin-right: 5px;



}



.footer-col a:hover{



	color: #AAA;



	text-decoration: underline;



}



#copyright{



	font: 1em Oswald, sans-serif;



	width: 960px;



	height: 30px;



	margin: 0 auto;



	color: #FFF;



	position: absolute;
	



	bottom: 0;
	



}



#top{



	color: rgba(255,255,255,0.2);



	cursor: pointer;



	width: 50px;



	height: 50px;



	line-height: 50px;



	text-align: center;



	border-radius: 10px;



	background: rgba(0,0,0,0.2);



	position: fixed;



	bottom: 25px;



	right: 25px;



	z-index: 999;



	-webkit-transition: all 150ms ease-in-out;



	-moz-transition: all 150ms ease-in-out;



	-o-transition: all 150ms ease-in-out;



	-ms-transition: all 150ms ease-in-out;



	transition: all 150ms ease-in-out;



}



#top:hover{



	color: rgba(255,255,255,0.5);



	background: rgba(0,0,0,0.5);



}