html, body {
	margin:0px;
	padding:0px;
	background:#626262;
}
ul, li {
	margin:0px;
	padding:0px;
	list-style:none;
}
a {
	text-decoration:none;
}
section {
	margin:20px auto;
	width:880px;
	overflow:hidden;
	background:#fff;
	-webkit-box-shadow:3px 3px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow:3px 3px 10px 0px rgba(0,0,0,0.35);
	box-shadow:3px 3px 10px 0px rgba(0,0,0,0.35);
}
.top {
    float:left;
    width:880px;
    height:224px;
    background:url(../images/header.jpg);
}
.top a.logo {
    display:block;
    margin:70px auto;
    width:86px;
    height:88px;
    background:url(../images/logo.png);
}
.middle {
    float:left;
    width:880px;
    overflow:hidden;
}
.middle h1 {
    float:left;
    width:880px;
    height:87px;
    color:#fff;
    font:53px Proxima Nova Semibold;
    text-align:center;
    text-transform:uppercase;
    background:#3d98eb;
    letter-spacing:3px;
    line-height:87px;
    margin:0px;
}
.middle h2 {
    float:left;
    width:880px;
    height:87px;
    color:#267ecf;
    font:56px Proxima Nova Light;
    text-align:center;
    text-transform:lowercase;
    background:url(../images/line.jpg);
    letter-spacing:3px;
    line-height:87px;
    margin:0px;
}
.menu {
    float:left;
    width:880px;
	height:262px;
    overflow:hidden;
    background:#267ecf;
}
.menu ul {
    float:left;
    height:87px;
    margin-left:0px;
    border-left:1px #70b7f8 solid;
}
.menu ul li {
    float:left;
    height:87px;
    border-right:1px #70b7f8 solid;
}
.menu ul li a {
    float:left;
    height:87px;
    color:#fff;
    font:28px Proxima Nova Light;
    background:url(../images/menu-bg.jpg);
    line-height:87px;
    padding:0px 25px;
}
.menu ul.menu2 li a {
	padding:0px 21px;
}
.menu ul li a:hover {
    background:url(../images/menu-bg-hover.jpg);
}