html, body {
	margin:0;
	padding:0;
	height:100%;
}

body{	
	background: url(../images/background.jpg) center 0 no-repeat #000;
	color: #fff;
}

/* --- Layout --- */

.wrapper{
	min-height:100%;
	position:relative;
}

.header{
	height: 106px;
}

.sheet{
	padding-bottom:200px;
	background-color: rgba(0,0,0,0.5);
	border-radius: 6px;
}

#content{
	min-height: 580px;
}

.footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:170px;
	background-color: #1A1A1A;	
 }
 
 .footer > .container{
 	color: #6d6d6d;
 }
 
 /* --- Header --- */

.siteinfo{
	text-align: right;
	height: 26px;
	line-height: 26px;
}

#page-logo{
	float: left;
}

#page-title{
	color: #000;
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	padding-top: 9px;
}

#page-slogan{
	color: #000;
	font-size: 28px;
	line-height: 28px;
	padding-top: 0;
}

/* --- Navbar --- */

.nav-wrapper{
	position: relative;
	min-height: 68px;
	margin-right: -18px;
	margin-left: -18px;
}

.navbar-collapse{
	padding: 0;	
}

.navbar-toggle{
	background: rgba(249,188,7,1);
}

 .navbar-toggle .icon-bar{
	 background-color: #000;
 }
 
 .nav>li>a:hover, .nav>li>a:focus, .nav>li>a.active{
		color: #000;
		background: rgba(249,188,7,1);
		background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(249,188,7,1) 10%, rgba(249,188,7,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(10%, rgba(0,0,0,1)), color-stop(10%, rgba(249,188,7,1)), color-stop(100%, rgba(249,188,7,1)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(249,188,7,1) 10%, rgba(249,188,7,1) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(249,188,7,1) 10%, rgba(249,188,7,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(249,188,7,1) 10%, rgba(249,188,7,1) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(249,188,7,1) 10%, rgba(249,188,7,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f9bc07', GradientType=0 );	
	}

@media (min-width: 768px){
	.nav {
		position: absolute;
		top: -7px;
		bottom: 0;
		margin: 0;
		display: table;
		width: 100%;
	}
	.nav > li{
		
		display:table-cell;
		text-align: center;
	}
	
	.nav>li>a{
		background: rgba(0,0,0,0);
		padding-top: 15px;
		padding-bottom: 15px;
		color: #fff;
		transition: 0.3s ease;
		-o-transition: 0.3s ease;
		-webkit-transition: 0.3s ease;	
	}
	
	.nav>li>a:hover, .nav>li>a:focus, .nav>li>a.active{
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.navbar .nav li:first-child a{
		border-radius: 6px 0 0 0;	
	}
	
	.navbar .nav li:last-child a{
		border-radius: 0 6px 0 0;
	}

}



/* --- Footer --- */
@media (min-width: 992px) {
	
	.footer>.container{
		position: relative;
		height: 100%;
	}
	
	.footer>.container>.row{
		position: relative;
		height: 100%;
	}
	
	 
	 .footer-left{
		 position: absolute;
		 bottom: 6px;
	 }
	 
	.footer-right{
		text-align: right;
		position: absolute;
		bottom: 6px;
		right: 0;
	}
}


@media (max-width: 992px) {
	.sheet{
		padding-bottom:310px;
	}
	
	.footer{
		height:290px;
	}	
}

@media (max-width: 640px) {
	.sheet{
		padding-bottom:390px;
	}
	
	.footer{
		height:360px;
	}	
}


/* --- Icons --- */

.iconstack{
	margin-top: 20px;
	height: 36px;

}

.iconstack>i:first-of-type{
	position: absolute;
	font-size: 30px;
	left: 50%;
}

.iconstack>i:last-of-type{
	position: absolute;
	font-size: 36px;
	color: #f9bd07;	
	left: 50%;
	transform: translate(-22px, -14px);
}


/* --- Helpers --- */


/* --- Elements --- */

.grey{
	color: #999999;
}

.silver{
	color: silver;
}

.yellow{
	color: #f9bd07;
}

.img-wide{
	width: 100%;
}

a {
	color: #F9BD07;
}
a:visited {
	color: #F9BD07;
}
a:active {
	color: #F9BD07;
}
a:hover {
	color: #F9BD07;
}

a.btn:visited{
	color: white;
}

ul.check li{
	margin-bottom: 20px;
}

ul.check-green{
    list-style-image: url(../images/check-green.png);
}

ul.check-orange{
	list-style-image: url(../images/check-gold.png);
}

.addy-highlight{
	background-color: rgba(249, 189, 7, 0.2);
}

#contact input[type="text"], #contact input[type="email"], #contact textarea{
	width: 100%;
	background: #1a1a1a;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #6d6d6d;
	font: 300 13px/18px 'Roboto', sans-serif;
	border: none;
	padding: 7px 14px 7px;
	margin-bottom: 10px;
}

#contact input[type="text"]{	
	height: 32px;
}

#contact textarea{
	height: 225px;
}

#contact input[type="submit"]{
	width: 100%;
	text-align: center;	
	padding: 7px 14px 7px;
	height: 32px;
	color: black;
	font: 500 13px/18px 'Roboto', sans-serif;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: none;
	border-radius: 4px;
}

.padded{
	padding-left: 30px;
	padding-right: 30px;
}

.readable{
	background-color: #1A1A1A;
	border-radius: 8px;
}

/* --- Back to Top --- */
#top-link-block.affix-top {
    position: absolute;
    bottom: -82px;
    right: 10px;
}
#top-link-block.affix {
    position: fixed;
    bottom: 160px;
    right: 10px;
}

#top-link-block>a{
	background-color: #1A1A1A;
	opacity: 0.8;
	color: white;
}

#top-link-block>a:hover{
	
}

.has-error input{
	background-color: #ffa1a1;
}