/* -------------------- RESETTING BASICS -------------------- */

/*normalises margin, padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/*normalises font-size for headers*/
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/*removes list-style from lists*/
ol, ul {
list-style: none;
}

/*normalises font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/*removes table margins?*/
table {
border-collapse: collapse;
border-spacing: 0;
}

/*removes border from fieldset and img*/
fieldset, img {
border: 0;
}

/*left-aligns text in caption and th*/
caption, th {
text-align: left;
}

/* -------------------- OVERALL TEXT PROPERTIES -------------------- */

body {
background-color: #000;
font: 10pt arial, sans-serif;
color: #fff;
line-height: 1.2em;
}

p {
margin-bottom: 15px;
}

a {
color: white;
text-decoration: none;
}

ul#nav li#home a:hover,
ul#nav li#nav_label a:hover,
ul#nav li#nav_about a:hover,
ul#nav li#nav_contact a:hover,
ul#nav li#nav_music a:hover,
ul#nav li#nav_dj a:hover,
ul#nav li#nav_demo a:hover,
ul#nav li#nav_links a:hover,

ul#nav li#home a:focus,
ul#nav li#nav_label a:focus,
ul#nav li#nav_about a:focus,
ul#nav li#nav_contact a:focus,
ul#nav li#nav_music a:focus,
ul#nav li#nav_dj a:focus,
ul#nav li#nav_demo a:focus,
ul#nav li#nav_links a:focus,

ul#nav li#home a:active,
ul#nav li#nav_label a:active,
ul#nav li#nav_about a:active,
ul#nav li#nav_contact a:active,
ul#nav li#nav_music a:active,
ul#nav li#nav_dj a:active,
ul#nav li#nav_demo a:active,
ul#nav li#nav_links a:active {
background-position: left -96px;
}

a:hover {
color: #bcbcbc;
}

body.home ul#nav li#nav_home a,
body.music ul#nav li#nav_music a,
body.electronic ul#nav li#nav_music a,
body.acoustic ul#nav li#nav_music a,
body.software ul#nav li#nav_music a,
body.dj ul#nav li#nav_dj a,
body.about ul#nav li#nav_about a,
body.label ul#nav li#nav_label a,
body.demo ul#nav li#nav_demo a,
body.contact ul#nav li#nav_contact a,
body.links ul#nav li#nav_links a,

body.home ul#nav li#nav_home a:hover,
body.music ul#nav li#nav_music a:hover,
body.electronic ul#nav li#nav_music a:hover,
body.software ul#nav li#nav_music a:hover,
body.dj ul#nav li#nav_dj a:hover,
body.about ul#nav li#nav_about a:hover,
body.label ul#nav li#nav_label a:hover,
body.demo ul#nav li#nav_demo a:hover,
body.links ul#nav li#nav_links a:hover,
body.contact ul#nav li#nav_contact a:hover  {
background-position: left -193px ;
}


h1 a {
display: block;
width: 353px;
height: 50px;
text-indent: -9999px;
background: #000 url(images/abstractsource.gif) no-repeat left top;
margin-bottom: 15px;
}

h2 {
margin-bottom: 15px;
}

ul#breadcrumbs li {
display: inline;
font-size: 7pt;
color: #e7e7e7;
clear: both;
}

ul#breadcrumbs {
margin-bottom: 20px;
}


ul#breadcrumbs a {
color: #bcbcbc;
}

ul#breadcrumbs a:hover {
color: #fff;
}

p#footer {
clear: both;
display: block;
font-size: 7pt;
text-align: center;
color: #494949;
margin-top: 50px;
}

span.sitedesigncredit {
margin-left: 15px;
}

p#footer a {
color: #494949;
font-weight: bold;
}

span.sitedesigncredit a:hover {
color: #fff;
}

/* -------------------- OVERALL LAYOUT PROPERTIES -------------------- */
#container {
width: 3000px;
margin: 20px 0px 20px 60px;
min-height: 645px;
}

body.home #container {
width: 3000px;
background: #000 url(images/purpleglow.jpg) no-repeat 480px top;
}

body.music #container {
background: #000 url(images/bluedial.jpg) no-repeat 500px bottom;
}

body.electronic #container {
background: #000 url(images/redboxes.jpg) no-repeat 500px bottom;
}

body.acoustic #container {
background: #000 url(images/vumeter.jpg) no-repeat 580px 350px;
}

body.software #container {
background: #000 url(images/reasonlogo.gif) no-repeat 400px 200px;
}

body.dj #container {
background: #000 url(images/turntableglow.jpg) no-repeat 300px 350px;
}

body.demo #container {
background: #000 url(images/vumeter.jpg) no-repeat 400px 300px;
}

body.about #container {
background: #000 url(images/aboutcollage.jpg) no-repeat 212px 220px;
}

div#content {
width: 850px;
}

/* -------------------- NAV -------------------- */

ul#nav {
height: 96px;
margin-bottom: 20px;
}

ul#nav li {
float: left;
}

ul#nav li a {
display: block;
width: 92px;
height: 96px;
background: #000 url(images/navbuttonhome.jpg) no-repeat left top;
text-indent: -9999px;
}

ul#nav li#nav_label a {
background: #000 url(images/navbuttonlabel.jpg) no-repeat left top;
}

ul#nav li#nav_about a {
background: #000 url(images/navbuttonabout.jpg) no-repeat left top;
}

ul#nav li#nav_contact a {
background: #000 url(images/navbuttoncontact.jpg) no-repeat left top;
}

ul#nav li#nav_music a {
background: #000 url(images/navbuttonmusicproduction.jpg) no-repeat left top;
}

ul#nav li#nav_dj a {
background: #000 url(images/navbuttondjworkshops.jpg) no-repeat left top;
}

ul#nav li#nav_demo a {
background: #000 url(images/navbuttondemoproduction.jpg) no-repeat left top;
}

ul#nav li#nav_links a {
background: #000 url(images/navbuttonlinks.jpg) no-repeat left top;
}



/* -------------------- FRONT PAGE -------------------- */

ul#frontpagelist li a {
display: block;
width: 360px;
padding-left: 145px;
margin-bottom: 10px;
}

ul#frontpagelist li#musicproductionworkshops a {
background: transparent url(images/boxmusic.jpg) no-repeat left top;
padding-top: 10px;
height: 130px;
}

ul#frontpagelist li#djworkshops a {
background: transparent url(images/boxdj.jpg) no-repeat left top;
padding-top: 30px;
height: 110px;
}

ul#frontpagelist li#demoproduction a {
background: transparent url(images/boxdemo.jpg) no-repeat left top;
padding-top: 20px;
height: 120px;
}

ul#frontpagelist li#label a {
background: transparent url(images/boxlabel.jpg) no-repeat left top;
padding-top: 20px;
height: 120px;
}

li#musicproductionworkshops h2 {
width: 241px;
height: 48px;
background: #000 url(images/musicproductiontitle.gif) no-repeat left top;
text-indent: -9999px;
}


li#djworkshops h2 {
width: 187px;
height: 20px;
background: #000 url(images/djworkshopstitle.gif) no-repeat left top;
text-indent: -9999px;
}

li#demoproduction h2 {
width: 238px;
height: 20px;
background: #000 url(images/demoproductiontitle.gif) no-repeat left top;
text-indent: -9999px;
}

li#label h2 {
width: 74px;
height: 20px;
margin-bottom: 10px;
background: #000 url(images/labeltitle.gif) no-repeat left top;
text-indent: -9999px;
}

/* -------------------- MUSIC PRODUCTION WORKSHOPS -------------------- */

ul#musicproductionlist {
float: left;
height: 270px;
}

ul#musicproductionlist li { 
float: left;
}

ul#musicproductionlist li a {
display: block;
width: 214px;
height: 158px;
text-indent: -9999px;
}

ul#musicproductionlist li#acoustic a {
background: transparent url(images/boxacoustic.jpg) no-repeat left top;
}

ul#musicproductionlist li#electronic a {
background: transparent url(images/boxelectronic.jpg) no-repeat left top;
}

ul#musicproductionlist li#software a {
background: transparent url(images/boxsoftware.gif) no-repeat left top;
}

body.music h2 {
width: 447px;
height: 24px;
background: transparent url(images/musicprodwidetitle.gif) no-repeat left top;
text-indent: -9999px;
}

/* -------------------- MUSIC PRODUCTION -------------------- */

ul.purplebullets li {
padding-left: 20px;
background: transparent url(images/purplebullet.jpg) no-repeat left 3px;
margin-bottom: 3px;
}

div.leftlist {
float: left;
width: 270px;
margin-bottom: 50px;

}

div.narrowleftlist {
float: left;
width: 230px;
margin-bottom: 50px;
margin-right: 50px;
}

div.rightlist {
float:left;
width: 270px;
margin-bottom: 50px;
margin-left: 50px;
}

div.tailorrightlist {
float:right;
width: 100px;
margin-bottom: 50px;
margin-right: 50px;
}

div.narrowtailorrightlist {
float:left;
width: 230px;
margin-bottom: 50px;
margin-right: 50px;
}

div.narrowrightlist {
float:left;
width: 230px;
margin-bottom: 50px;
margin-right: 50px;
}

body.electronic h2 {
width: 564px;
height: 87px;
background: transparent url(images/electronictitle.jpg) no-repeat left top;
text-indent: -9999px;
}

body.acoustic h2 {
width: 532px;
height: 87px;
background: transparent url(images/acoustictitle.jpg) no-repeat left top;
text-indent: -9999px;
}

body.software h2 {
width: 405px;
height: 87px;
background: transparent url(images/softwaretitle.jpg) no-repeat left top;
text-indent: -9999px;
}

div.leftlist h3 {
width: 208px;
height: 21px;
background: transparent url(images/introductorytitle.gif) no-repeat left top;
text-indent: -9999px;
margin-bottom: 10px;
}

div.narrowleftlist h3.yellow {
width: 208px;
height: 21px;
background: transparent url(images/introductorytitle.gif) no-repeat left top;
text-indent: -9999px;
margin-bottom: 10px;
}

div.leftlist ul {
margin-bottom: 15px;
}

div.rightlist h3 {
width: 203px;
height: 18px;
background: transparent url(images/tailormadetitle.gif) no-repeat left top;
text-indent: -9999px;
margin-bottom: 10px;
}

div.rightlist ul {
margin-bottom: 15px;
}

span.purpletext {
color: #dcc6ee;
}

body.electronic p, body.acoustic p, body.software p, body.dj p {
margin-bottom: 3px;
}

body.electronic a, body.acoustic a, body.software a {
color: #dcc6ee;
font-weight: bold;
}

/* -------------------- MUSIC PRODUCTION COURSES -------------------- */

ul.yellowbullets li {
padding-left: 20px;
background: transparent url(images/yellowbullet.jpg) no-repeat left center;
margin-bottom: 3px;
}

body.electronic p, body.acoustic p, body.software p {
margin-bottom: 3px;
}

body.dj a {
color: #f3f6ad;
font-weight: bold;
}

span.yellowtext {
color: #f3f6ad;
}

h3.turntablism {
width: 119px;
height: 21px;
background: transparent url(images/turntablismtitle.gif) no-repeat left top;
text-indent: -9999px;
margin-bottom: 10px;
}

div.narrowleftlist h3.yellow {
width: 208px;
height: 21px;
background: transparent url(images/introductorytitleyellow.gif) no-repeat left top;
text-indent: -9999px;
margin-bottom: 10px;
}

div.narrowtailorrightlist h3.yellow {
width: 203px;
height: 18px;
background: transparent url(images/tailormadetitleyellow.gif) no-repeat left top;
text-indent: -9999px;
margin-bottom: 10px;
}

body.dj h2 {
width: 319px;
height: 87px;
background: transparent url(images/djtitle.jpg) no-repeat left top;
text-indent: -9999px;
}

body.dj h2.videostitle {
width: 102px;
height: 20px;
background: transparent url(images/inthemixtitle.gif) no-repeat left top;
}

/* -------------------- DEMO PRODUCTION -------------------- */

body.demo h2 {
width: 377px;
height: 87px;
background: transparent url(images/demotitle.jpg) no-repeat left top;
text-indent: -9999px;
}

div.narrowbox {
width: 400px;
}

body.demo a {
color: #ccd9f6;
font-weight: bold;
}

/* -------------------- LABEL -------------------- */

p.underconstruction {
width: 644px;
height: 369px;
background: transparent url(images/underconstruction.jpg) no-repeat center top;
text-indent: -9999px;
}

/* -------------------- ABOUT -------------------- */

body.about h2 {
width: 136px;
height: 81px;
background: transparent url(images/abouttitle.gif) no-repeat left top;
text-indent: -9999px;
}

/* -------------------- ABOUT -------------------- */

body.contact h2 {
width: 403px;
height: 23px;
background: transparent url(images/contacttitle.gif) no-repeat left top;
text-indent: -9999px;
}

body.contact p a {
font-weight: bold;
}

div.narrowerbox {
width: 170px;
}

/* -------------------- LINKS -------------------- */

body.links h2 {
width: 74px;
height: 34px;
background: transparent url(images/linkstitle.gif) no-repeat left top;
text-indent: -9999px;
}

/* -------------------- INDEX -------------------- */

div.machine {
margin-top: 100px;
text-align: center;
}

div.machine a {
display: block;
width: 230px;
height: 312px;
background: transparent url(images/machine.jpg) no-repeat center top;
text-indent: -9999px;
margin-left: auto;
margin-right: auto;
}

div.machine h1 {
text-indent: -9999px;
}

body.index p#footer {
margin-top: 10px;
}

div.clear {
clear: both;
}