conent and sidebar problem

hello:

Please look at my page https://www.shopngv.com

The sidebar in the left side is working fine but the 300X250 widget on right is getting pushed down and not up at the top of the content area ..how can I fix this here is my current code…

`/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#wrapper {
margin: 0 auto;
width: 940px;
border-radius: 20px;

}
#wrapper {
background: #fff;
margin-top: 20px;
padding: 0 20px;
}
#main {
width:960px;
margin:0 auto;
overflow:hidden;
position:relative;
}
#container {
width:940px;
float:left;
margin:0 0 0 10px;
}
#content {
margin-left: 210px;
float: left;
overflow:hidden;
width: 550px
}
img.size-auto, img.size-full,
img.size-large, img.size-medium,
.attachment img, img.alignleft,
img.alignright, img.aligncenter {
max-width: 520px ;
}
#primary {
width:200px;
float:left;
margin: 0 0 0 -940px;
}
#secondary {
width:300px;
float:right;
margin: 0 0 0 -200px;

}
#footer {
clear:both;
}
#content img {
height: auto;
max-width: 90%;
width: auto;
}

/* Structure the footer area */
#footer-widget-area {
overflow: hidden;
}
#footer-widget-area .widget-area {
float: left;
margin-right: 20px;
width: 220px;
}
#footer-widget-area #fourth {
margin-right: 0;
}
#site-info {
float: left;
font-size: 14px;
font-weight: bold;
width: 700px;
}
#site-generator {
float: right;
width: 220px;
}