body, html {
	margin:0;
	padding:0;
	height:100%;
	font-family: 'Roboto Condensed', sans-serif;
	background-color:#eae8dc;
	color:#534f4f;
	font-size:15px;
	line-height:20px;
	font-weight:300;
	text-align:left;
}

A{
    text-decoration:none;
    font-weight:bold;
    color:#0f3a56;
}
A:hover{
    text-decoration:underline;
    }

@font-face {
font-family: 'Roboto Condensed';
src: url('Roboto-Condensed.eot'); /* IE9 Compat Modes */
src: url('Roboto-Condensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('Roboto-Condensed.woff') format('woff'), /* Modern Browsers */
url('Roboto-Condensed.ttf')  format('truetype'), /* Safari, Android, iOS */
url('Roboto-Condensed.svg#svgFontName') format('svg'); /* Legacy iOS */
}

ul,ol {margin:0; padding:0; list-style-type:disc;}

h2 , span {
	color:#46413a;
	font-size:15px;
	font-weight:400;
}

.container {
	width:960px;
	margin:0 auto;
	position:relative;
}

/* ======================================
   =============== header ===============
   ====================================== */

header.main-header {
	background-color:#0f3a56;
	padding:30px 0 10px 0;
}

header.main-header a.logo {
	margin-top:27px;
	display:block;
	float:left;
	text-indent:-99999px;
	background:url(../images/logo.png) no-repeat;
/*	width:468px;*/
/* width:482px; */
  width:480px; 
	height:57px;
}

header.main-header .header-icons {
	float:right;
}

header.main-header .header-icons img {
	display:inline;
	margin-left:17px;
}

header.main-header .header-icons img:first-child {
	margin:0;
}

header.main-header p.header {
	margin:0;
	color:#fff;
	font-size:19px;
	font-weight:300;
}


/* ======================================
   ============== content ===============
   ====================================== */


main {
	display:block;
	border-top:15px solid #b8b9a8;
	background-color:#d6d1ba;
}

main section.content {
	background:url(../images/bg-content-icon.png) no-repeat bottom right;
	min-height:365px;
	margin-top:20px;
	float:right;
	padding-bottom:15px;
}


/* ======================================
   ============= navigation =============
   ====================================== */


main aside {
	margin-top:20px;
	float:left;
}

main aside nav.main-nav {
	float:left;
}

main aside nav.main-nav ul li {
	display:block;
	padding:5px 0;
}

main aside nav.main-nav ul li:first-child {
	padding-top:0;
}

main aside nav.main-nav ul li a {
	text-decoration:none;
	color:#0f3a56;
	font-size:16px;
	font-weight:300;
	letter-spacing:-0.5px;
	padding:0;
}

main aside nav.main-nav ul li a:hover {
    margin-left:3px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    font-weight:bold;
}

main aside nav.main-nav ul li.active a {
	font-weight:700;
}

main aside nav.main-nav ul li.active a:hover {
	margin:0;
}


/* ======================================
   ============= front page =============
   ====================================== */


main section.content .top-icons {
	margin-bottom:15px;
}

main section.content .top-icons img {
	display:inline;
}

main section.content article.home {
	width:580px;
}

main section.content article p {
	margin:0 0 20px 0;
	line-height:20px;
}

main section.content article p:last-child {
	margin:0;
}


/* ======================================
   ================ page ================
   ====================================== */


main section.content article {
	width:760px;
}

	
/* ======================================
   =============== footer ===============
   ====================================== */


.sub-footer {
	background-color:#b8b9a8;
	height:55px;
}

.sub-footer img {
	margin:7px 0 0 200px;
}


footer.main-footer {
	display:block;
	background-color:#eae8dc;
}

footer.main-footer p.info {
	margin:0;
	padding:15px 0;
	font-weight:300;
	font-size:11px;
	line-height:20px;
	color:#0f3a56;
	text-align:right;
	letter-spacing:4px;
}

footer.main-footer p.info a {
	text-decoration:none;
	color:#0f3a56;
}


/* ==================================
   ============= Forms ==============
   ================================== */
span.red{
color:#0f3a56;
font-weight:bold;
}
label {
display:inline-block;

min-width:130px;
padding-top:7px;
}


 input    {
width:375px;
display:inline-block;

border: 1px solid #999;
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

/* ======================================
   =========== helper-classes ===========
   ====================================== */


.clear {clear:both;}


/* ======================================
   ========= Browse Happy prompt ========
   ====================================== */


.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}