/* css stylesheet for http://www.50ftrobots.com copyright 2006 50ft Robots */

/* Basic Formatting */
body { margin: 0px; padding: 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 120%; background: #85B6DE url(images/end_bg.gif) repeat-y center top; }
h1,h2,h3,h4,h5,p { margin: 0px; padding: 0px; }
h1 { font: 18px Helvetica, Arial, Verdana, sans-serif; font-weight: bold; color: #999; line-height: 120%; margin: 3px 0px 0px 0px; letter-spacing: -1px; }
h2 { font: 14px Helvetica, Arial, Verdana, sans-serif; font-weight: bold; color: #999; line-height: 120%; letter-spacing: -1px; }
h3 { font: 12px Helvetica, Arial, Verdana, sans-serif; font-weight: bold; color: #999; line-height: 120%; letter-spacing: -1px; }
p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 130%; margin: 3px 0px 10px 0px; }
small { font-size: 9px; }

a { color: #000; text-decoration: none; }
a:visited {  }
a:active {  }
a:hover { color: #999900; text-decoration: none; }

ul,ol { margin: 10px 0px 10px 15px; padding: 0px; }
ul li { margin: 3px 0px; padding: 0px; }
ol li { margin: 3px 0px; padding: 0px; }

img { margin: 0px; padding: 0px; border: 0px; }
.l { margin: 0px 5px 0px 0px; display: block; float: left; border: 2px solid #fff; }
.r { margin: 0px 0px 0px 5px; display: block; float: right; border: 2px solid #fff; }
.rnob { margin: 0px 0px 0px 5px; display: block; float: right; }

.cl { clear: left; height: 0px; margin: 0px; padding: 0px; }
.hide { display:none; visibility:hidden }

/*transparent url(images/overlay-bg.gif) repeat top left*/
#gig { position: absolute; background: #85B6DE url(images/body_bg.png) repeat-x fixed; width: 100%; height: 100%; text-align: center; padding: 10px 0 50px 0; }
#gig p {background: #fff; width: 500px; margin: 0 auto; padding: 5px; }
#gig p img { margin: 0 0 5px 0; }

#bg { width: 100%; background: #85B6DE url(images/body_bg.png) repeat-x fixed; margin: 0px; padding: 0px; }
#shell { margin-left: auto; margin-right: auto; width: 654px; \width: 654px ; w\idth: 654px; padding: 0px; padding-top: 5px; }

#header { width: 584px; \width: 584px; w\idth: 584px; margin: 0px; padding: 5px 0px 0px 1px; }
#banner { padding: 10px 10px 1px 10px; }
#banner h1 { text-indent: -999em; background: transparent url(images/50ftrobots.png) no-repeat top left; display: block; height: 116px; width: 308px; margin: 0px; }
*>html #banner h1 { text-indent: 0em; t\ext-indent: -999em; font-size: 0px; }
#home #banner { height: 243px; width: 593px; \width: 613px; w\idth: 593px; background: transparent url(images/header_home.jpg) no-repeat left top; }
#news #banner { height: 243px; width: 593px; \width: 613px; w\idth: 593px; background: transparent url(images/header_home.jpg) no-repeat left top; }
#media #banner { height: 243px; width: 593px; \width: 613px; w\idth: 593px; background: transparent url(images/header_home.jpg) no-repeat left top; }
#about #banner { height: 243px; width: 593px; \width: 613px; w\idth: 593px; background: transparent url(images/header_home.jpg) no-repeat left top; }
#contact #banner { height: 243px; width: 593px; \width: 613px; w\idth: 593px; background: transparent url(images/header_home.jpg) no-repeat left top; }
#map #banner { height: 243px; width: 593px; \width: 613px; w\idth: 593px; background: transparent url(images/header_home.jpg) no-repeat left top; }

#page { width: 654px; \width: 654px; w\idth: 654px; background: transparent url(images/page_bg.png) repeat-y top left; margin: 0px; padding: 0px 25px; }
#main { width: 403px; \width: 423px; w\idth: 403px; float: left; margin: 0px 6px 0px 3px; padding: 10px 10px 0px 10px; background: #EAEAE6 url(images/main_bg.gif) no-repeat left bottom; border-top: 1px solid #ccc; }
#home #title { text-indent: -999em; background: transparent url(images/latest-gig.gif) no-repeat top left; display: block; height: 40px; width: 377px; margin: 0px; }
*>html #home #title { text-indent: 0em; t\ext-indent: -999em; font-size: 0px; color: #E0DFDA; }
#home #title a { display: block; height: 40px; width: 377px; }
#contact #main h3 { margin-top: 10px; color: #333; }
#right { border-left: 1px solid #ccc; width: 167px; float: left; }
#nav { margin: 0px; padding: 0px; list-style: none; }
#nav li { margin: 0px; padding: 0px; height: 45px; width: 167px; }
#nav li a { display: block; height: 45px; width: 167px; text-indent: -999em; text-align: right; color: #E0DFDA; }
*>html #nav li a { text-indent: 0em; t\ext-indent: -999em; font-size: 0px; }
li#home a { background: #E0DFDA url(images/home.gif) top left; }
li#news a { background: #E0DFDA url(images/news.gif) top left; }
li#media a { background: #E0DFDA url(images/media.gif) top left; }
li#about a { background: #E0DFDA url(images/about.gif) top left; }
li#contact a { background: #E0DFDA url(images/contact.gif) top left; }
li#myspace a { background: #CE0000 url(images/myspace.gif) top left; }
li#myspace a span { display: none; visibility:hidden }
#nav li a#here { background-position: bottom left; color: #ECECE9; }
li#home a:hover,li#news a:hover,li#media a:hover,li#about a:hover,li#contact a:hover,li#myspace a:hover { background-position: bottom left; color: #ECECE9; }

.technology { width: 390px; padding: 20px 5px 5px 5px; background: #fff url(images/technology.gif) no-repeat 5px 5px; border: 1px solid #ddd; color: #000; }

#footer { width: 434px; \width: 654px; w\idth: 434px; height: 47px; background: transparent url(images/footer_bg.png) no-repeat top left; margin: 0px; padding: 70px 110px 0px 110px; clear: left; color: #fff; }
#by { display: block; height: 10px; width: 103px; text-indent: -999em; background: transparent url(images/site_by.gif) no-repeat left top; margin: 4px 0px 1px 0px; }
*>html #by { text-indent: 0em; t\ext-indent: -999em; font-size: 0px; color: #85B6DE }
#sitemap { color: #fff; }
#sitemap:hover { color:#fff; text-decoration: underline; }

/* Form Styles */
#mailform label { display: block; float: left; width: 40px; text-align:right; margin-right: 5px; padding-top: 5px; }
#name,#email { margin: 2px 0px; height: 13px; width: 140px; background: #fff url(images/form_bg.gif) no-repeat top left; padding: 3px 2px 2px 2px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333; border: 0px; }
#message { width: 260px; height: 64px; background: #fff url(images/form_bg.gif) no-repeat top left; padding: 3px 2px 2px 2px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333; border: 0px; }
.button { margin: 2px 0px 2px 45px; color: #fff; font-weight: bold; background: #CC3333; border: 1px outset #CC3333; }
.button_over { margin: 2px 0px 2px 45px; color: #fff; font-weight: bold; background: #CC0000; border: 1px outset #CC0000; }