body {
	background-color: #333333;
}
/*Navigation*/
.navbar a, .navbar li.opener::after {
	color: #CCCCCC;
}

.navbar ul li a:hover, .navbar ul li.active>a, .dropotron > li.active > a, .dropotron > li:hover > a, .navbar li.active.opener::after, .navbar li:hover.opener::after {
	color: #CCCCCC;
}

.dropotron.level-0:before {
	border-bottom: solid 0.5em #CCCCCC;
}

.dropotron.level-0 {border: 1px solid #CCCCCC;}


.dropotron {
	background-color: #111111;
}
.dropotron > li { border-top: solid 1px rgba(255,255,255,0.1);}



.topbar{
	background-color: #000000;
	color: #CCCCCC;
}

.dropotron>li>a {
	color: #CCCCCC;
}

.dropotron>li>a:hover {
	color: #FFFFFF;
}

#mainContainer, .photo-navigation {
	background-color: #F9F9F9;
	color: #FFFFFF;
}

#mainContainer a, .photo-navigation a {
	color: #E6E6E6;
}

#mainContainer a:hover, .photo-navigation a:hover {
	color: #000000;
}

#landingtop h1 {
	color: #FFFFFF;
}

#landingtop p {
	color: #CCCCCC;
}

#landingtop a.more-btn {
	background-color: #FF0000;
	color: #FFFFFF;
}

#footernav {
	background-color: #777777;
	
}

#footernav .footernav li, .breadcrumbs li + li::before {
	color: #CCCCCC;
}

#footer {
	background-color: #555555;
	color: #CCCCCC;
}

#footer a {
	color: #999999;
}

#footer a:hover {
	color: #CCCCCC;
}

#footernav ul a {color: #BBBBBB;}
#footernav ul a:hover {color: #DDDDDD;}