[qubed]

Thanks for the response. In regards to the 1360px, if I do not have the width set to that, the logo will not appear centered whatsoever.

I have since changed the width to 355px (which is what the image width is) and it now sits flush on the left as it can be seen on my site currently this way.

Here is the change I made:

div#wrapper {
	margin: auto;
        min-width:790px;
}

h1#logo, h1#logo a {
	width: 355px;
	height: 175px;
        margin-top:7px;
}

h1#logo {
	margin:  0px;
	padding: 8px 0px 2px 0px;
	height: 197px;
}

img {
       border:0;
}

h1#logo a {
	display: block;
	text-indent: -5000px;
	background: url(images/genesis/misc/logo.jpg) no-repeat center;
}

.topBanner {
       float:center;
       margin-top:20px;
       border:2px solid #fff;
}

ul#navi {
	margin: 0px 0px 25px 0px;
	padding: 7px 0px 0px 0px;
	text-align: center;
	height: 28px;
	list-style-type: none;
	float:left;
}

ul#navi li {
	display: block;
	float:left;
	height:28px;
}

ul#navi li a:link, ul#navi li a:hover, ul#navi li a:visited {
	color: #CCFF00;
	font-size: 14px;
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
	text-decoration: none;
        display:block;
        padding: 3px 10px 3px 10px;
        height:22px;
        float:left;
}

ul#navi li a:hover {
	color: #c0c0c0;
        background-color:#535353;
}