.dropdown {
	z-index: 9999;
	
	width: 100%;
	margin: 30px auto 0;

	font: normal 1.2em 'proxima_regular', sans-serif;
	color: #FFF;

	background-color: #126377;
}

	.dropdown a{
		color: #FFF;
	}

.dropdown dt a {
	display: block;
	height: 2.5em;
	width: 100%;

	border-radius: 3px;

	text-decoration: none;
}

.dropdown dt a:hover, .dropdown dt a:active {
	/*border-color: #bdc3c7;*/
}

.dropdown dt span {
	display: block;
	padding: 0 1em;
	line-height: 2.5em;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHo+AACAQQAA+MoAAIC0AAB48QAA9RwAADw3AAAbzhlfIT4AAACJSURBVHjajNAxCsJAEEbhb5cU4i0sbHIaL6IQTxFPo4VeROwXQs4gKW1cWJZEM90wj5l5f0jDeMXBunqENIw7vLD9A09oIxL6FdsvSCENI2zwxH4BTmgxxeJc92P76cuIpRBuc6K45yZWwzPeleixBOLMr30tWgJZuqwcQJNFy2GzkHeHUMPwGQChFSPmzlJ1WgAAAABJRU5ErkJggg==) no-repeat scroll right center;
	border-right: 1em solid transparent;
	cursor: pointer;

	font-family: 'proxima_semibold';
}

.dropdown dd {
	position: relative;
}

.dropdown dd ul {
	display: none;
	position: absolute;
	left: 0;
	top: -2.5em;
	width: 100%;
	list-style: none;
	background: #126377 none repeat scroll 0 0;
	border-radius: 3px;
}

.dropdown dd ul li:first-child a:hover {
	border-radius: 3px 3px 0 0;
}

.dropdown dd ul li:last-child a:hover {
	border-radius: 0 0 3px 3px;
}

.dropdown dd li a {
	display: block;
	padding: 0 1em;
	line-height: 2.5em;
	text-decoration: none;
}

.dropdown dd li a:hover {
	background-color: #2297d1;
	color: #fff;
	cursor: pointer;
}

.dropdown img{
	vertical-align: middle;
}



@media (max-width: 600px) {
	.dropdown {
		margin-top: 10px;

		font-size: 1em;
	}
}