* {margin: 0; padding: 0;}
html {height: 100.02%;}
body {background: #FAFAFA;}
#header {margin: 20px 0 40px 0;}
#header img {width: 717px; position: relative; left: 50%; margin-left: -358px;}
#content {width: 776px; position: relative; left: 50%; margin-left: -388px;}
#top {height: 328px;}
#menu {float: left; width: 244px; height: 288px; list-style-type: none; text-align: center;}
#menu a, #menu span {display: block; width: 244px; height: 27px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 29px; text-decoration: none; border-bottom: 1px solid #FAFAFA; background-color: #D0D0CC; color: #000;}
#menu span {cursor: default;}
#overview {border-top: 1px solid #FAFAFA;}
#menu a:link {background-color: #E8E8E4; color: #20201C;}
#menu a:visited {background-color: #E8E8E4; color: #20201C;}
#menu a:hover {background-color: #E0E0DC; color: #000;}
#menu a:active {background-color: #A3A39F; color: #000;}
h1 {font: 19px/110px Arial, Helvetica, sans-serif;}
#subheader {position: relative; top: -30px; width: 452px; height: 258px; float: right; padding: 15px; text-align: center; font: 16px/22px Arial, Helvetica, sans-serif; color: #20201C;}
#subheader p {margin-bottom: 40px;}
#mobile {width: 499px; height: 279px; float: right; background-image: url('../images/clips/talk.jpg'); color: #FFF;}
#mobile h1 {text-align: center; margin-top: 25px; position: relative; left: 100px; font: 26px "Lucida Grande", Geneva, sans-serif;}
#mobile ul {float: right; margin: 20px 25px 0 0; list-style-type: none; font: 24px/30px "Lucida Grande", Geneva, sans-serif;}
#mobile ul li {margin-bottom: 15px;}
#mobile ul a {text-decoration: none;}
#mobile ul a:link {color: #FAFAFA;}
#mobile ul a:visited {color: #FAFAFA;}
#mobile ul a:hover {color: #FFF;}
#mobile ul a:active {color: #FFF;}
#summary {clear: both; position: relative; top: 30px; font: 14px/20px "Lucida Grande", Geneva, Verdana, sans-serif; text-align: center; color: #20201C;}
#instruction {position: relative; top: 73px; font: 14px/20px "Lucida Grande", Geneva, Verdana, sans-serif; color: #888;}
a:link {color: #14A;}
a:visited {color: #14A;}
a:hover {color: #58D;}
a:active {color: #7AF;}
.clip {width: 100%; height: 265px; margin-bottom: 20px; background-color: #E8E8E4;}
.clip p {margin-top: 15px;}
.title {width: 310px; float: left; text-align: left; padding: 2px 20px; background-color: #E8E8E4; font: 14px/20px Arial, Helvetica, sans-serif; color: #20201C;}
.part {font: 40px/40px Arial, Helvetica, sans-serif;}
#footer {clear: both; width: 100%; height: 20px;}
#footer img {display: block; margin: auto; border: none;}