/** GENERAL **/
.header-wrapper				{ padding:0px 0px 20px 0px; }

.header-wrapper				{ background:#393A3A; color:#FFFFFF; }
.lt-ie9 .header-wrapper		{ background:url(ie/bg-blue.png) repeat; }



/** HEADER LOGO **/
.header-logo {
	float:left;
	width:340px;
}
.header-logo img {
	width:100%;
	max-width:570px;
	max-height:132px;
}



/** HEADER DETAILS **/
.header-details {
	text-align:right;
	margin:0px 0px 0px 360px;
	padding:18px 0px;
}
.header-details .header-contact {
	display:inline-block;
	vertical-align:middle;
	margin:0px 5px 0px 0px;
	padding:0px 15px 0px 0px;
	border-right:1px solid #CCCCCC;
}
.header-contact .header-branch {
	display:inline-block;
	vertical-align:middle;
}
.header-contact .header-branch .org {
	color:#EBE600;
	text-transform:uppercase;
}
.header-contact .header-branch .tel {
	font-weight:700;
	color:#FFFFFF;
	font-size:1.3em;
}
.header-details .header-social {
	display:inline-block;
	vertical-align:middle;
	list-style:none;
	font-size:1.3em;
	margin:0px;
	padding:0px;
}
.header-details .header-social li {
	display:inline-block;
	vertical-align:middle;
}
.header-details .header-social a {
	text-align:center;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	margin:0px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	color:#FFFFFF;
}
.header-details .header-social a:hover {
	color:#EBE600;
}

@media screen and (max-width:680px){
	.header-logo {
		width:90%;
		max-width:440px;
		margin:0px auto;
		float:none;
		display:block;
		text-align:center;
	}
	.header-details {
		margin:0px;
		text-align:center;
	}
	.header-details .header-contact {
		display:block;
		margin:0px 0px 20px 0px;
		padding:0px;
		border:none;
		text-align:center;
	}
	.header-details .header-social {
		display:block;
	}
}



/** RESPONSIVE **/
/* @media screen and (max-width:720px){

	.header-logo						{ float:none; display:block; clear:both; margin:20px auto; width:100%; max-width:250px; }
	.header-details						{ float:none; width:100%; margin:0px auto; }
	.header-details .header-contact		{ display:block; clear:both; width:100%; text-align:center; margin:30px 0px 10px 0px; }
	.header-contact .header-branch		{ width:160px; }
	.header-contact .header-branch .org	{ display:inline-block; }
	.header-details .header-social		{ border-left:none; display:block; clear:both; text-align:center; padding:0px; margin:0px auto; }

} */