body {
margin: 0;
padding: 0;
font:70% 'Lucida Grande',Verdana, Helvetica, sans-serif;
	background-color: 000000;
}

#wrapper {
width: 550px;
height: auto;
padding: 10px 10px 10px 10px;
background-color: 000000;
}

#branding {
width: 550px;
height: 15px;
padding: 165px 0 0 0;
background: url(branding.jpg);
margin-bottom: 1px;
}

#content {
width: 440px;
float: right;
margin-bottom: 10px;
background-color: 000000;
}

#box {
color: #ffffff;
width: 420px;
margin-top: 5px;
padding: 10px 10px 10px 10px;
background-color: 151515;
<!-- background: url(content.jpg); -->
}

#contentSide {
width: 90px;
min-height: 300px;
float: left;
margin-bottom: 10px;
color: #ffffff;
background: url(contentSide.jpg);
}

#title {
position: absolute;
}


#footer {
clear: both;
color: #ffffff;
background-color: 000000;
}


/* ///////// HEADLINES ////////// */

h1 {
margin: 0;
padding: 30;
font-size: 150%;
color: #ffffff;
text-indent: -9000px;
}

h2 {
margin: 20px 0 0 0;
padding: 2px;
font-weight: bold;
font-size: 100%;
text-transform: uppercase;
color: #000000;
background: #ffffff;
}

/* ///////// HEADLINES END ////////// */


/* ///////// NAVIGATION ////////// */

 #mainNav
{
margin: 0 0 0 0;
max-width: 550px;
height: 15px;
font-weight: bold;
border-bottom: 1px solid #ffffff;
}

#mainNav ul
{
float: right;
list-style: none;
margin: 0;
padding: 0;
border: none;
border-right: 1px solid #ffffff;
}

#mainNav li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#mainNav a
{
color: #ffffff;
display: inline;
width: auto;
text-decoration: none;
background: none;
margin: 0;
padding: 0 5px 0 5px;
border-left: 1px solid #ffffff;}

#mainNav a:hover, #mainNav a:active { color: #ffffff; text-decoration:line-through;}

#mainNav a.active:link, #mainNav a.active:visited
{
position: relative;
z-index: 102;
background: #BBB;
color: #ffffff;
font-weight: bold;
}

/* ///////// NAVIGATION END ////////// */

a { color: #ffffff; text-decoration: none;}
 a:hover, #mainNav a:active { color: #ffffff; text-decoration:line-through;}