body, html { margin:0; padding:0; }
body {
	margin-top:10px;
	font-family:"Arial","Helvetica",sans-serif;
    font-size:11pt;
    line-height:13.5pt;
	background:white;
    color:black;
}
img { border:0; }
h1,h2,h3 { font:11pt "Arial Black","Arial",sans-serif bold; margin:0; margin-bottom:8px; padding:0; }
h1 { font-size:14pt; margin:22px 0 12px 0; }

p { padding:0; margin:18px 0; }
a { text-decoration:none; }
#content a,
#content a:link {
	color:black;
    padding-bottom:1px;
    background:url(./img/abackg.gif) bottom left repeat-x;
}
#content a:visited { }
#content a:hover { background:url(./img/abackghover.gif) bottom left repeat-x; }
#content a:active { }

#head {
    width:650px;
    margin:0 auto;
    padding:0;
    background:url(./img/headlogo.gif) 499px 16px no-repeat;
    height:115px;
    border-bottom:6px solid black;
}
#htitle { position:relative; top:52px; }
#hslogan { position:relative; top:56px; }

#container { width:650px; margin:0 auto; padding:0; }

#menu { background:url(./img/pbackg.gif) repeat-x bottom left;
    	padding-bottom:6px;
    	margin-bottom:22px; }
#menu ul { list-style:none; margin:7px 0; padding:0; }
#menu li {
	display:inline;
    padding:0 16px 9px 0;
    background-repeat:no-repeat;
    background-position:0 -1px;
}
/* hide ie5 mac \*/
* html #menu li { background-position:0 0; }
/* end hide */
#menu li#home     { background-image:url(./img/hoverhome.gif) }
#menu li#clients  { background-image:url(./img/hoverclients.gif) }
#menu li#music    { background-image:url(./img/hovermusic.gif) }
#menu li#services { background-image:url(./img/hoverservice.gif) }
#menu li#contact  { background-image:url(./img/hovercontact.gif) }
#menu li img { vertical-align:middle; padding:0; }

#menu li a { padding-bottom:3px; }
* html a:hover { visibility:visible; }
#menu li a:hover img { visibility:hidden; }
#menu li a#high:hover img { visibility:visible; height:auto; }

#content { padding:0 12px 6px 0; }
.date { font-weight:bold; }

div#tracks { float:left; width:50%; height:1%; }
ul#samples { list-style:none outside; margin:0 0 0 1px; padding:0; }
#samples li { background:url(./img/bulletmp.gif) 0 50% no-repeat;
			  padding:7px 0 7px 21px;
              font-size:10pt; }

div#beats { margin-left:52%; height:1%; }

dl#symbol-key { float:right; margin:0; padding:0; font-size:9pt; }
#symbol-key dt { display:inline; padding:0 0 0 8px; vertical-align:middle; }
#symbol-key dd { display:inline; margin:0; padding:0; vertical-align:middle; }

ul#rb-beats { list-style:none outside; margin:0 0 0 1px; padding:0; }
#rb-beats li { background:url(./img/bulletrb.gif) 0 50% no-repeat;
			   padding:7px 0 7px 21px;
               font-size:10pt; }

ul#hh-beats { list-style:none outside; margin:0 0 0 1px; padding:0; }
#hh-beats li { background:url(./img/bullethh.gif) 0 50% no-repeat;
			   padding:7px 0 7px 21px;
               font-size:10pt; }

dl.rates { margin:0; padding:0; }
.rates dt { float:left; padding:0; margin:0; }
.rates dd { background:url(./img/bulletdef.gif) 0 45% no-repeat; margin:0 0 0 42%; padding:0 0 0 16px; font-weight:bold; }

ul.clients { float:left; width:14em; margin:0; padding:0; }
.clients li { list-style:none inside; padding:0 9px 2px 0; }
/* hide ie5 mac \*/
* html ul.clients { margin-bottom:3em; }
/* end hide */

#contactcol1 { display:block; float:left; margin-right:10px; }
#contactcol2 { display:block; margin-left: 290px; height:1%; }
#contactcol2 h2 { margin-bottom:0; }
#contactcol2 p { margin-top:0; }

#footer {
	clear:both;
    /* position:absolute;
    bottom:19px;
    left:50% - 325px;
    width:650px; */
    margin-top:38px;
    padding-top:7px;
	border-top:6px solid black;
    font-family:"Arial",sans-serif;
    font-size:9pt;
    color:#3D3D3D;
}
#footer #design { float:right; color:#808080; }
#footer a { color:#808080; }
#footer a:hover { color:#3D3D3D; }