/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/* Basic elements */
* { margin: 0px; padding: 0px;}

body, html {background:url('/media/blue/images/background.jpg') no-repeat center middle; background-color: #000000; color: #cdae92; font-family: "Eurostile", "Trebuchet MS", Tahoma, Vedana, Arial, Helvetica, sans-serif; font-size: 12px; height:100%; line-height: 17px; text-align: left;}
a:link, a:visited {color: #cdae92; font-weight: normal; text-decoration: none;}
a:hover { text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
h1 {font-size: 16px; font-weight: bold; color: #cdae92;}
h2 {font-size: 16px; font-weight: bold; color: #cdae92;}
h3 {margin: 2px 0px 2px 0px; font-size: 15px; font-weight: normal; color: #cdae92;}
h4 {font-size: 12px; color: #cdae92;}
h5 {font-size: 12px; color: #cdae92;}
hr {color: #CCCCCC; border-style: dotted; height: 0.5px;}
ol {margin-left:20px;}
ul {list-style-type: round; margin-left:20px;}
ul ul {list-style-type: none;}
ul ul ul {list-style-type: none;}
li {margin-bottom:0px;}
img {border: none;}

/* Main Layout Elements */

#promo {height:auto; margin:0px auto 0px auto; position:relative; text-align:center; width:600px;}
#promo h1 {font-size: 30px; font-weight: bold; color: #fff;}

#main {background:url('/media/images/background.jpg') no-repeat center top; height:700px; margin:0px auto 0px auto; position:relative; overflow:hidden; text-align:center; width:1200px;}
#leftColumn {float:left; height:650px; margin:0px 0px -10000px 0px; overflow:hidden; padding:0px 0px 10000px 0px; overflow:visible; width:321px;}
#middleColumn {float:left; height:650px; margin:0px 0px -10000px 0px; overflow:hidden; padding:0px 0px 10000px 0px; width:559px;}
#rightColumn {float:left; height:650px; margin:0px 0px -10000px 0px; overflow:hidden; padding:0px 0px 10000px 0px; width:320px;}
#clear {clear:both;}

#icons {height:42px; text-align:right; width:300px;}
#icon-spacer {float:left; height:42px; width:90px;}
#youtube {float:left; height:42px; width:42px;}
#facebook {float:left; height:42px; width:42px;}
#myspace {float:left; height:42px; width42px:;}
#twitter {float:left; height:42px; width:42px;}
#wordpress {float:left; height:42px; width:42px;}
#mail {float:left; height:42px; width:42px;}

#logo {background:url('/media/images/logo.png') no-repeat center top; height:80px; width:560px;}

#logo-small { background:url('/media/images/logo-small.png') no-repeat bottom right; height:114px; width:183px;}

#shaneal {background:url('/media/images/shaneal.png') no-repeat bottom left; height:639px; width:358px; z-index:10;}

#tv {background:url('/media/images/tv.png') no-repeat; height:580px; margin:0px auto 0px auto; text-align:center; width:531px;}
#tv-content {height:345px; margin:0px auto 0px auto; vertical-align:bottom; width:304px;}
#tv-content-spacer {height:60px; width:304px;}
#tv-music-spacer {height:20px; width:304px;}
#tv-content-gradient {background:url('/media/images/tv-gradient.png') no-repeat; height:288px; left:417px; position:absolute; top:150px; width:364px; z-index:10;}

#nob-up {height:43px; left:710px; position:absolute; top:476px; width:43px; z-index:10;}

#nob-dn {height:43px; left:675px; position:absolute; top:483px; width:43px; z-index:10;}

#led {height:10px; left:725px; position:absolute; top:562px; width:10px; z-index:10;}

#footer {color:#cdae92; font-size:10px; height:50px; margin:10px auto 0px auto; width:100%;}

/* Extended Layout Elements */

#errorMessage { color: #FF0000;}

#formButton {background:#ebebeb; border:2px solid #cdae92; filter:alpha(opacity=90); height:auto; margin:0px auto 0px auto; -moz-border-radius:3px; -moz-box-shadow: 0 0 15px #921ede; -ms-filter:"alpha(opacity=90)"; opacity:0.90; overflow:auto; padding:2px 5px 2px 5px; position:relative; -webkit-border-radius:3px; -webkit-box-shadow: 0 0 15px #921ede; width:auto; z-index:1; zoom:1;}