body {

background-color: transparent;

margin: 0 auto;

}
#wrapper {

margin: 0 auto;

width: 100%;

text-align: center;

}
nav {

margin: 0 auto;

margin-top: 3em;

width: 1083px;

}
nav ul {

text-align: left;

display: inline;

margin: 0;

padding: 1em 1em 1em 0;

list-style: none;

}
nav ul li {

display: inline-block;

margin-right: .01em;

position: relative;

padding: 1em 3em;

background: blue;

-webkit-transition: all 0.2s;

-moz-transition: all 0.2s;

-ms-transition: all 0.2s;

-o-transition: all 0.2s;

transition: all 0.2s;

}
nav li a {

padding-bottom: 1em;

text-decoration: none;

cursor: pointer;

font-size: 14px;

padding: 21px;

text-decoration: none;

font-weight: bold;

font-family: Consolas, monaco, monospace;

color: yellow;

}
nav ul li:hover {

background-color: red;

}
nav ul li ul {

padding: 0;

position: absolute;

top: 3.5em;

left: 0;

width: 16em;

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

display: none;

opacity: 0;

visibility: hidden;

-webkit-transiton: opacity 0.2s;

-moz-transition: opacity 0.2s;

-ms-transition: opacity 0.2s;

-o-transition: opacity 0.2s;

-transition: opacity 0.2s;

}
nav ul li ul li {

background-color: skyblue;

display: block;

color: #ffffff;

text-shadow: 0 1px 0 #000;

}
nav ul li ul li:hover {

background-color: white;

}

nav ul li:hover ul {

display: block;

opacity: 1;

visibility: visible;

}
#frameset {

width: 145%;

overflow: hidden;

}
.right {

float:left;

width:49%;

height: 300px;

background:steelblue;

}
.left {

float:left;

width:50%;

height: 300px;

background:blue;

}
footer {

width: 1062px;

background: green;

color: blue;

}