#1 (permalink)

I need to enhance this site I am putting together

www.mywholesalephones.com

first enhancement is to replace the Header on this site with an image already uploaded on Godaddy's site, the location of the image is:

http://app4,websitetonight.com/proje...e/_1140097.jpg

what's the code I should put into the css file please? My image will have to occupy the entire grey colored area on top of the menu or navigation bar. Can anyone give me the css code I will need to do this first change please? This is the site's existing css code:

Quote:
/************************************************** *******
************************************************** ********

Folder: Theme315_Generic1
Name: Generic 1
Cat: Generic

************************************************** ********
************************************************** *******/
/*------------------------------------
GENERAL
------------------------------------*/
body {
margin: auto;
}

.sf_outer_wrapper {
width: 798px;
margin: 50px auto;
}

.sf_wrapper {
width: 798px;
position: relative;
}

a {
color: #000;
}

.sf_extra10 {
display: none;
}

/* ------------------------------------
HEADER
------------------------------------ */
.sf_header_wrapper {
margin-top: 0px;
height: 133px;
}

.sf_main_header p, .sf_sub_header p { margin: 0; padding: 0; }
.sf_main_header {
padding-top: 25px;
text-align: left;
font: bold 24px Helvetica, Arial, sans-serif;
line-height: .9;
margin-left: 18px;
height: 40px;
overflow: hidden;
}

.sf_sub_header {
text-align: left;
font: normal 12px Helvetica, Arial, sans-serif;
padding: 4px 0 30px 50px;
width: 450px;
height: 30px;
overflow: hidden;
}
/* ------------------------------------
NAVIGATION
------------------------------------ */
.sf_navigation_top { display: none; }

.sf_navigation {
clear: both;
height: auto;
width: 798px;
}

.sf_navigation ul {
margin: 0 0;
height: auto !important; height: 1%;
padding-left: 0;
}

.sf_navigation ul:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
font-size: 1px;
clear: both;
}

.sf_navigation ul {
list-style-type: none;
}

.sf_navigation ul li {
float: left;
width: auto !important;
width: 5px;
white-space: nowrap;
}

.sf_navigation ul li a {
height: 40px;
margin: 0 0 0 1px;
text-decoration: none;
display: block;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height: 28px;
padding: 0 10px;
}

.sf_navigation ul li a:hover {
text-decoration: none;
color: #fff;
display: block;
}

/*------------------------------------
CONTENT
------------------------------------*/
.sf_pagetitle {
clear: both;
padding: 10px 0 0 20px;
font: normal 1.5em Helvetica, Arial, sans-serif;
text-align: left;
height: auto !important;
min-height: 30px;
}

.sf_content {
height: 300px;
padding: 20px 20px 0 20px;
margin: 0px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: auto !important;
height: 200px;
min-height: 200px;
}

.sf_content:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
font-size: 1px;
clear: both;
}

/*------------------------------------
FOOTER
------------------------------------*/
.sf_footer {
font-size: .8em;
padding: 25px 0 0 20px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 30px;
}

/*------------------------------------
BANNER
------------------------------------*/
div.sf_banner {
margin-bottom: 35px;
padding-top: 50px;
text-align: center;
font-size: .8em;
}

div.sf_banner div#bannerLink {
padding-top: 10px;
}