#main { float: left; width: 960px; height: 400px; position: relative; overflow: hidden }

#boxes { float: left; width: 960px; height: 142px; background: #fff url(../images/light-grey-bg.jpg) repeat; padding-bottom: 10px; }
#box1 { float: left; width: 310px; height: 142px; background: #ccc; margin-right: 10px; overflow: hidden }
#box2 { float: left; width: 310px; height: 142px; background: #ccc url(../images/mid-image.jpg); margin-right: 5px; overflow: hidden }
#box2 h1 { margin: 15px 0 0 15px; font-weight: normal; font-size: 43px; color: #fff; }
#box2 h1 strong { font-weight: bold; }
#box2 p { margin: 0 5px 15px 15px; font-weight: normal; font-size: 13px; line-height: 17px; color: #fff; }
#box2 p strong { font-weight: bold; }
#box3 { float: left; width: 310px; height: 142px; background: #ccc; margin-left: 10px; overflow: hidden }
#box3 a { color: #003366; text-decoration: none; font-weight: bold; }
#box3 a:hover { color: #336699; text-decoration: none; font-weight: bold; }

#ajaxarea { float: left; width: 310px; height: 142px; margin-right: 5px; margin-left: 5px; overflow: hidden }

.box-header { float: left; width: 295px; height: 45px; background: #fff url(../images/box-header.jpg); overflow: hidden; padding: 0 0 0 15px }
.box-header h1 { float: left; color: #fff; font-size: 13px; font-weight: bold; font-family: Arial; margin: 18px 0 10px 0; }
.box-header h2 { float: left; color: #fff; font-size: 13px; font-weight: normal; font-family: Arial; margin: 18px 0 10px 8px; }

.box-main { float: left; width: 295px; height: 79px; background: #ccc url(../images/box-bg.jpg); padding: 18px 0 0 15px }
.box-main h1 { float: left; color: #666; font-size: 12px; font-weight: bold; font-family: Arial; margin: 18px 0 10px 0; }
.box-main p { float: left; color: #666; font-size: 10px; font-weight: normal; font-family: Arial; margin: 0 5px 10px 0; line-height: 14px; }

#facts-wrapper { float: left; width: 960px; height: 416px; background: #fff url(../images/light-grey-bg.jpg) repeat; }
#facts-header { float: left; width: 960px; }
#facts-bar { float: left; width: 960px; height: 7px; background: #336699 url(../images/footer-divider.jpg) repeat-x;  overflow: hidden}
#facts-nav { float: left; }
#facts-nav ul { float: left; list-style-type: none; width: 960px;  height: 27px; overflow: hidden  }
#facts-nav li { float: left; font-size: 12px; font-weight: bold; height: 27px; overflow: hidden; margin-right: 6px }
#facts-nav li h1 { margin-left: 10px; }
#facts-nav li a { float: left; color:#666; text-decoration: none; line-height: 27px; width: 158px; height: 27px; background: #fff url(../images/facts-tab.jpg); }
#facts-nav li a:hover, #facts-nav li .on { width: 158px; height: 27px; background: #666 url(../images/facts-tab_.jpg); }

#facts-container { float: left; width: 850px; height: 200px; }
#facts-container img { float: left; margin: 0 10px 15px 10px; }
#facts-container .fact { float: left; width: 148px; height: 62px; margin: 0 10px 15px 10px; padding: 30px 0 0 0; overflow: hidden}
#facts-container .fact h2 { font-size: 40px; font-weight: normal; color: #333; line-height: 40px; text-align: center; position: relative }
#facts-container .fact h2 strong { font-size: 40px; font-weight: bold; color: #333; }
#facts-container .fact h2 em { font-size: 10px; font-weight: bold; color: #333; position: relative; top: -15px }

#facts-container a { text-decoration: none; color: #FFF }

#facts-images { float: left; width: 890px; height: 206px; background: #fff url(../images/footer-bg-mid.jpg) repeat-x; overflow: hidden; padding: 10px 0 0 40px }
#facts-images-left { float: left; width: 17px; height: 216px; background: #fff url(../images/footer-bg-left.jpg) no-repeat; }
#facts-images-right { float: left; width: 13px; height: 216px; background: #fff url(../images/footer-bg-right.jpg) no-repeat; }

#vidframe_outer { position: absolute; top: 0px; left: 0px; width: 630px; height: 387px; background: url(../images/videobg.png); z-index: 10; }
#vidframe { position: absolute; top: 0; left: 0; width: 522px; height: 387px; z-index: 11; }

#vidplayer { float: left; width: 514px; height: 324px; background: #FFF; border: solid 5px #20699c; }
#vid { float: left;  }
#close { float: right; cursor: pointer }

#overlay { width: 100%; height: 100%; background: #000; position: absolute; top: 0px; left: 0px; z-index: 2 }