/* RESET */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,em,font,img,small,strike,strong,sub,sup,tt,var,dl,dt,dd,caption{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline}body{line-height:1;color:#000}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
body {font-size:62.5%; background:#333 url(images/bg-funk.png); color:#333}
a:link {color:#25408f; border-bottom:1px dotted #25408f; text-decoration:none}
a:visited {color:#666; border-bottom:1px dotted #666; text-decoration:none}
a:hover {color:#25408f; border-bottom:1px dotted #fff; text-decoration:none}
a:active {color:#25408f; text-decoration:none}
/* LAYOUT & STRUCTURE */
#container {position:relative; width:772px; text-align:center; margin:0 auto; background:url(images/bg-content.jpg); overflow:hidden}
#wrap {float:left; width:772px; text-align:left; padding-top:170px; background:url(images/logo.png) no-repeat}
ul#menu {float:left; position:relative; width:732px; margin:0; padding:0; font-size:15px; list-style:none}
ul#menu li {display:block; float:left; margin:0; padding:0}
ul#menu li a {display:block; float:left; width:80px; height:21px; margin:0 0 0 20px; padding:7px 0 0; border-top:1px dotted #555; border-bottom:1px dotted #555; font-weight:bold; color:#777; text-align:center; text-decoration:none}
ul#menu li a:hover {border-top:1px solid #555; border-bottom:1px solid #555; color:#555}
ul#menu li a#active {border-top:1px solid #222; border-bottom:1px solid #222; color:#222; cursor:default}
#content {float:left; clear:both; position:relative; width:732px; min-height:500px; padding:30px 20px 20px; font-size:1.4em; line-height:1.4}
  #content h1,h2,h3,h4,h5,h6 {color:#555; font-weight:bold; margin-bottom:.5em}
  #content h1 {font-size:1.71em}
  #content h2 {font-size:1.57em}
  #content h3 {font-size:1.43em}
  #content h4 {font-size:1.29em}
  #content h5 {font-size:1.14em}
  #content h6 {font-size:1em; margin:0}
  #content h2 span {font-size:14px; margin:0; color:#666}
  #content p {clear:left; margin:1.5em 0 0}
  #content ol {margin:0 0 1.5em 30px}
  h1#leader {display:inline; font-size:1em; font-weight:normal; color:#000; margin:0; padding:0; line-height:1.4em}
#footer {float:left; clear:both; position:relative; width:732px; height:70px; margin:30px 0 0; padding:30px 20px 0 20px; border-top:1px solid #333}
  #footer ul {float:right; margin:0; padding:0; font-size:12px; line-height:1.4em; list-style:none}
  #footer ul li {display:block; float:left; margin:0; padding:0}
  #footer ul li a {display:block; float:left; margin-left:20px; padding:3px 0 0; color:#555; text-decoration:none; border-bottom:1px dotted #fff; font-size:15px; font-weight:bold}
  #footer ul li a:hover {color:#000; border-bottom:1px dotted #555}
  p#designer {position:absolute; right:20px; bottom:10px; margin:0; padding:0}

/* PAGE STYLES */
div#works h3 {font-size:17px; margin-bottom:0}
div#works p {margin-top:0}
div#works ul {margin:0 0 16px 0; padding:0}
div#works ul li {list-style:none}
div#works ul li a {display:block; width:200px; height:18px; padding:2px 0 0 20px; background:url(images/play.png) no-repeat; border:0; text-decoration:none}
div#works ul li a:hover {background:url(images/play.png) 0 -20px no-repeat}

/* GENERIC STYLING */
.f-left {float:left}
.f-right {float:right}
.center {text-align:center}
.clear {clear:both}
.image-left {float:left; padding:0 20px 10px 0}
.image-right {float:right; padding:0 0 10px 20px}
.bold {font-weight:bold}
ul {margin:15px; padding:0}
ul li {list-style-type:disc; margin:0 0 0 15px; padding:0}
.note {font-size:11px; text-transform:uppercase}
/* FORMS */
.stdform {float:left; width:600px; margin:0; padding:0; line-height:1; overflow:hidden}
.stdform fieldset {border:0; border-bottom:1px dashed #bbb; padding:7px 0}
.stdform legend {display:block; float:left; padding:10px; margin-bottom:10px; font-weight:bold; color:#444}
.stdform label {display:block; clear:both; float:left; width:100px; text-align:left; margin:0; padding:0; font-size:11px; text-transform:uppercase}
.stdform label.required {background:url(!images/required.gif) no-repeat top right}
.stdform select {display:block; float:left; clear:both; width:242px; height:24px; margin:0 7px 7px 0; border:1px solid #999; background:#fff}
.stdform .stdform-text,.stdform-halftext {display:block; float:left; clear:both; width:240px; height:20px; margin:2px 7px 12px 0; border:1px solid #999; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
.stdform .stdform-halftext {width:120px}
.stdform textarea {display:block; float:left; clear:both; border:1px solid #999; background:#fff}
.stdform .std-text-area {width:400px; height:100px; margin:2px 0 7px; overflow-y:auto; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
.stdform input[type='text'].phone-pre {display:block; float:left; width:26px; height:15px; margin:0 2px 7px; border:1px solid #999; background:#fff}
.stdform input[type='text'].phone-num {display:block; float:left; width:32px; height:15px; margin:0 2px 7px; border:1px solid #999; background:#fff}
.stdform select.phone-sel {display:block; float:left; width:80px; height:20px; margin:0 7px 7px 0; border:1px solid #999; background:#fff}
.stdform .stdclear {margin-bottom:7px}
.stdform input[type='radio'], input[type='checkbox'] {display:block; float:left; margin:3px 3px 12px 7px}
.stdform .radiocheck {display:block; float:left; margin:5px 3px 12px 7px}
.stdform .radiotext {display:block; float:left; margin:4px 7px 0 2px}
.stdform .radiotext-left {display:block; float:left; width:22px; margin:3px 0 0 5px}
.stdform .stdmargin {float:left; padding-left:215px}
.stdform input[type='submit'] {display:block; float:left; margin:7px 7px 0 0; padding:0}
.stdform img {float:left}
.stdform br {clear:both}
.stdform .std-join {display:block; float:left; margin-left:-1px; padding:5px 4px 0 0}
.stdform label.error, label.error {clear:none; width:auto; margin:0; padding:6px 0 0; text-align:left; color:#c00; font-weight:bold; font-size:11px}
.stdform input[type='text'].error,.stdform select.error {border:1px dotted #c00}
.stdform div {float:left; clear:left; width:680px}
.join {display:block; float:left; padding:3px 6px 0 6px}
.stdform .stdbtn {display:block; float:left; width:130px; height:30px; text-transform:none; background-color:#444; border:1px solid #000; color:#ddd; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
.stdform .stdbtn:hover {background-color:#222; color:#fff}