body > .top
{
	background-color: #818284;
	padding-top: 5px;
	padding-bottom: 5px;
}
body > .top > div
{
	display: inline-block;
	text-transform: uppercase;
	color: white;
}
body > .top > div > *
{
	margin: 0 6px;
	vertical-align: top;
	display: inline-block;
}
body > .top .dropdown
{
	cursor: pointer;
	color: #fff;
}
body > .top .button
{
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}	
body > .top .button:hover,
body > .top .button a:hover
{
	color: #c71c22;
}
.dropdown .menu
{
	position: absolute;
	overflow: hidden;
	background-color: #818284;
	padding: 10px;
	display: block;
	z-index: 10;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.dropdown .menu.hidden
{
	padding: 0 10px;
	height: 0;
}
.dropdown .menu a
{
	color: white;
}
.dropdown:after
{
	content: "";
	width: 11px;
	height: 8px;
	background-image: url('../../images/new design/down-arrow.png');
	background-repeat: no-repeat;
	display: inline-block;
}
body > .top div.button
{
	cursor: pointer;
	color: #fff;
}
body > .top .menu > div.button
{
	margin-top: 5px;
}
body > .top select.dropdown
{
	display: block;
}
body > .top div.divider
{
	border-left: 1px dotted white;
	width: 1px;
	height: 20px;
	display: inline-block;
}
@media screen and (max-width:500px)
{
	body > .top .divider
	{
		margin: 0;
	}
	body > .top > div
	{
		font-size: 0.8em;
	}
}

@media screen and (min-width:640px)
{
	body > .top .nav
	{
		float: right;
	}
}
body > .top .nav
{
	display: inline-block;
}

.nav a
{
	width: 20px;
	height: 20px;
	margin: 2px 6px;
}
 .nav a.twitter
{
	background: url("../../images/new design/twitter.png");
	background-size: contain;
}
.nav a.facebook
{
	background: url("../../images/new design/facebook.png");
	background-size: contain;
}
.nav a.linkedin
{
	background: url("../../images/new design/linkedin.png");
	background-size: contain;
}
.nav a.youtube
{
	background: url("../../images/new design/youtube.png");
	background-size: contain;
}
.nav a.google
{
	background: url("../../images/new design/google-plus.png");
	background-size: contain;
}

.nav a.github
{
	background: url("../../images/new design/git_hub.png");
	background-size: contain;
}

.nav a.twitter:hover
{
	background: url("../../images/new design/twitter2.png");
	background-size: contain;
}
.nav a.facebook:hover
{
	background: url("../../images/new design/facebook2.png");
	background-size: contain;
}
.nav a.linkedin:hover
{
	background: url("../../images/new design/linkedin2.png");
	background-size: contain;
}
.nav a.youtube:hover
{
	background: url("../../images/new design/youtube2.png");
	background-size: contain;
}
.nav a.google:hover
{
	background: url("../../images/new design/google-plus2.png");
	background-size: contain;
}
.nav a.github:hover
{
	background: url("../../images/new design/git_hub2.png");
	background-size: contain;
}