body {
 margin:0px;
 background: #000 url('images/background.jpg') no-repeat top center; 
 font-size: 12px;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 color:#ffffff;
 padding:0;
 }
 
 a {
    color: #5b6759;
    text-decoration: bold;
    font-weight: bold;
  }	

a:link, a:visited {
    color:#5b6759;
    text-decoration: underline;
  }

a:hover {
    color:#949494;
    text-decoration: underline;
  }


.t {background: url(images/dot.jpg) 0 0 repeat-x; width: 100%}
.b {background: url(images/dot.jpg) 0 100% repeat-x}
.l {background: url(images/dot.jpg) 0 0 repeat-y}
.r {background: url(images/dot.jpg) 100% 0 repeat-y}
.bl {background: url(images/bl.png) 0 100% no-repeat}
.br {background: url(images/br.png) 100% 100% no-repeat}
.tl {background: url(images/tl.png) 0 0 no-repeat}
.tr {background: url(images/tr.png) 100% 0 no-repeat; padding:20px;text-align:left;line-height:18px;}
#banner {
	top: 10px;
	position: relative;
	}
                

#navigation {
	width: 777px;
	height: 47px;  
	top: 23px;
	position: relative;
   background: url('images/buttonbg.png');
	}
#buttons {
	width: 777px;
	height: 47px;  
	top: 10px;
	position: relative;
   }
#content {
	width: 777px;
	height: 100%;
	top: 29px;
	background: #000;
	position: relative;
	}

#mediapictures {
	width: 200px;
     left: 65px;
	position: relative;
	}
#mediavideos {
	width: 200px;
top: 0px;
     left: 200px;
	position: absolute;
	}
#mediaextras {
	width: 200px;
     left: 400px;
top:0px;
	position: absolute;
	}
.bottom {
 margin:0px;
 font-size: 10px;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 color:#ffffff; 
 }
.media {
font-size:14px;
color:#5b6759;
font-weight:bold;
}