html
{
background: url(images/htmlbg.gif);
overflow-y: scroll;
}

body
{
background: url(images/mainbg.gif) repeat-x;
margin: 0;
padding: 0;  
line-height: 18px;
}

#wrapper
{
margin: 0 auto;
width: 900px;
padding: 0px;
}

#header
{
background: url(images/header-trans.png);
height: 292px;
width: 900px;
padding: 0px;
}

/*---------------------------------------------------------------*/
/*---------Navigation Section------------------------------------*/
/*---------------------------------------------------------------*/
#topnav
{
margin-left: 300px;
padding-top: 60px;
}

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
font-family: georgia, serif;
font-size: 15px;
}

#nav li
{
display: inline;
float: left;
}

#nav a 
{
font-weight: 300;
display: block;
color:#ffffff;
text-decoration: none;
background: url(images/bg.jpg);
height: 25px;
width: 100px;
text-align: center;
margin-left: 5px;
padding-top: 5px;
} 

#nav a:hover
{ background: url(images/bg3.jpg);
color: #d4c495; }


/*--------------------------------------------------------------*/

#content
{
background: url(images/content-trans.png);
width: 900px;
height: auto;
padding: 0px;
}

#homecontent
{
background: url(images/content-trans.png);
width: 900px;
height: 200px;
padding: 0px;
}

#rocktechnocontent
{
background: url(images/content-trans.png);
width: 900px;
height: 125px;
padding: 0px;
}

#guitarbasscontent
{
background: url(images/content-trans.png);
width: 900px;
height: 275px;
padding: 0px;
}

#artmusiccontent
{
background: url(images/content-trans.png);
width: 900px;
height: 335px;
padding: 0px;
}

#soundtrackscontent
{
background: url(images/content-trans.png);
width: 900px;
height: 415px;
padding: 0px;
}

#leftcontent
{
z-index: 1;
position: relative;
float: left;
left: 100px;
top: -150px;
font-family: tahoma, arial, sans-serif;
font-size: 13px;
color: #ffffff;
width: 225px;
padding: 0px;
/* By putting this height in, the footer content appears in the correct spot because it is set to clear: both
By putting in height, the browser indeed thinks there is no element floating around there, and the footer is fine.
Also, this height doesn't actually cap the height of the content, since the overflow property is not set. A hack, but it will do.*/
height: 0px;
}

#rightcontent
{
z-index: 1;
position: relative;
float: right;
right: 100px;
top: -150px;
font-family: tahoma, arial, sans-serif;
font-size: 13px;
color: #ffffff;
width: 450px;
padding: 0px;

/* By putting this height in, the footer content appears in the correct spot because it is set to clear: both
By putting in height, the browser indeed thinks there is no element floating around there, and the footer is fine.
Also, this height doesn't actually cap the height of the content, since the overflow property is not set. A hack, but it will do.*/
height: 0px;
}


#footer
{
background: url(images/footer-trans.png);
height: 358px;
width: 900px;
padding: 0px;
}

#footertext
{
clear: both;
position: relative;
top: 300px;
left: 0px;
text-align: center;
width: 900px;
font-family: tahoma, arial, sans-serif;
font-size: 12px;
color: #ffffff;
}

/* ------------------------------------------------------------- */
/* -----------Text and such------------------------------------- */
/* ------------------------------------------------------------- */

.leftheader
{
/*color: #3e443c;*/
font-weight: bold;
color: #40443f;
}

.rightheader
{
/*color: #dbb97e;*/
color: #d4c495;
font-weight: bold;
}

.rightalign
{
float: right;
margin-right: 0px;
text-align: right;
}

.indent
{ margin-left: 10px; }

a:link
{ 
color: #40443f;
font-weight: bold;
text-decoration: none; 
}
a:visited
{ 
color: #40443f;
font-weight: bold;
text-decoration: none; 
}
a:hover
{ 
color: #40443f;
font-weight: bold;
text-decoration: underline; 
}
a:active
{ 
/*color: #324726;*/
color: #40443f;
font-weight: bold;
text-decoration: underline; 
}

input, textarea {
border: 1px solid #7e7969;
background: url(images/inputbg.gif);
color: #534f44;
font-family: tahoma, arial, sans-serif;
font-size: 13px;
}

input:focus, textarea:focus {
border: 1px solid #534f44;
}

input[type=submit]{
background: url(images/bg.jpg);
color: #ffffff;
border: 1px solid #344137;
}