body {
width:750px;
margin:0 auto;
margin-top:5px;
background-color:transparent;
}

a.one:visited {
color: blue
}
a.one:hover {
color: green
}

a.two:hover {
text-decoration: underline
}

#header {
width:750px;
height: 112px;
background: transparent url('http://www.mudsharkaudio.com/pix/nwpage1b.jpg') no-repeat;
}

#headerlogo {
width: 216px;
height: 76px;
background: transparent url('http://www.mudsharkaudio.com/pix/nwpage_logob.jpg') no-repeat;
}

table.one {
table-layout: automatic;
margin: 5px 35px;
padding: 0cm;
border-top: thin solid blue;
font: 10px Verdana;
text-align: center;
color: #0000ff;
background: transparent;
}

#header2 {
width:750px;
height: 415px;
background: transparent url('http://www.mudsharkaudio.com/pix/nwpage2b.jpg') no-repeat;
}

/* FAUX LAYOUT WRAPPER */
/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.
IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/

#wrapper{
width:750px;
background:transparent;
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin-top:0px;
min-height:600px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:600px; /* for IE5.x and IE6 */
}

#navigation {
width:100px;
min-height:390px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:390px; /* for IE5.x and IE6 */
background-color:transparent;
margin-top:0px;
float:left;
}

#content {
margin-left:20%;
width:470px;
min-height:385px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:385px; /* for IE5.x and IE6 */
background-color: transparent;
border: 0px solid black;  /* for IE */
margin-top:0px;
}

#footer { 
margin-top:0px;
width:750px;
height:73px;
background: transparent url('http://www.mudsharkaudio.com/pix/nwpage3b.jpg') no-repeat;
}

table.two {
table-layout: automatic;
margin: 0px 35px;
padding: 0px;
border-top: none;
font: 10px Verdana;
text-align: right;
color: white;
background: transparent;
}

p {
color: white;
}

.sliderwrapper{
position: relative; /*leave as is*/
margin:0px;
overflow: hidden; /*leave as is*/
border: 0px solid #000080;
width: 460px; /*width of featured content slider*/
height: 375px;
background: white;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
font: 10px Verdana;
color: #000080;
margin-left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 20px 20px;
background: transparent;
width: 420px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;

}

.pagination{
width: 140px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
background-color: transparent;
padding: 50px 0px;
filter:alpha(opacity=70);
-moz-opacity: .7;
opacity: .7;
}

.pagination a{
padding: 4px 20px;
text-decoration: none; 
color: white;
font: 10px Verdana;
font-weight: bold;
background: transparent;
}

.pagination a:hover, .pagination a.selected{
color: #000080;
background-color: white;

}
