/* 
  zero out all browser styles 
  props to Eric Meyer ...but I did tweak a few things :) 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; background:transparent; }
:focus { outline:0; } /* remember to explicitly define focus styles if you want a click trail */
body { line-height:1; color:black; background:transparent; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; } /* any tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after,
q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

body { background:transparent url('/assets/img/overflow-bg.jpg') no-repeat 100% 0; }
#content { position:relative; width:100%; height:1024px; background:transparent url('/assets/img/beach-bg-1600x1024.jpg') no-repeat 100% 0; }
h1 { position:absolute; right:84px; top:213px; width:295px; height:0; padding-top:72px; overflow:hidden; background:transparent url('/assets/img/theo-skye-name.gif') no-repeat; }

#text { position:absolute; right:65px; top:410px; width:314px; height:0; padding-top:555px; overflow:hidden; background:transparent url('/assets/img/text.gif') no-repeat; }

#facebook { position:absolute; top:884px; right:342px; display:block; width:25px; height:0; padding-top:25px; overflow:hidden; background:transparent url('/assets/img/text.gif') no-repeat -14px -474px; }
#facebook:hover { background-position:-326px -474px;}
#twitter { position:absolute; top:884px; right:314px; display:block; width:25px; height:0; padding-top:25px; overflow:hidden; background:transparent url('/assets/img/text.gif') no-repeat -40px -474px; }
#twitter:hover { background-position:-352px -474px;}
#tumblr { position:absolute; top:884px; right:288px; display:block; width:25px; height:0; padding-top:25px; overflow:hidden; background:transparent url('/assets/img/text.gif') no-repeat -66px -474px; }
#tumblr:hover { background-position:-378px -474px;}

#mail { position:absolute; top:944px; right:230px; display:block; width:149px; height:0; padding-top:29px; overflow:hidden; background:transparent url('/assets/img/text.gif') no-repeat 0 -534px; }
#mail:hover { background-position:-312px -534px; }

#mainnav a { position:absolute; right:229px; display:block; width:150px; height:0; padding-top:60px; overflow:hidden; background:transparent url('/assets/img/text.gif') no-repeat; }
a#design { top:410px; }
a#develop { top:470px; background-position:0 -60px; }
a#deejay { top:530px; background-position:0 -120px; }
a#design:hover { background-position:-314px 0; }
a#develop:hover { background-position:-314px -60px; }
a#deejay:hover { background-position:-314px -120px; }
a#design.active { background-position:-628px 0; }
a#develop.active { background-position:-628px -60px; }
a#deejay.active { background-position:-628px -120px; }

.contentpanel { position:absolute; right:379px; top:410px; width:200px; padding:15px; height:530px; background:transparent url('/assets/img/contentpanel-bg.jpg') no-repeat; }
.contentpanel dl { height:530px; }
.contentpanel dl dt a { display:block; width:200px; height:0; padding-top:86px; margin-top:17px; overflow:hidden; }
.contentpanel dl dt a:hover { background:transparent url('/assets/img/text.gif') no-repeat -628px -294px; }
.contentpanel dl dd { width:0; height:0; overflow:hidden; }

.contentpanel ul li a { display:block; width:200px; height:0; padding-top:60px; margin-top:10px; overflow:hidden; }
.contentpanel ul li a:hover { background:transparent url('/assets/img/text.gif') no-repeat -628px -320px; }


#designcontent dl { padding-top:15px; height:515px; background:transparent url('/assets/img/design-content.jpg') no-repeat; }
#developcontent div { padding-top:515px; height:0; overflow:hidden; background:transparent url('/assets/img/develop-content.jpg') no-repeat; }
#deejaycontent ul { height:455px; padding-top:57px; overflow:hidden; background:transparent url('/assets/img/deejay-content.jpg') no-repeat 0 0; }