@font-face {
	font-family: 'Eurostile Regular';
	src: url('Eurostile.eot');
	src: local('Eurostile Regular'), local('EurostileRegular'), url('Eurostile.woff') format('woff'), url('Eurostile.ttf') format('truetype'), url('Eurostile.svg#EurostileRegular') format('svg');
}


body {
	font-family: "Eurostile Regular", sans-serif;
	font-size: 14px;
}

a, a:visited, a:active {
	color: #ffffff;
}

a img {
	border-color: #ffffff;
	border-width: 2px;
	border-style: solid;
}

#wrapper {
	margin: 0 auto;
	margin-top: 100px;
	width: 670px;
	height: 734px;
	background-image: url("img/background.png");
	background-repeat: no-repeat;
	background-position: 95% 2px;
}

#content {
	background-repeat: no-repeat;
	width: 493px;
	height: 344px;
	float: right;
}

#text {
	color: #ffffff;
	width: 260px;
	margin: 30px;
	float: right;
}

#sidebar {
	color: #7d7d7d;
	float: left;
	padding-top: 140px;
	width: 150px;
	background-repeat: no-repeat;
	background-position: top;
}

.navbar {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: -30px;
}

.navbar li a {
	padding: 5px;
	color: #7d7d7d;
	text-decoration: none;
}

.navbar li {
	padding: 5px;
	background-color: #ffffff;
}

.navbar img {
	margin-top: -104px;
}

.navbar a img{
	border: none;
}


.current_page {
	margin-left: 170px;
	background-color: red;
}

.current_page a {
    background-color: #ffffff;
	z-index: 100;
	position: absolute;
	width: 90px;
	text-align: right;
	padding: 5px;
	padding-right: 10px;
}

.secondary {
	margin-top: 15px;
}

.purple_content {
	background-image: url("img/purple.png");
}


.blue_content {
	background-image: url("img/blue.png");
}


.black_content {
	background-image: url("img/black.png");
}

.green_content {
	background-image: url("img/green.png");
}

.greener_content {
	background-image: url("img/greener.png");
}

.bluer_content {
	background-image: url("img/bluer.png");
}