#header {

	display: block;

	width: 940px;

	height: 240px;

	}



#header .top {

	float: left;

	width: 480px;

	height: 120px;

	margin: 0px 0px 0px 0px;

	}

	

#header .bottom {

	float: left;

	clear: left;

	width: 480px;

	height: 120px;

	margin: 0px 0px 0px 0px;

	}



#header .square {

	float: left;

	width: 120px;

	height: 70px;

	margin: 0px 0px 0px 0px;

	padding: 50px 0px 0px 0px;

	text-align: center;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 16px;

	}

	

#header .empty {

	text-indent: 0px;

	}

	

#header .dark {

	text-indent: 0px;

	background-color: #1460b7;

	}

	

#header .light {

	text-indent: 0px;

	background-color: #3070b8;

	}

	

#header .logo {

	display: block;

	float: right;

	width: 270px;

	height: 180px;

	margin: 40px 180px 0px 0px;

	text-indent: -9999px;

	background: url(/img/design/logo.png) no-repeat;

	}

	

#header .navigation {

	float: left;

	clear: left;

	width: 480px;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 14px;

	}



#header .navigation li {

	float: left;

	}



#header .navigation li a {

	display: block;

	width: 120px;

	height: 35px;

	text-align: center;

	padding: 25px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	color: #3070b8;

	}

	

#header .active a {

	background: url(/img/design/navigation.png) no-repeat bottom;

	}