@font-face {
 font-family: aFont;
 src: url("Arial.eot") /* EOT file for IE */
}
@font-face {
 font-family: aFont;
 src: url("Arial.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: bFont;
 src: url("Raleway-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: bFont;
 src: url("Raleway-Regular.ttf") /* TTF file for CSS3 browsers */
}
body {
}
.container {
	width: 1230px;
	margin-left: auto;
	margin-right: auto;
}
#header {
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(images/bottom.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.menu {
	font-family: aFont;
	font-size: 16px;
	float: right;
	margin-top: 35px;
}
.menu a {
	color: #000;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 12px;
	padding-right: 12px;
}
.menu a:hover {
	color: #fff;
	background-color: #0079BF !important;
	border-radius: 0px;
}

.menu ul.nav ul a
{
	margin:0px;
	padding:0px;
}
.menu ul.nav ul{
	list-style:none;
	position:absolute;
	padding-top: 20px;
	padding-bottom:0px;
	padding-left:0px;
	margin:0px;
	z-index:1000;
	opacity:.9;
	display:none;
}

.menu ul.nav ul a li{
	background-color: #0079BF;
	color: #FFFFFF;
	width: 180px;
	margin-bottom:1px;
	padding:10px;
	font-size:12px;
}
.menu ul.nav ul a li:hover{
	width: 180px;
	margin:0px;
	background-color: #168f2e;
}

.menu ul.nav li:hover ul{
	display:block;
}
	
#banner {
	font-family: bFont;
	font-size: 30px;
	color: #FFF;
	text-align: center;
	padding-bottom: 120px;
}
#inner-banner {
	font-family: bFont;
	font-size: 30px;
	color: #FFF;
	background-image: url(images/inner-banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 30px;
	padding-bottom: 120px;
}
.social {
	float: right;
	margin-bottom: 66px;
	margin-top: 30px;
}
.inner-social {
	float: right;
	margin-bottom: 20px;
}
h1 {
	font-family: bFont;
	font-size: 60px;
	color: #FFF;
	margin: 0px;
}
h2 {
	font-family: bFont;
	font-size: 35px;
	color: #FFF;
	margin-bottom: 20px;
}
h3 {
	font-family: bFont;
	font-size: 30px;
	color: #000;
	margin-bottom: 30px;
}
h4 {
	font-family: bFont;
	font-size: 24px;
	color: #FFF;
	margin-bottom: 20px;
}
#blue-area {
	font-family: bFont;
	font-size: 19px;
	color: #FFF;
	background-color: #017BBF;
}
.right {
	padding-top: 20px;
	padding-left: 11px;
}
.right2 {
	padding-left: 11px;
}
.btn1 {
	font-family: bFont;
	font-size: 14px;
	color: #FFF;
	background-color: transparent !important;
	border: thin solid #FFF;
	border-radius: 0px;
	margin-top: 30px;
	padding-top: 16px;
	padding-right: 24px;
	padding-bottom: 16px;
	padding-left: 24px;
}
.btn2 {
	font-family: bFont;
	font-size: 14px;
	color: #000;
	background-color: transparent !important;
	border: thin solid #000;
	border-radius: 0px;
	margin-top: 30px;
	padding-top: 16px;
	padding-right: 24px;
	padding-bottom: 16px;
	padding-left: 24px;
}
.btn2:hover {
	color: #017BBF;
}
.btn3 {
	font-family: bFont;
	font-size: 15px;
	color: #000;
	background-color: #017BBF !important;
	border: thin solid #000;
	border-radius: 0px;
	padding-right: 17px;
	padding-left: 17px;
	margin-top: -5px;
}
#white-area {
	font-family: bFont;
	font-size: 19px;
	color: #000;
	padding-top: 20px;
	padding-bottom: 80px;
}
#content {
	font-family: bFont;
	font-size: 15px;
	color: #000;
	padding-top: 45px;
	padding-bottom: 45px;
}
#white-area img {
	margin-bottom: 30px;
}
#connect h4 {
	font-size: 14px;
	color: #FFF;
}
#connect {
	font-family: bFont;
	font-size: 11px;
	color: #FFF;
	padding-top: 47px;
	padding-bottom: 65px;
	background-color: #333;
}
#connect a {
	color: #FFF;
}
#connect ul {
	margin-left: -40px;
	list-style-type: none;
}
#connect .form-control {
	border: thin solid #000;
	border-radius: 0px;
}
#copyright {
	font-family: bFont;
	font-size: 13px;
	color: #FFF;
	padding-top: 23px;
	padding-bottom: 23px;
	background-color: #010101;
}
#copyright a {
	color: #FFF;
}






@media screen and (max-width: 1200px) {
	.container {
		width: auto;		
	}	
	#banner {
		background-image: url(images/banner-bg.jpg);
		background-repeat: repeat;
		background-position: center top;
		text-align: center;
		padding-top: 30px;
		padding-bottom: 120px;
	}
	.right {
		padding-top: 5px;
	}
	.right2 {
		padding-left: 0px;
	}
	h4 {
		margin-top: 40px;
		font-weight: bold;
	}
	.btn1 {
		margin-bottom: 30px;
	}
	.btn2 {
		margin-bottom: 30px;
	}
	.right {
		text-align: left;
		margin-top: 45px;
		margin-bottom: 45px;
	}
	#connect {
		padding-top: 17px;
	}


}

@media screen and (max-width: 991px) {
	.small-nav {
		top: -35px;
	}
}