* { outline: none; color: #ffffff; }

body { 
    margin: 0;
    padding: 0; 
    font-family: "Courier New", Courier, monospace;
    font-size: 100%;
    background-color: #000000;
}

#wrapper {
    width: 1150px;
    margin: 0 auto;
    padding: 0;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 932px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 538px;
    width: 932px;
    overflow: hidden;
    position: relative;
    clear: left;
}

.scrollContainer {  
    float: left;
}

.scrollContainer div.panel {
    height: 538px;
    width: 932px;
}

.scrollVingette { 
	height: 538px;
	width: 932px;
	float: left;
	position: relative;
	bottom: 538px;
	background: url(../img/vingette.png) no-repeat;
}

#page_nav { height: 100px; overflow: hidden; }

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100px;
    overflow: hidden;
}

ul.navigation li {
    float:left;
    height: 100px;
    overflow: hidden;
}

ul.navigation a {
    color: #fff;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: red;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 353px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -90px;
}

.scrollButtons.right {
    right: -90px;
}

.hide {
    display: none;
}

.tab_area {
	float: left;
	width: 218px;
	height: 101px;
	overflow:hidden;
	background: url(../img/nav/tab_bg.jpg) no-repeat;
}

.tab_area img { position: relative; top: 101px; left: 50px;}

#eartunes_login { float: left; position: relative; left: 35px; top: 5px; z-index: 20;}

#video_box { padding: 10px; }

/* ---------------------------------------- Panels ---------------------------------------- */
#home { background: url('../img/page_backgrounds/home.jpg') no-repeat; }
#music { background: url('../img/page_backgrounds/music.jpg') no-repeat; }
#studio { background: url('../img/page_backgrounds/studio.jpg') no-repeat; }
#tv { background: url('../img/page_backgrounds/tv.jpg') no-repeat; }
#longform { background: url('../img/page_backgrounds/video.jpg') no-repeat; }
#radio { background: url('../img/page_backgrounds/radio.jpg') no-repeat; }
#contact { background: url('../img/page_backgrounds/contact.jpg') no-repeat; }
#news { background: url('../img/page_backgrounds/news.jpg') no-repeat; }
#clients { background: url('../img/page_backgrounds/clients.jpg') no-repeat; }

#home_text { width: 240px; height: 146px; overflow: hidden; position: relative; top: 317px; left: 350px; z-index: 5; }
#home_text p { font-family: "Courier New", Courier, monospace; font-size: 13px; line-height: 16px; color: #000000; font-weight: bold;  }

#music_text { width: 245px; height: 145px; overflow: hidden; position: relative; top: 100px; left: 340px; z-index: 5; }
#music_text p { font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 15px; color: #ffffff; font-weight: bold;  }
#visit_beau { float: left; position: relative; top: 251px; left: 574px; z-index: 5; }

#tv_play_link { position: relative; top: 245px; left: 387px; z-index: 5; }
#lf_play_link { position: relative; top: 263px; left: 417px; z-index: 5; }
#radio_play_link { position: relative; top: 244px; left: 367px; z-index: 5; }
#orig_play_link { position: relative; top: 205px; left: 558px; z-index: 5; float: left; }

#studio_text { width: 555px; height: 345px; overflow: hidden; position: relative; top: 147px; left: 143px; z-index: 5; }
#studio_text p { font-family: "Courier New", Courier, monospace; font-size: 13px; line-height: 16px; color: #ffffff; font-weight: bold; width: 430px; }
#studio_image { float:left; position: relative; left: 297px; bottom: 189px; }
#studio_text ul { margin: 0; padding: 0 15px; width: 250px; }
#studio_text li { font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 16px; color: #feb000; font-weight: bold; padding-bottom: 5px; }

#contact_text { width: 200px; height: 125px; overflow: hidden; position: relative; top: 160px; left: 360px; z-index: 5; }
#contact_text p { font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 15px; color: #000000; font-weight: bold;  }
#contact_text a:link, #contact_text a:visited { color: #000000; text-decoration: none; }
#contact_text a:hover { text-decoration: underline; }

#twitter_feed { width: 245px; height: 315px; overflow: hidden; position: relative; top: 97px; left: 335px; z-index: 5; font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 15px; font-weight: bold; }
#twitter_bird { position: relative; left: 150px; bottom: 51px; }
#twitter_blocks { width: 245px; margin: 0; padding: 0; }
#twitter_blocks li { list-style-type: none; border-bottom: 1px solid #868c8d; padding-bottom: 7px; font-size: 12px; font-weight: bold; }
#twitter_blocks li p { padding: 0; margin: 10px 0 2px 0; }

#vimeo_tv { position: relative; left: 590px; bottom: 208px; }
#vimeo_tv a { z-index: 10; float: left; position: relative; }
#vimeo_tv .tv_inside { position: relative; right: 200px; top: 30px; float:left; z-index: 1; width: 118px; height: 82px;  }
#vimeo_tv .video_title { position: relative; right: 320px; top: 125px; float:left; z-index: 11; font-size: 12px; width: 130px; height: 27px; font-weight: bold; overflow: hidden; }

.client_list_wrapper { position: relative; top: 100px; left: 320px; height: 315px; width: 285px; overflow: auto; }
.client_list { padding: 10px 8px 0 8px; }
.client_list .no_link { display: block; width: 270px; height: 84px; }
.client_list_wrapper .loading { height: 24px; width: 24px; position: relative; top: 130px; left: 150px; }
#clients_logo { position: relative; bottom: 315px; left: 340px; float: left; }

#gallery_wrap { padding: 12px 0 0 15px; }
#fullsize_image { padding: 2px; background: #ffffff; width: 640px; height: 425px; float: left; }
#thumbnails { float: left; width: 210px; margin-left: 15px; height: 445px; }
#thumbnails img { float: left; border:1px solid #ffffff; margin: 0 8px 8px 0; cursor:pointer; }

#footer { color: #222222; text-align: center; font-size: 10px; margin-top: 5px; }
#footer a:link, #footer a:visited { color: #222222; text-decoration: none; font-size: 10px; }