/* Top header - this is the grey bar at the top of the web pages */
@media (min-width:100px) {
	.navbar-header a {
	    float: left;
    	max-width: 200px;
    	padding: 5px;
    	width: auto;
	}
	div.logged-in-top {
		padding:5px 10px 3px;
		margin-top: 0px;
	}
	.logged-in-top li.pointsAmount {
		font-size: 110%;
		padding:3px;
	}
}
.navbar-toggle .icon-bar { background:#cccccc;}
@media (min-width:768px) {
	header {
		padding-top: 20px;
	}
div.logged-in-top {
	background:#bfc1c2;	
	width: 100%;
	height:auto;
	padding:2px;
	color: #ffffff;

}
.logged-in-top ul li a { color: #ffffff;}
.logged-in-top ul {
	margin-bottom:0px;
	font-size: 80%
}
.logged-in-top li.name {
	border-right:1px solid #ffffff;
}
.logged-in-top li.pointsIntro {
	font-weight:bold;
}
.logged-in-top li.pointsAmount {
	padding:10px; 
	background: #a6a7a9;
	font-size: 135%;
}
.logged-in-top li.profileLink {
	border-right:1px solid #ffffff;
}
.logged-in-top form {
	padding: 3px;
}

/* Main header styles */
header {
	background: url(../images/header-background.png) center top no-repeat;	
	padding-top:0px;
}
.logoHolder {
	padding-bottom: 10px;
}
.headerHolder {
	position: relative;
	width:100%;
	height:85px;	
} 
.headerHolder ul {
	position: absolute;
	right:15px;
	bottom: 0px;
	margin-bottom:0px;
}
.navigation-div {
	position: relative;
	height: 85px;
}
.navigation-div li a {
	font-size: 105%;
}
.curent {
	border-bottom: 5px solid #50b948;
}
/* Footer styles */

footer {
	background:#50b948;
	padding: 15px 0px 60px 0px;
	font-size:75%;
	color: #ffffff;
	height: 90px;
}
footer a {
	color: #ffffff; 
	text-decoration: underline;
}
.sub-footer {
	background:#ffffff url(../images/footer-before-bg.png) top center no-repeat;
	height:105px;	
	width: 100%;
}
/* media query ends */
}
@media (min-width:100px) {
	.headerHolder {
    	height: 125px;
	}
	.navigation-div {
    height: 44px;
    clear: both;
    float: right;
	}
}
@media (min-width:1024px) {
	.headerHolder {
    	height: 85px;
	}
	.navigation-div {
    height:85px;
    clear: none;
    float: right;
	}
}
@media (min-width:768px) {
	header {
		padding-top: 20px;
	}
}