* {
padding: 0;
margin: 0;
}

html {
height: 100%;
max-height: 100%;
background: url("../images/bg2.jpg") no-repeat 50% 0% #979797;
text-align: center;
font: 100% "Trebuchet MS", arial, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {
height: 100%;
max-height: 100%;
overflow: hidden;
background: url("../images/bg2.jpg") no-repeat 50% 0%;
}

#header {
position: absolute; 
margin-left: -425px; 
left: 50%; 
top: 0; 
width: 850px;
min-width: 850px;
height: 60px;
z-index: 5;
/*text-align: center;*/
background: url("../images/bg2.jpg") no-repeat 50% 0% #979797;
}

* html #header {
top: 0px;
width: 850px;
height: 60px;
}

#header h1, #header h1 a {
display: block;
width: 100%;
height: 40px;
background: url("../images/logo.gif") no-repeat 50% 10px;
margin: 0 auto;
}

#header h1 a {
/*padding-top: 10px;*/
}

#header h1 a span {
display: none;
}

#menu-bg {
width: 100%;
height: 20px;
margin: 0;
padding: 0;
background: #000;
filter: alpha(opacity=40);-moz-opacity:.4;opacity:.4;
overflow: hidden;
}

#menu {
text-align: center;
position: absolute; 
margin-left: -425px; 
left: 50%; 
top: 40px; 
width: 850px;
min-width: 850px;
height: 18px; 
border-top: 1px solid #000;
border-bottom: 1px solid #000;
font-size: 65%;
letter-spacing: 1px;
z-index: 6;
}

* html #menu {
top: 40px;
width: 850px;
height: 18px;
}

#menu ul {
margin-left: 32px;
}

#menu li {
float: left;
display: block;
list-style: none;
margin-left: 12px;
}

#menu li a {
display: block;
float: left;
height: 16px;
margin: 0;
padding: 2px 6px 0 6px;
}

#menu li a, #menu li a:link, #menu li a:visited {
text-decoration: none;
color: #ddd;
}

#menu li a:hover {
color: #fff;
}

#news li.news a, #home li.home a, #mastering li.mastering a, #mix li.mix a, #recording li.recording a, #producing li.producing a, #equipment li.equipment a, #clients li.clients a, #rates li.rates a, #gallery li.gallery a, #contact li.contact a,
#news li.news a:visited, #home li.home a:visited, #mastering li.mastering a:visited, #mix li.mix a:visited, #recording li.recording a:visited, #producing li.producing a:visited, #equipment li.equipment a:visited, #clients li.clients a:visited, #rates li.rates a:visited, #gallery li.gallery a:visited, #contact li.contact a:visited,
#news li.news a:link, #home li.home a:link, #mastering li.mastering a:link, #mix li.mix a:link, #recording li.recording a:link, #producing li.producing a:link, #equipment li.equipment a:link, #clients li.clients a:link, #rates li.rates a:link, #gallery li.gallery a:link, #contact li.contact a:link {
color: #00f1ff;
}

#content {
display: block; 
overflow: auto; 
position: absolute; 
z-index: 3; 
top: 60px; 
bottom: 0px; 
width: 850px;
margin-left: -425px; 
left: 50%; 
font-size: 75%;
background: #999;
color: #000;
text-align: left;
font-family: arial, sans-serif;
}

* html #content {
top: 0; 
bottom: 0; 
height: 100%;
width: 850px;
border-top: 60px solid transparent;
}

#content p, #content h2, #content h3, #content h4, #content h5, #content h6, #content hr {
margin: 15px 40px 25px 50px;
}

#content hr {
border: 0;
/*color: #222;*/
height: 0px;
border-bottom: 1px solid #222;
}

#content ul, #content ol  {
margin: 0px 50px 25px 75px;
}

#content ul li {
position: relative;
}

#content ul li span {
display: block;
position: absolute;
top: 0px;
left: 100px;
}

#mastering #content ul li span {
left: 215px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
font-size: 100%;
font-weight: bold;
color: #00f1ff;
margin: 15px 50px 15px 50px;
}

#content h3, #content h4, #content h5, #content h6 {
color: #000;
}

#content p {
margin-top: 0px;
}

#content p.nomargin {
margin-bottom: 0px;
}

#content h3 {
margin-bottom: 0px;
font-weight: normal;
}

#content h3.margin {
margin-bottom: 15px;
}

#home #content h3.coloured {
color: #fff;
font-weight: bold;
/*margin-bottom: 15px;*/
}

#home #content h3.coloured strong {
color: #ffc000;
margin-right: 10px;
}

#staff #content h3.margin strong {
color: #ffc000;
margin-right: 10px;
}

#content h4 {
margin-bottom: 0px;
margin-top: -10px;
}

a, a:link, a:visited {
color: #bffff6;
outline: none;
}

a:hover {
color: #00f1ff;
}

a img, a:link img, a:visited img {
border: 1px solid #999;
}

a:hover img {
border: 1px solid #fff;
}
