Theme header help

Hi i have a theme i am working on here https://www.bettingview.com

I got a header made and was trying to change some css and made a mess and had to try reinstate the header myself.

The logo bettingview is supposed to be more over to the right and not on top of the computer screen.

================================================================
     HEADER
=================================================================== */

#toparea {
	background: #000000;
    width: 980px;
	height: 24px;
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 0px 10px;
    overflow: hidden;
	}

.toparea-left {
    width: 488px;
    margin: 0px 4px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    }

.toparea-right {
    width: 488px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
	text-align: right;
    }

#header {
	background: #000024 url(images/bettingviewheader.jpg) top no-repeat;
    width: 980px;
	height: 80px;
    margin: 0px 0px 0px 0px;
    padding: 20px 10px 7px 10px;
    overflow: hidden;
	}

.header-left {
	background: transparent url(images/bettingviewlogo.png) no-repeat;
    width: 399px;
	height: 90px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    }

.header-right {
    width: 581px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
	text-align: right;
    }

Can anyone tell me what i can change to fix it please?