html, body { color: #626262; font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 300; line-height: 2em; }
.header {	
	/*background-image: url("../images/bg02.png"), url("../images/bg02.png"), url("../images/bg01.png");
	background-position: top left,top left,left;
	background-size: 100% 6em,100% 6em,auto;
	background-repeat: no-repeat,no-repeat,repeat;
	background-color: #ebe8ee;*/
}

.header .logo {
	background-size: 310px 76px;
	width: 310px;
	height: 76px;
}

.topbar {
	box-shadow: 0 4px 0 0 #172b69;	
	background-color: #0a1237;
    background: -webkit-linear-gradient(#0a1237, #0a1237); /* For Safari 5.1 to 6.0 */
    background: linear-gradient(#0a1237, #0a1237); /* Standard syntax */	
}

/* H E A D E R S */

h1, .appear-h1 { font-size: 38px; font-weight: 600; color: #0a1237; letter-spacing: 0.3px; margin-bottom: 20px; }
h2 { font-size: 23px; font-weight: 400; color: #0a1237; letter-spacing: 0.3px; margin-bottom: 10px; }
h3 { font-size: 22px; color: #4e4e4e; }

.heading h2 { font-weight: 300; font-size: 26px; color: #0a1237; margin-bottom: 0; }

/* N A V I G A T I O N */

.navbar { 
	background-color: #ffffff; 
    background: -webkit-linear-gradient(#ffffff, #ffffff); /* For Safari 5.1 to 6.0 */
    background: linear-gradient(#ffffff, #ffffff); /* Standard syntax */	
	border-bottom: 15px solid #172b69;
}
.nav > li.active:before {
	background-color: #172b69;
}

.nav > li > a { font-size: 19px; font-weight: 200; letter-spacing: 0.3px; color: #000000; text-decoration: none; }
.nav ul li a { font-size: 18px; letter-spacing:0.4px; text-decoration: none; }

/* D R O P D O W N */

.nav ul{
	background-color: #172b69;
    background: -webkit-linear-gradient(#172b69, #172b69); /* For Safari 5.1 to 6.0 */
    background: linear-gradient(#172b69, #172b69); /* Standard syntax */	
}
.dropdown-menu { 
	text-align: left;
	webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.dropdown-menu a { color: #e2e2f0 !important; }
.dropdown-menu a:hover { color: #fff !important; }


/* E L E M E N T S */

.carousel-caption { font-family: 'Source Sans Pro', sans-serif; }

a, a:focus { color: #000; text-decoration: underline; }
a:hover { color: #99460e; text-decoration: underline; }

.beam-small {
	background-color: #ffffff;
	height: 6px;	
}

.beam-gigantic {
	background-color: #f2f2f2;
	color: #dddddd;
	letter-spacing: 0.3px;
}

.beam-gigantic  h2 {
	border-bottom: dotted 1px #bdbdbd;
	color: #FFF;
	font-size: 1.4em;
	font-weight: 500; 
	letter-spacing: 0.2px;
}

.beam-large {
    background-color: #e8a93f;
	color: #fff;
	letter-spacing: 1px;
}

.beam-large a {
	background-color: #99460e;
	color: #fff;
	font-weight: 400;
	letter-spacing: 0.2px;
}

.beam-large a:hover, .beam-large a:focus, .beam-large a:active {
	background-color: #0a1237;
	color: #ffffff;
	text-decoration: none;
}

.btn-primary {
	background-color: #8b7ba5;
	color: #fff;
}

.btn-primary:hover {
	background-color: #b07e6a;
}	

.overview .item { min-height: 100px; }

.form-control { font-size: 17px; }

.main-image { background-color: #fff; }


/* F O O T E R */

.footer {
	background-color: #0a1237;
	color: #aeb0bb;
	letter-spacing: 0.8px;
}

.footer a, .footer i { color: #aeb0bb; text-decoration: none; }

.footer h3 { letter-spacing: 0.2px; color: #fff; }

.subfooter { color: #6d7797; background-color: #131e4d; }

.icons {
	color: #4c4f56;
}

.icons:hover {
	color: #fff;
}

.contact-details h3 { font-size: 20px; }

.contact-details {
	font-size:14px;
}

.subfooter a { color: #6d7797; text-decoration: none; }
.subfooter a:hover { color: #6d7797; text-decoration: underline; }

.socialmedia {
	font-size:13px;
	line-height: 1.8em;
}

.logo-sm {
	margin: 0 auto; 
	display: block;
	max-width: 150px;
}

.img-resp-r, .img-resp-l { display: block; max-height: auto; width: auto; height: auto; }
.img-resp-r { float: right; margin-left: 20px; }
.img-resp-l { float: left; margin-right: 20px; }

.cust-but,.button {
	display: inline-block;
	cursor: pointer;
	background-color: #99460e;
	font-size: 15px;
	line-height: 16px;
	letter-spacing: 0.3px;
	color: #fff;
	padding: 10px 18px;
	font-weight: 400;
	border-radius: 3px;
	text-decoration: none;
}
.cust-but:hover, .button:hover { text-decoration: none; color: #ffffff; background-color: #0a1237; }