#layout
{
	background-color	: #fff;
	width				: 970px;
	margin				: auto;
	text-align			: left;
	position			: 2px;
}
#header
{
	width			: 970px;
	height			: 140px;
	background-color: #fff;
	position		: center;
}

.menu-bar
{
	width			: 970px;
	height			: 40px;
	background		: #0099FF;
	text-align		: center;
	
}
.menu-bar ul
{	
	display			: inline-flex;
	list-style		: none;
	color			: #fff;
	text-align		: center;
}
.menu-bar ul li
{
	width			: 140px;
	margin			: 1px;
	padding			: 1px;
}
.menu-bar ul li a
{
	text-decoration	: none;
	color			: #fff;
}
.active,.menu-bar ul li:hover
{
	background		: #0099CC;
	border-radius	: 1px;
}

.sub-menu
{
	display			: none;
}
.menu-bar ul li:hover .sub-menu
{
	display			: block;
	position		: absolute;
	background		: #0099FF;
	margin-top		: 1px;
	margin-left		: -1px;
}
.menu-bar ul li:hover .sub-menu ul
{
	display			: block;
	margin			: 7px;
}
.menu-bar ul li:hover .sub-menu ul li
{
	width			: 80px;
	padding			: 4px;
	font-size		: 14px;
	border-bottom	: 1px dotted #fff;
	background		: transparent;
	border-radius	: 0;
	text-align		: left;
}
.menu-bar ul li:hover .sub-menu ul li:last-child
{
	border-bottom	: none;
}
.menu-bar ul li:hover .sub-menu ul li a:hover
{
	color			: #b2ff00;
}
.section
{
	width			: 970px;
	margin-top		: 50px;
	position		: center;
}

#galery
{
	height			: 450px;
	width			: 970px;
	margin-right	: auto;
	margin-left		: auto;
	margin-top		: 90px;
}

#footer
{
	width		    : 970px;
	height			: 40px;
	margin-top		: 20px; 
	padding-top		: 5px;
	background-color: #0099FF;
	color			: black;
	font-size		: 6pt;
	text-align		: center;
	position		: relative;
	clear			: both;
}