Rechte Box im CSS-Desing

hey leute ich habe ein kleines problem und zwar im berreicht CSS-Desings downloaden habe ich ein Desing ausgewählt und das funktioniert so auch einwandfrei.
Jetzt möchte ich aber eine rechte Box einfügen ind der ich einen flashcode einegebn möchte für eine uhr.
Also im klartext ich möchte unter dem Header eine Uhr über einen Flashcode einfügen aber diese uhr landet immer ganz oben über header und werbung bitte bitte kann mir jemande helfen.



Mein Layout für CSS-Desing:

-->
</style>
<center>
<style type="text/css">
<!--

/* Nullformatierung für alle Browser */
* {margin:0px; padding:0px;}

/* Hintergrund hinter Design */
body {
background-color: #6f8ac4;
background-image: url();
background-repeat: repeat-x; }

/* Hintergrund-Container */
#container {
width: 980px;
margin: auto;
background-color: #222222;
background-image: url();
border: 2px solid #c9c9c9;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
overflow: hidden; }

/* Dein Header-Banner oben */
#header_container {
margin-top: 10px;
width: 940px;
height: 80px;
background-image: url(Hier Bild-URL Header);
border: 1px solid #898989;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px; }

/* Feld der Navigation */
#nav_container {
width: 980px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
border: 0px solid #c9c9c9; }

/* Feld Navi-Buttons */
li.nav_element {
display: inline-block;
list-style-type: none;
text-align: center;
margin-right: 10px;
margin-left: 10px;
width: 85px !important;
padding: 5px;
background-color: #000000;
background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/blacky.jpg);
border: 1px solid #999999;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px; }

/* Linkfarbe und Linkgröße im Navi-Button */
li.nav_element a {
font-size:15px;
color: #FFFFFF;
font-family: arial; }

/* Hover-Effekt bei Mauskontakt */
li.nav_element:hover {
background-color:#800000;
background-image:url(); }

/* gerade besuchte Seite */
li.checked_menu {
background-color:;
background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/animated.gif);
border: 1px solid #222222; }

/* Textfeld / Seiteninhalt */
#content {
margin-top: 10px;
margin-bottom: 20px;
width: 900px;
padding: 20px;
color: #000000;
font-size: 14px;
font-family: arial;
text-align: left;
background-color: #FFFFFF;
border: 1px solid #c9c9c9;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px; }

/* Linkfarbe und Größe im Textfeld */
#content a {
font-size: 14px;
color: #000080;
font-family: arial; }

/* Balken unter dem Design */
#unten {
width: 960px;
color: #FFFFFF;
font-family: arial;
padding: 10px;
margin-top: 10px;
margin-bottom: 50px;
background-color: #222222;
border: 2px solid #c9c9c9;
-moz-border-radius-topleft: 7px;
moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px; }



/*unnötige Elemente entfernt */
#sidebar_container {display:none; }
#sidebar_heading {display: none;}
#nav_heading {display:none;}
h1#header {display:none;}
h2#title {display:none;}
#pre_content {display: none;}
#pre_header {display:none;}
div.header{display: none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display: none;}
#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {display:none;}
#counter {display:none;}

anscheinend iterressiert es niemand das ich hier eine frage/problem habe oder jeder der davon ahnung hatt ist gerade nicht on wäre echt schön wenn mir jemand mal helfen kann