* { padding: 0; margin: 0; }
body { font-family: Arial, Helvetica, sans-serif; background-color: #333; font-size: 13px; font-weight: normal; color: #333; }
#wrapper { margin: 0 auto; width: 980px; }
#page { width: 100%; display: table; background-color: #151515; }
#pageContainer { width:980px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-image: url(../images/Design.jpg); background-repeat: no-repeat; }
#mainContainer { width: 980px; height: 800px; }
#top { float: left; width: 980px; color: #333; }
#header { width: 980px; float: left; height: 400px; position: relative; }
#menu { float: left; height: 30px; width: 980px; }
#logo { float: left; height: 50px; width: 300px; }
#teaser { float: left; height: 200px; width: 300px; }
#featuredvideo{ float: left; height: 100px; width: 980px; }
#mainContent { width: 980px; float: left; position: relative; }
.mainContentLeft { width: 700px; float: left; background-color: #FFF; }
.mainContentRight { width: 280px; float: left; color: #FFFFFF; background-color: #d3d3d3; margin-top: 50px; }
#footer { width: 980px; background-color:#181818; float: left; margin-top: 10px; }
/* MENU */
.mattblacktabs { width: 100%; overflow: hidden; /*bottom horizontal line that runs beneath tabs*/ }
.mattblacktabs ul { margin: 0; padding-left: 0px; /*offset of tabs relative to browser left edge*/ font: bold 12px Verdana; list-style-type: none; padding-top: 0; padding-right: 0; padding-bottom: 0; }
.mattblacktabs li { display: inline; margin: 0; }
.mattblacktabs li a { float: left; display: block; text-decoration: none; margin: 0; padding: 7px 8px; /*padding inside each tab*/ border-right: 1px solid white; /*right divider between tabs*/ color: white; background: #414141; /*background of tabs (default state)*/ }
.mattblacktabs li a:visited { color: white; }
.mattblacktabs li a:hover, .mattblacktabs li.selected a { background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */ }