/* UltraMega Studio Layout */
html, body {height: 100%; margin: 0px; padding: 0px; background: #0E0E0E url('http://ultramegastudio.com/global/images/lights.jpg') repeat-y center;}
.canvas {position: relative; width: 1060px; height: auto !important; height: 100%; min-height: 100%; margin: 0px auto; border-right: 1px solid #2A2A2A; border-left: 1px solid #2A2A2A;}

#explore {width: 1060px; height: 60px;}
#explore ul {float: right; margin: 10px 0px 0px 0px; padding: 0px; list-style-type: none;}
#explore ul li {display: inline; float: left; margin: 0px 60px 0px 0px; padding: 0px; line-height: 18px;}
#explore ul li a:link {font: 18px Verdana; color: white; text-decoration: none;}
#explore ul li a:visited {font: 18px Verdana; color: white; text-decoration: none;}
#explore ul li a:hover {font: 18px Verdana; color: #99CC33; text-decoration: none;}
#explore ul span {display: block; font: 10px Verdana; color: #666666;}

#main {width: 1060px; margin: 540px 0px 0px 0px; padding: 0px 0px 95px 0px; overflow: hidden;}

#footer {position: absolute; bottom: 0px; width: 1060px; height: 70px; font: 10px Verdana; color: #999999; background: #0A0A0A url('http://ultramegastudio.com/global/images/footer.jpg') repeat-x top;}
#footer p {width: 1060px; margin: 0px; padding: 0px; text-align: center; line-height: 70px;}
#footer #where {margin: 0px 50px 0px 0px;}
#footer #signature {margin: 0px 0px 0px 50px;}
#footer a:link {font: 10px Verdana; color: #999999; text-decoration: none;}
#footer a:visited {font: 10px Verdana; color: #999999; text-decoration: none;}
#footer a:hover {font: 10px Verdana; color: #999999; text-decoration: underline;}
#footer a:link img {position: absolute; bottom: 5px; right: 5px; border: 0px;}
#footer a:visited img {position: absolute; bottom: 5px; right: 5px; border: 0px;}

/* UltraMega Studio Classes */
.look {font-style: italic; font-weight: bold; color: white;}
.invalid {color: #99CC33;}

/* UltraMega Studio - Home */
#home {background: black url('http://ultramegastudio.com/global/images/ultra.jpg') no-repeat;}
#ultra {float: left; width: 490px; padding: 10px 20px 0px 20px; overflow: hidden;}
#in {float: right; width: 490px; padding: 10px 30px 0px 10px; overflow: hidden;}
#home #main h1 {width: 500px; margin: 0px; padding: 0px; border-bottom: 2px solid white; font: 30px Trebuchet MS; color: #99CC33; letter-spacing: 1px; text-transform: uppercase;}
#home #main p {width: 490px; margin: 10px 0px 10px 0px; padding: 0px; font: 11px Verdana; color: #CCCCCC; line-height: 16px;}
#home #main ul {float: right; width: 290px; margin: 10px 0px 0px 10px; padding: 0px; list-style-type: none; font: 11px Verdana; color: #CCCCCC; line-height: 16px;}
#home #main ul li {margin: 0px 0px 5px 0px;}
#home #main ul li span {font-weight: bold; color: white;}
#home #main ul li a:link {font: 11px Verdana; color: #CCCCCC; text-decoration: underline;}
#home #main ul li a:visited {font: 11px Verdana; color: #CCCCCC; text-decoration: underline;}
#home #main ul li a:hover {font: 11px Verdana; color: #99CC33; text-decoration: underline;}
#home img {float: left; margin: 10px 0px 0px 0px; border: 5px solid white}

/* UltraMega Studio - Studio */
#studio {background: black url('http://ultramegastudio.com/global/images/technology.jpg') no-repeat;}
#vibe {float: left; width: 1020px; padding: 10px 20px 0px 20px; overflow: hidden;}
#studio #main h1 {width: 1020px; margin: 0px; padding: 0px; border-bottom: 2px solid white; font: 30px Trebuchet MS; color: #99CC33; letter-spacing: 1px; text-transform: uppercase;}
#studio #main p {width: 1020px; margin: 10px 0px 0px 0px; padding: 0px; font: 11px Verdana; color: #CCCCCC; line-height: 16px;}
#studio #main ul {width: 1020px; margin: 0px 0px 0px 5px; padding: 0px; list-style-type: none;}
#studio #main ul li {float: left; width: 240px; height: 163px; margin: 15px 15px 0px 0px; padding: 0px;}
#studio #main a:link {cursor: pointer; text-decoration: none;}
#studio #main a:visited {cursor: pointer; text-decoration: none;}
#studio #main a:hover {cursor: pointer; text-decoration: none;}

/* UltraMega Studio - Equipment */
#equipment {background: black url('http://ultramegastudio.com/global/images/fidelity.jpg') no-repeat;}
#equipment #main h1 {width: 500px; margin: 0px; padding: 0px; border-bottom: 2px solid white; font: 30px Trebuchet MS; color: #99CC33; letter-spacing: 1px; text-transform: uppercase;}
#production {float: left; width: 490px; padding: 10px 20px 0px 20px; overflow: hidden;}
#microphones {float: right; width: 490px; padding: 10px 30px 0px 10px; overflow: hidden;}
#equipment #main ul {width: 490px; margin: 10px 0px 0px 0px; padding: 0px; list-style-type: none; font: 11px Verdana; color: #CCCCCC; line-height: 16px;}
#equipment #main a:link {font: 11px Verdana; color: #CCCCCC; line-height: 16px; text-decoration: none;}
#equipment #main a:visited {font: 11px Verdana; color: #CCCCCC; line-height: 16px; text-decoration: none;}
#equipment #main a:hover {font: 11px Verdana; color: #CCCCCC; line-height: 16px; text-decoration: underline;}
#equipment #main ul li {height: 20px;}
.gear {font-weight: bold; color: white; text-decoration: underline;}

/* UltraMega Studio - Policy */
#policy {background: black url('http://ultramegastudio.com/global/images/competitive.jpg') no-repeat;}
#policy #main h1 {width: 1020px; margin: 0px; padding: 0px; border-bottom: 2px solid white; font: 30px Trebuchet MS; color: #99CC33; letter-spacing: 1px; text-transform: uppercase;}
#policy #main h2 {width: 1020px; margin: 10px 0px 0px 0px; padding: 0px; font: bold 12px Trebuchet MS; color: white; text-decoration: underline;}
#legal {float: left; width: 1020px; padding: 10px 20px 0px 20px; overflow: hidden;}
#policy #main p {width: 1020px; margin: 0px 0px 10px 0px; padding: 0px; font: 11px Verdana; color: #CCCCCC; line-height: 16px;}
#thankyou {text-align: center;}
#thankyou a:link {font: 11px Verdana; color: #CCCCCC; text-decoration: underline;}
#thankyou a:visited {font: 11px Verdana; color: #CCCCCC; text-decoration: underline;}
#thankyou a:hover {font: 11px Verdana; color: #99CC33; text-decoration: underline;}

/* UltraMega Studio - Contact */
#contact {background: black url('http://ultramegastudio.com/global/images/sound.jpg') no-repeat;}
#contact #main h1 {width: 500px; margin: 0px; padding: 0px; border-bottom: 2px solid white; font: 30px Trebuchet MS; color: #99CC33; letter-spacing: 1px; text-transform: uppercase;}
#contact #main p {width: 490px; margin: 10px 0px 10px 0px; padding: 0px; font: 11px Verdana; color: #CCCCCC; line-height: 16px;}
#info {float: left; width: 490px; padding: 10px 20px 0px 20px; overflow: hidden;}
#info img {float: left; margin: 10px 0px 0px 0px; border: 5px solid white}
#info h2 {float: right; width: 300px; margin: 10px 0px 0px 10px; padding: 0px; font: bold 18px Trebuchet MS; color: white; text-decoration: underline;}
#info ul {float: right; width: 300px; margin: 5px 0px 0px 10px; padding: 0px; list-style-type: none; font: 11px Verdana; color: #CCCCCC; line-height: 16px;}
#info ul li {margin: 0px 0px 5px 0px;}
#info ul li span {font-weight: bold; color: white;}
#info a:link {font: 11px Verdana; color: #CCCCCC; text-decoration: underline;}
#info a:visited {font: 11px Verdana; color: #CCCCCC; text-decoration: underline;}
#info a:hover {font: 11px Verdana; color: #99CC33; text-decoration: underline;}
#email {float: right; width: 490px; padding: 10px 30px 0px 10px; overflow: hidden;}
#email ul {width: 450px; margin: 0px 0px 0px 30px; padding: 0px; list-style-type: none; font: 11px Verdana; color: #CCCCCC; line-height: 16px;}
#email ul li {width: 450px; margin: 0px 0px 10px 0px; padding: 0px;}
#email label {float: left; width: 200px;}
#email .field {width: 240px; height: 16px; font: 11px Verdana; color: black; border: 0px;}
#email #purpose {width: 240px; height: 18px; font: 11px Verdana; color: black; border: 0px;}
#email #message {width: 440px; height: 100px; margin: 5px 0px 0px 0px; font: 11px Verdana; color: black; border: 0px;}
#email .button {float: right; width: 65px; height: 20px; margin: 0px 10px 0px 0px; border: 1px solid white; font: 10px Verdana; color: black; background-color: #99CC33;}

/* UltraMega Studio - CMS */
#cms {background: black url('http://ultramegastudio.com/global/images/ultra.jpg') no-repeat;}
#cms #main h1 {width: 500px; margin: 0px; padding: 0px; border-bottom: 2px solid white; font: 30px Trebuchet MS; color: #99CC33; letter-spacing: 1px; text-transform: uppercase;}
#cms #main p {width: 490px; margin: 10px 0px 10px 0px; padding: 0px; font: 11px Verdana; color: #CCCCCC; line-height: 16px;}
#cms #main p a:link {font: 11px Verdana; color: #CCCCCC; text-decoration: underline;}
#cms #main p a:visited {font: 11px Verdana; color: #CCCCCC; text-decoration: underline;}
#cms #main p a:hover {font: 11px Verdana; color: #99CC33; text-decoration: underline;}
#hello {float: left; width: 490px; padding: 10px 20px 0px 20px; overflow: hidden;}
#login {float: right; width: 490px; padding: 10px 30px 0px 10px; overflow: hidden;}
#login ul {width: 450px; margin: 10px 0px 0px 30px; padding: 0px; list-style-type: none; font: 11px Verdana; color: #CCCCCC; line-height: 16px;}
#login ul li {width: 450px; margin: 0px 0px 10px 0px; padding: 0px;}
#login label {float: left; width: 200px;}
#login .field {width: 240px; height: 16px; font: 11px Verdana; color: black; border: 0px;}
#login #loginButton {float: right; width: 65px; height: 20px; margin: 0px 10px 0px 0px; border: 1px solid white; font: 10px Verdana; color: black; background-color: #99CC33;}

/* UltraMega Studio - CMS */
#manage {background: black url('http://ultramegastudio.com/global/images/ultra.jpg') no-repeat;}
#manage #main h1 {width: 500px; margin: 0px; padding: 0px; border-bottom: 2px solid white; font: 30px Trebuchet MS; color: #99CC33; letter-spacing: 1px; text-transform: uppercase;}
#manage #main p {width: 490px; margin: 10px 0px 10px 0px; padding: 0px; font: 11px Verdana; color: #CCCCCC; line-height: 16px;}
#manage #main p a:link {font: 11px Verdana; color: #CCCCCC; text-decoration: underline;}
#manage #main p a:visited {font: 11px Verdana; color: #CCCCCC; text-decoration: underline;}
#manage #main p a:hover {font: 11px Verdana; color: #99CC33; text-decoration: underline;}
#instruct {float: left; width: 490px; padding: 10px 20px 0px 20px; overflow: hidden;}
#update {float: right; width: 490px; padding: 10px 30px 0px 10px; overflow: hidden;}
#update ul {width: 450px; margin: 10px 0px 0px 30px; padding: 0px; list-style-type: none; font: 11px Verdana; color: #CCCCCC; line-height: 16px;}
#update ul li {width: 450px; margin: 0px 0px 10px 0px; padding: 0px;}
#update label {float: left; width: 200px;}
#update .field {width: 240px; height: 16px; font: 11px Verdana; color: black; border: 0px;}
#update #notes {width: 440px; height: 100px; margin: 5px 0px 0px 0px; font: 11px Verdana; color: black; border: 0px;}
#update #artwork {height: 20px; font: 11px Verdana; color: black; border: 0px;}
#update .button {float: right; width: 65px; height: 20px; margin: 0px 10px 0px 0px; border: 1px solid white; font: 10px Verdana; color: black; background-color: #99CC33;}




