/*
 * Globals
 */

html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  color: #3D3D3D;
  overflow-y: scroll; 
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: 'PT Sans Narrow', sans-serif;
  margin-top: 0;
  font-weight: normal;
}


/*
 * Override Bootstrap's default container.
 */



/*
 * Masthead for nav
 */

.blog-masthead {
}

/* Nav links */
.blog-nav-item {
  position: relative;
  display: inline-block;
  text-decoration: none;
}


/* Active state gets a caret at the bottom */
.nav .active {
}


/*
 * Blog name and description
 */

.header {
	background-image: url(../img/bg-ui-gradient.png);
	background-position: left top;
	background-repeat: repeat-x;
	height: 144px;
	padding-top: 32px;
	padding-bottom: 32px;
}


/*
 * Main column and sidebar layout
 */

.main {
	background-image: url(../img/bg-ui-gradient.png);
	background-repeat: repeat-x;
	background-position: left top;
	min-height: 749px;
	padding-bottom: 40px;
}










/*
 * Footer
 */

.footer {
	background-image: url(../img/bg-banner-royal-blue.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #122A53;
	height: 64px;
	font-size: 12px;
	color: #FFF;
}

.footer p {
	padding: 15px 0;
	font-size: 16px;
}

.footer-menu {
	text-align: right;
	padding: 15px 0;
}



.footer-menu a {
	font-size: 16px;
	color: #FFF;
	padding-right: 10px;
	background: url(../img/bg-seperator.png) 100% 50% no-repeat;
	font-weight: 500;
	margin-left: 10px;
}

.submenu {
	background-image: url(../img/bg-banner-royal-blue.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 32px;
	background-color: #122A53;
}
.footer .wrapper {
	background-image: url(../img/banner-abstract.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 64px;
}
.footer .wrapper .wrapper-shadow {
	background-image: url(../img/shadow-2.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 64px;
}
.wrapper .wrapper-shadow .container {
	background-image: url(../img/bg-footer-copyright.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 64px;
}
.slider {
	background-color: #122A53;
	background-image: url(../img/bg-banner-royal-blue.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 270px;
	margin-bottom: 40px;
}
.slider .wrapper {
	background-image: url(../img/shadow-2.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 270px;
}
.slider .wrapper .wrapper-shadow {
	background-repeat: repeat-x;
	background-position: center bottom;
	background-image: url(../img/bg-ui-shadow-bottom.png);
	height: 100%;
}


#title {
	color: #FFF;
	background-color: #122A53;
	background-image: url(../img/bg-banner-royal-blue.png);
	background-position: center center;
	background-repeat: no-repeat;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#2D59A2), to(#122A53));
	background: -webkit-radial-gradient(circle, #2D59A2, #122A53);
	background: -moz-radial-gradient(circle, #2D59A2, #122A53);
	background: -ms-radial-gradient(circle, #2D59A2, #122A53);
	margin-bottom: 40px;
	
}

#title h1 {
	font-size: 25px;
	font-weight: 400;
	font-family: "HelveticaNeue-Regular","Helvetica Neue",Helvetica,arial,sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

#title .wrapper {
	background-image: url(../img/banner-abstract.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 98px;
	
}

#title .breadcrumbs {
	font-size: 16px;
}
#title .breadcrumbs a {
	color: #aec1e1;
}

#title p {
	font-size: 16px;
	text-align: right;
}

#title .wrapper-shadow-top {
	background-image: url(../img/shadow-2.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 98px;
}

#title .wrapper .wrapper-shadow-bottom {
	background-image: url(../img/bg-ui-shadow-bottom.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 98px;
}

#title .container {
	padding-top: 25px;
	padding-bottom: 25px;
}