/* * iWebSkel:The Ultimate Website Skeleton! */ /* Reset */ @import 'reset.css'; /* BODY STUFF */ body{background-image:url('images/bg.jpg')} #splatter{background-image:url('images/splatter.png'); background-position:85px 0px; background-repeat:no-repeat; margin:auto; width:1373px; height:50%;} #splatter2{background-image:url('images/LONG_SPLATTER.png'); background-position:85px 0px; background-repeat:no-repeat; margin:auto; width:1373px; height:50%} #splatter3{background-image:url('images/LONG_SPLATTER.png'); background-position:85px 0px; background-repeat:no-repeat; margin:auto; width:1373px; height:966px} #header_splatter{width:1373px; margin:auto} /* CONTAINER STUFF */ #container{width:873px; margin:auto; clear:both; border-left:1px solid white; border-right:1px solid white; margin-top:-17px} .reset_button{background-image:url('images/reset_button.png'); background-repeat:no-repeat; background-color:transparent !important; border:0px solid white !important; color:none; text-indent:-9999999px; width:184px; height:30px !important; margin:5px 0 0 172px} #bcg_plug{position:relative;margin:auto;z-index:999999999999999999;width:873px;} #bcg_plug p{display:inline;padding-bottom:25px;color:#939090;position:absolute;right:97px;top:15px;font-family:Helvetica,Times New Roman,Times,serif; font-size:10px;} #bcg_plug p.bcg{right:0px;} #bcg_plug a p{color:#AEA298;} #bcg_plug a:hover{color:#AEA298;} /* HEADER STUFF */ #header{margin:auto; width:875px; height:131px; padding-top:15px} #external_links{width:100%; height:100px} .mini_facebook{margin-bottom:-7px} .mini_masterdisk{margin-bottom:-2px; margin-left:2px;} #icons{float:right} #logo-nav{height:31px; border-right:1px solid white; border-left:1px solid white; margin-top:-15px} #logo{height:29px} #logo img{position:relative; margin-left:-77px; margin-top:-128px; z-index:4000; width:329px; height:259px} /* NAVIGATION STUFF */ #navigation{float:right; width:646px; margin-top:-29px; margin-right:-2px; position:relative; z-index:50000} #nav{width:700px; background:url('images/nav_sprite.png') no-repeat; height:29px; margin:0; padding:0; list-style:none} #nav span{display:none} #nav li, #nav a{height:29px; display:block} #nav li{float:left; list-style:none; display:block; position:relative; z-index:500} #nav ul{position:absolute; left:5; top:28px; display:none; margin:0px 0 0 0px; padding:0; list-style:none} #nav ul li{width:95px; float:left; border:1px solid #904547; margin-left:6px} #nav ul a{display:block; height:5px; padding:8px 5px; color:#666} #nav ul li#subnav-disco{border-bottom:0px;margin-top:2px;} #nav ul a.subdisco{background:url('images/sub_nav_sprite_disco.png') 0px 0px no-repeat} #nav ul a.subdisco:hover{background:url('images/sub_nav_sprite_disco.png') 0px -21px no-repeat} #nav ul a.subtesti{background:url('images/sub_nav_sprite_testi.png') 0px -1px no-repeat} #nav ul a.subtesti:hover{background:url('images/sub_nav_sprite_testi.png') 0px -23px no-repeat} #nav ul li#subnav-disco{height:21px} #nav ul li#subnav-testi{height:21px} #ul a:hover{text-decoration:underline} #nav-intro{width:107px} #nav-intro a:hover{background:url('images/nav_sprite.png') 0px -29px no-repeat} #nav-products{width:113px} #nav-products a:hover{background:url('images/nav_sprite.png') -107px -29px no-repeat} #nav-clients{width:108px} #nav-clients a:hover{background:url('images/nav_sprite.png') -220px -29px no-repeat} #nav-studio{width:105px} #nav-studio a:hover{background:url('images/nav_sprite.png') -328px -29px no-repeat} #nav-sample{width:107px} #nav-sample a:hover{background:url('images/nav_sprite.png') -433px -29px no-repeat} #nav-contact{width:115px} #nav-contact a:hover{background:url('images/nav_sprite.png') -540px -29px no-repeat} #menu{padding:5px 0px 5px 0px; margin-left:45px; margin-top:-3px} #menu li{display:inline; font-size:10px; height:31px} #menu li a{border-left:1px solid #a86768; font-family:'Roadgeek2005SeriesEMRegular',Helvetica Bold,sans-serif; color:#d6c8c8; font-size:10px; height:33px; padding:11px 19px 8px 19px; text-decoration:none; margin-left:-6px; position:relative; z-index:4001} #menu li a.contact{padding:11px 22px 8px 25px} #menu li a.contact:hover{padding:11px 30px 8px 25px} #menu li a:hover{background-color:#a5000b; border-left:1px solid white; color:#d6c8c8; font-size:10px; height:33px; padding:10px 19px 8px 19px; text-decoration:none} /* FEATURED STUFF */ #featured{height:308px; background-image:url('images/yah_bg.jpg'); background-position:right; background-repeat:no-repeat; position:relative; z-index:1000;border-top:1px solid white;} #booksession{margin-top:210px; margin-left:145px; position:relative} /* DIVIDER STUFF */ #divider{height:24px; width:873px; background-image:url('images/divider.png'); border-right:1px solid white} /* FREE SAMPLE STUFF */ #home_free_sample{height:153px; background-image:url('images/freesample.jpg'); position:relative;} #home_free_sample img{margin-left:289px; margin-top:3px} #home_free_sample img.freesamp{margin-top:10px} #home_free_sample p{color:gray; padding-top:40px; margin-left:180px; margin-right:-10px} #home_free_sample_main{position:relative;float:left; width:420px; font:11px "Helvetica","Trebuchet MS",Verdana,sans-serif; font-size:14px; text-align:right; text-indent:-350px} #home_free_sample_main p{position:absolute;right:0px;} #home_free_sample_main img{position:absolute;right:-20px;top:55px;} #home_testimonials{float:right; background:url('images/testimonial.png') 50px 20px no-repeat; width:425px; height:317px; position:absolute; z-index:4000;right:36px;} #test_speaker{z-index:6000; position:absolute} #test_speaker img{margin-top:-130px} /*#home_free_sample img.view_button{margin-left:0px; margin-top:-11px; position:absolute}*/ #home_testimonials img.view_button{position:absolute;bottom:55px;left:-150px;} .description{line-height:20px; font-family:Georgia,Times New Roman,Times,serif; font-style:italic; color:#CBCBCB} .author{color:green; font:11px "Helvetica","Trebuchet MS",Verdana,sans-serif} /* STUDIO TOUR STUFF */ #home_studio_tour{height:147px; background-image:url('images/thestudio.png'); background-position:top center} #home_studio_tour img{margin-top:20px; margin-left:70px} /* FOOTER STUFF */ #footer{display:inline; position:relative;} #gramaphone{margin-left:-28px; padding-top:17px; float:left} #footer-1{background-image:url('images/contact_bg.jpg'); height:251px; border-top:1px solid #7a6d6d} #contact_info_and_form{float:right} #contact_info{width:300px; float:left; color:white; font-size:14px; font:11px "Helvetica","Trebuchet MS",Verdana,sans-serif; position:relative; bottom:-15px; left:5px; margin-top:20px} #contact_info h3{margin-bottom:10px; margin-top:25px} #mdstudioh3{margin-top:15px} #contact_info p{margin-bottom:13px; margin-top:10px} .contact_type{font-size:9px; font-weight:bold; margin-right: 4px; color: #fff; } p.address{color:#7c7777} #contact_form{float:right; height:213px; margin-right:15px; margin-top:26px; width:300px} #footer_buttons{ position:relative; } #footer_buttons #button{ position:absolute; right:0px; } #footer_buttons #button2{ position:absolute; right:320px; top:9px; width:61px; } /* INDEX PAGE SPECIFIC FOOTER */ #contact_form_index{float:right; height:213px; margin-right:15px; margin-top:32px; width:300px} #contact_info_index{width:300px; float:left; color:white; font-size:14px; font:11px "Helvetica","Trebuchet MS",Verdana,sans-serif; position:relative; bottom:-15px; left:5px; margin-top:26px; margin-left: 5px;} #contact_info_index h3{margin-bottom:10px; margin-top:25px} #contact_info_index p{margin-bottom:10px; margin-top:10px; font-size: 11px;} #contact_form_index input{width:162px; height:20px; margin-right:2px; background-color:#4B4B4B; border:1px solid #9E9E9E; color:white; font-style:italic; font-size:10px; padding-top:5px; padding-left:5px} /* END INDEX FOOTER STUFF */ #name_and_email{display:inline} textarea#message{height:80px; width:336px; background-color:#4B4B4B; border:1px solid #9E9E9E; margin-top:9px; color:white; font-style:italic; font-size:10px; padding:5px 0px 0px 5px} #contact_form input{width:162px; height:20px; margin-right:2px; background-color:#4B4B4B; border:1px solid #9E9E9E; color:white; font-style:italic; font-size:10px; padding-top:5px; padding-left:5px} #small_submit_button{background-image:url('images/more_info_buttom.png'); background-repeat:no-repeat; background-color:transparent !important; border:0px solid white !important; color:none; text-indent:-9999999px; width:184px !important; height:30px !important; margin:5px 0 0 172px} #small_thanks{width:321px; font-size:11px; font-family:Georgia,Times New Roman,Times,serif; font-style:italic; font-weight:bold; font-color:white} #small_thanks h3{font-size:12px; font-family:Georgia,Times New Roman,Times,serif; font-style:italic; font-weight:bold; line-height:20px; color:white} .small_thanks{width:321px; font-size:11px; font-family:Georgia,Times New Roman,Times,serif; font-style:italic; font-weight:bold; font-color:white} .small_thanks h3{font-size:12px; font-family:Georgia,Times New Roman,Times,serif; font-style:italic; font-weight:bold; line-height:20px; color:white} .contact_thanks{width:365px;font-size:12px; font-family:Georgia,Times New Roman,Times,serif; font-style:italic; font-weight:bold; line-height:20px; color:white} .freesamp_thanks{width:356px;font-size:12px; font-family:Georgia,Times New Roman,Times,serif; font-style:italic; font-weight:bold; line-height:20px; color:white} #copyright_and_menu{clear:both; height:25px; background-color:#231c1c; padding-top:12px; padding-left:20px; color:#939090; font:9px "Helvetica","Trebuchet MS",Verdana,sans-serif} #copyright{float:left; width:30%; font-size:12px} #copyright span{color:#530012} #footer_menu{float:right; width:578px; padding-top:2px} #footer_menu li{display:inline; font-size:9px; text-transform:uppercase; padding-right:10px; padding-left:10px} .footer_menu_li{border-right:1px solid #939090} #footer_menu li a{color:#939090} #bottom_shadow{width:1373px; margin:auto} #bottom_shadow img{padding-left:226px; ; position:relative; margin-top:-2px} /* NON-HOMEPAGE PAGES */ #page_header{background-image:url('images/pagehead.png'); width:873px; height:141px; border-bottom:1px solid white; border-top:1px solid white; position:relative;} #intro_header{background-image:url('images/intro_header.jpg'); width:873px; height:141px; border-bottom:1px solid white; border-top:1px solid white; position:relative;} #products_header{background-image:url('images/products_header.jpg'); width:873px; height:141px; border-bottom:1px solid white; border-top:1px solid white; position:relative;} #free_sample_header{background-image:url('images/free_sample_header.jpg'); width:873px; height:141px; border-bottom:1px solid white; border-top:1px solid white; position:relative;} #contact_header{background-image:url('images/contact_header.jpg'); width:873px; height:141px; border-bottom:1px solid white; border-top:1px solid white; position:relative;} #disco_header{background-image:url('images/disco_heading.jpg'); width:873px; height:141px; border-bottom:1px solid white; border-top:1px solid white; position:relative;} #coming_soon_header{background-image:url('images/coming_soon_header.jpg'); width:873px; height:141px; border-bottom:1px solid white; border-top:1px solid white; position:relative;} #testi_header{background-image:url('images/testi_header.jpg'); width:873px; height:141px; border-bottom:1px solid white; border-top:1px solid white; position:relative;} #studios_header{background-image:url('images/studio_header.jpg'); width:873px; height:141px; border-bottom:1px solid white; border-top:1px solid white; position:relative;} /* @font-face{font-family:'ChunkFiveRegular'; src:url('Chunkfive.eot'); src:local('ChunkFive Regular'),local('ChunkFive'),url('Chunkfive.ttf') format('truetype')} */ #page_header h1{position:absolute; bottom:0px; right:105px; font-family:"Georgia", "Arial", "sans-serif"; letter-spacing:0; text-transform:none; font-size:35px; color:#C5C5C5;font-weight:bold;font-style:italic;} /* INTRODUCTION PAGE */ #intro_content{ background-image:url('images/intro_bg.jpg'); width:872px; height:487px} #intro_headliner{ background-image:url('images/plug.png'); background-position:66px 20px; background-repeat:no-repeat; height:100px; padding:14px 0px 15px 149px; color:white} #intro_headliner p{font-family:"Helvetica","Trebuchet MS",Verdana,sans-serif; font-size:11px; font-weight:bold; text-align:justify; line-height:22px} .intro-section{background-image:url('images/section_bg.png'); background-repeat:no-repeat; width:333px; height:223px; padding:17px; padding-top:0px; font-size:12px; color:#aeaeae} .intro-section p{ padding-right:34px; padding-top:32px; line-height:18px; text-align:justify; font-family:"Helvetica","Trebuchet MS",Verdana,sans-serif; font-size:11px; color:#8c8c8c} #whymasterimg{ padding-left:30px; padding-top:15px} #whymasterdiskimg{ padding-top:19px} #why_master{ float:left; margin-left:75px} #why_masterdisk{ float:right; margin-right:39px} #closing_text{ clear:both; color:#aeaeae; padding-left:135px; padding-top:63px;height:100%;} #closing_text img{ display:inline; float:left; margin-top:-5px} #closing_text img.freesampbutton{ margin-right:132px; margin-top:-11px; float:right} #closing_text p{ margin-top:0px; margin-left:20px; display:inline; font:14px "Helvetica","Trebuchet MS",Verdana,sans-serif} /* PRODUCTS AND PRICES PAGE */ #products_content{background-image:url('images/products_prices/products_bg.png'); height:647px; width:872px; color:white; font:11px "Helvetica","Trebuchet MS",Verdana,sans-serif; font-style:oblique} #prices{height:125px; padding:25px 0px 25px 200px} #prices h1{font-family:Georgia,Times New Roman,Times,serif; font-size:40px; font-weight:bold; font-style:italic; text-transform:none; color:white; text-align:center; margin-top:15px} .price{float:left; margin-right:50px} #all_included{float:left; width:393px; margin-left:90px} #other_tables{float:right; width:260px; margin-right:90px} ul#included{margin-top:12px} ul#included li{font-size:11px;list-style-type:none; list-style-position:inside; height:35px; background-color:#4b0e14; border:1px solid #878787; border-bottom:0px; background-image:url('style/images/bullet.png') no-repeat;text-transform:none;} ul#included li p{font-size:11px;padding-left:10px; margin-top:2px; padding-top:10px; color:white; font:11px "Helvetica","Trebuchet MS",Verdana,sans-serif; font-style:oblique;text-transform:none;} ul#included li.darkred{background-color:#2a090c} ul#included li.last{background-color:#2a090c; border-bottom:1px solid #878787} .price_table{border:1px solid #878787; margin-top:14px} .price_table tr{height:35px; background-color:#656565} .price_table tr td{background-color:#656565} .price_table tr.table_alt{background-color:#2F2F2F} .price_table tr.table_alt td{background-color:#2F2F2F} .table_description{width:70%; padding-left:9px; padding-top:10px} td.table_description{color:white; font:11px "Helvetica","Trebuchet MS",Verdana,sans-serif; font-style:oblique; border-right:1px solid #878787;text-transform:none;} td.table_price{color:white; font:15px "Helvetica","Trebuchet MS",Verdana,sans-serif; font-style:oblique;text-transform:none;} .table_price{width:30%; font-weight:bold; font-size:15px; text-align:center} .table_price span{font-size:11px} #vinyl_table{margin-top:12px} #vinyl_table p{font-size:10px; text-align:right; padding-right:5px; margin-top:21px; color:#656565} #vinyl_table a{color:white; font-weight:bold; padding:0px 3px} #tables{height:400px} #bottom_products{margin-left:90px; height:50px; width:800px;text-transform:none;} #bottom_products p{display:inline; padding-right:10px; font-style:normal;font-color:white;font-size:11px;text-transform:none;} #bottom_products img{margin-bottom:-15px; margin-left:-10px; margin-right:15px} /* CONTACT PAGE */ #contact_headliner{background-image:url('images/contact/bigmic.png'); background-position:90px 20px; background-repeat:no-repeat; height:75px; padding:20px 90px 20px 143px; font-family:"Helvetica","Trebuchet MS",Verdana,sans-serif; color:white; font-size:11px; line-height:17px} #contact_content{background-image:url('images/contact/contact_bg.jpg'); height:788px; width:871px} #contact_page_text{float:left; width:250px; padding-left:92px; margin-top:12px; font-family:"Helvetica","Trebuchet MS",Verdana,sans-serif; color:white; font-size:11px; line-height:22px} #address1 p{line-height:23px; } #address2{margin-top:10px} #address2 p{line-height:23px; font-size:9px; font-weight: bold;} #address2 a{ font-size: 11px; margin-left: 4px; } span.phonenum{ font-size: 11px; margin-left: 4px; } #big_contact_form{background-image:url('images/contact/contact_form_bg.png'); background-repeat:no-repeat; width:395px; height:597px; float:right; padding:23px; margin-right:55px} #contact_form_header_text{margin-top:13px; padding-right:28px; margin-bottom:17px} #big_contact_form p{font-family:"Helvetica","Trebuchet MS",Verdana,sans-serif; color:#969696; text-align:center; font-size:9px; line-height:12px} .contact_block{padding-bottom:22px} #contact-2{padding-bottom:10px; margin-top:10px} #contact-3 img{padding-bottom:30px} #contact-3 p{line-height:10px; margin-bottom:20px; font-weight:bold} #contact-3 span{font-style:italic; color:#D4D4D4; font-weight:normal} #contact-4 img{padding-bottom:20px} #contact-4 p{font-style:italic; line-height:35px; color:#6B6B6B} #contact-4 img.fileicon{display:inline; margin-bottom:-22px; margin-left:9px} .contact_block img{padding-bottom:20px} .contact_block img.logo{padding-right:10px; padding-top:14px} #contact_headliner p {line-height:20px; margin-top:-5px; font-weight: bold;} /* FREE SAMPLE STUFF */ #freesamp_content{background-image:url('images/freesamp/freesamp_bg.jpg'); width:871px; height:486px} #freesamp_step1{background-image:url('images/freesamp/step1_bg.png'); background-repeat:no-repeat; width:409px; height:275px; float:left; margin-left:74px; padding-top:72px; padding-left:5px;} #freesamp_step2{background-image:url('images/freesamp/step2_bg.png'); background-repeat:no-repeat; width:279px; position:relative; height:275px; float:right; margin-right:73px; color:#959595; padding-top:77px; font-family:"Helvetica","Trebuchet MS",Verdana,sans-serif} #freesamp_step2 h5{font-size:10px; text-align:center; margin-bottom:9px} #freesamp_step2 p{font-size:10px; text-align:center;line-height:14px;} #freesamp_step2 p.checklist{font-size:10px; text-align:center; color:#377b18; margin-top:6px;font-style:italic;} #freesamp_step2 img.ysi_button{margin:18px 69px 0px 69px} #freesamp_step2 img.checklistfile{margin-bottom:-2px; margin-left:4px} #yousendit_div{margin-top:-9px;} #step2bottomtext{position:absolute; bottom:90px; left:26px} #freesamp_headliner{background-image:url('images/freesamp_speaker.png'); background-position:75px 20px; background-repeat:no-repeat; height:75px; padding:20px 96px 40px 146px; font-family:"Helvetica","Trebuchet MS",Verdana,sans-serif; color:white; font-size:11px; line-height:22px} #freesamp_headliner span{font-weight:bold;} #freesamp_form{margin-left:23px;} #freesamp_headliner p{line-height:20px; margin-top:-5px;width: 660px; font-weight: bold;} /* TESTIMONIAL STUFF */ #testi_content{background-image:url('images/test_bg.jpg'); width:873px; height:490px} #testimonials_container{ float:left; width:795px; height:480px; } #testimonials_nav{ float:right; width:70px; position:relative; } #nav_holder{ position:absolute; top:180px; } .testimonial_row{ width:791px; height:177px; position:relative; font:11px "Helvetica","Trebuchet MS",Verdana,sans-serif; font-size:12px; } .testimonial_row p{ font:11px "Helvetica","Trebuchet MS",Verdana,sans-serif; font-size:11px; position:relative; line-height:22px; color:white; } .blockquote{ float:left; width:46px; left:83px; top:35px; position:absolute; } .row_text { float:right; left:152px; position:absolute; top:38px; width:585px; } .testi_author{ position:absolute; margin-left:325px; margin-top:15px; float:right; } .testi_author p{ text-align:left; font-weight:bold; } .row_text img.testi_divider{ position:absolute; bottom:-72px; left:40px; } /* position and dimensions of the navigator */ .navi { margin-left:328px; width:200px; height:20px; } /* items inside navigator */ .navi a { width:8px; height:8px; float:left; margin:3px; background:url('images/scrollable/arrow/navigator.png') 0 0 no-repeat; display:block; font-size:1px; } /* mouseover state */ .navi a:hover { background-position:0 -8px; } /* active state (current page state) */ .navi a.active { background-position:0 -16px; } a.testi_prev{ background:url('images/testi_back.png') no-repeat 0 0; width:19px; height:72px; text-indent:-99999999px; padding-top:50px; display:block; cursor:pointer; position:absolute; top:176px; } a.testi_prev:hover{ background:url('images/testi_back_over.png') no-repeat 0 0; } a.testi_next{ background:url('images/testi_more.png') no-repeat 0 0; width:19px; height:72px; text-indent:-99999999px; padding-top:50px; display:block; cursor:pointer; position:absolute; top:271px; } a.testi_next:hover{ background:url('images/testi_more_over.png') no-repeat 0 0; } .testi_actions img{position:absolute;top:256px;left:2px;} /* DISCOGRAPHY */ #disco_content{background-image:url('images/disco_bg.jpg'); height:544px; width:873px;position:relative;} .items img.albums{height:440px;float:left;margin-right:20px;margin-bottom:100px;} .disco-items{padding-top:50px;} .scrollable .items{width:9000px;} #infinite{margin-left:52px;} #disco_left_button{height:214px;width:51px;background-image:url('images/disco_left.png');position:absolute;top:163px;left:21px;} /* #disco_left_button:hover{background-image:url('images/disco_left_over.png');} */ #disco_right_button{height:214px;width:51px;background-image:url('images/disco_right.png');position:absolute;top:163px;left:809px;} /* #disco_right_button:hover{background-image:url('images/disco_right_over.png');} */ div.scrollable{ position:relative; overflow:hidden; height:498px; width:777px; } div.scrollable div.items{ position:absolute; height:20000em; } #disco_buttons{position:absolute;z-index:99999999;} /* STUDIOS */ .top_section{position:relative;border-bottom:1px solid #636363;} .mininav{position:absolute;width:242px;height:38px;top:19px;left:27px;z-index:99999999999;padding-left:90px;padding-top:9px;} #studio1_mininav{background-image:url('Studio_assets/studio1_mininav_bg.png');background-repeat:no-repeat;} #studio2_mininav{background-image:url('Studio_assets/studio2_mininav_bg.png');background-repeat:no-repeat;} #studio3_mininav{background-image:url('Studio_assets/studio3_mininav_bg.png');background-repeat:no-repeat;} #studio4_mininav{background-image:url('Studio_assets/studio4_mininav_bg.png');background-repeat:no-repeat;} #studio5_mininav{background-image:url('Studio_assets/studio5_mininav_bg.png');background-repeat:no-repeat;} .studiobutton{float:left;position:relative;margin-right:3px;} .studiobutton p{display:none;} .studio_back_button{width:17px;height:18px;background-image:url('Studio_assets/studio_leftarrow.png');} .studio_back_button:hover;{width:17px;height:18px;background-image:url('Studio_assets/studio_leftarrow_over.png');} .studio_back_button_current{width:17px;height:18px;background-image:url('Studio_assets/studio_leftarrow_over.png');} .studio_next_button{width:17px;height:18px;background-image:url('Studio_assets/studio_rightarrow.png');} .studio_next_button:hover;{width:17px;height:18px;background-image:url('Studio_assets/studio_rightarrow_over.png');} .studio_next_button .current_page{width:17px;height:18px;background-image:url('Studio_assets/studio_rightarrow_over.png');} .studio_1_button{width:17px;height:18px;background-image:url('Studio_assets/button1.png');} .studio_1_button:hover{background-image:url('Studio_assets/button1_over.png')} .studio_1_button_current{width:17px;height:18px;background-image:url('Studio_assets/button1_over.png');} .studio_2_button{width:17px;height:18px;background-image:url('Studio_assets/button2.png');} .studio_2_button:hover{background-image:url('Studio_assets/button2_over.png')} .studio_2_button_current{width:17px;height:18px;background-image:url('Studio_assets/button2_over.png');} .studio_3_button{width:17px;height:18px;background-image:url('Studio_assets/button3.png');} .studio_3_button:hover{background-image:url('Studio_assets/button3_over.png')} .studio_3_button_current{width:17px;height:18px;background-image:url('Studio_assets/button3_over.png');} .studio_4_button{width:17px;height:18px;background-image:url('Studio_assets/button4.png');} .studio_4_button:hover{background-image:url('Studio_assets/button4_over.png')} .studio_4_button_current{width:17px;height:18px;background-image:url('Studio_assets/button4_over.png');} .studio_5_button{width:17px;height:18px;background-image:url('Studio_assets/button5.png');} .studio_5_button:hover{background-image:url('Studio_assets/button5_over.png')} .studio_5_button_current{width:17px;height:18px;background-image:url('Studio_assets/button5_over.png');} .banner{width:873px;height:257px;position:relative;} #studio1_banner{background-image:url('Studio_assets/studio1_banner.jpg');} #studio2_banner{background-image:url('Studio_assets/studio2_banner.jpg');} #studio3_banner{background-image:url('Studio_assets/studio3_banner.jpg');} #studio4_banner{background-image:url('Studio_assets/studio4_banner.jpg');} #studio5_banner{background-image:url('Studio_assets/studio5_banner.jpg');} .studio_lists{width:873px;height:306px;background-image:url('Studio_assets/lists_bg.jpg');} .engineers{position:relative;margin-top:-18px;float:left;width:268px;height:306px;background-image:url('Studio_assets/engineers_heading.png');background-repeat:no-repeat;left:27px;} .engineers a{color:gray;} .engineer_profile{height:42px;width:235px;} ul#studio1_engi{position:absolute;top:55px;left:20px;} ul#studio1_engi li{margin-bottom:10px;} .engi_pic{float:left;height:39px;width:39px;margin-top:1px;} .engi_text{float:right;height:39px;width:180px;margin-top:1px;} .engi_text p.engi_name{font-family:Helvetica, sans-serif;color:white;text-transform:none;font-weight:bold;font-size:16px;} .engi_text p.engi_line2{margin-top:5px;font-family:Helvetica, sans-serif;color:gray;text-transform:none;font-weight:none;font-size:12px;} .engi_line2 span{color:gray;} .studio_warning h4{color: #cecece; margin-top: 20px; font: bold 10px Helvetica, sans-serif; } .studio_warning span {font-weight: normal; font-family: "Times New Roman", Times, serif; float: left; margin-top: 5px; font-size: 10px;color: #7e7e7e; } .equipment{position:relative;margin-top:-32px;margin-right:22px;float:right;width:541px;height:306px;background-image:url('Studio_assets/equipment_heading.png');background-repeat:no-repeat;} .monitors{position:absolute;top:70px;left:15px;} .monitors_heading{background-image:url('Studio_assets/monitors_heading.png');background-repeat:no-repeat;height:27px;width:145px;} .monitors_item{background-image:url('Studio_assets/monitors_li.png');background-repeat:no-repeat;width:145px;background-repeat: repeat-y;font-family: Helvetica, sans-serif;color:#b0b0b0;font-size:10px;padding:9px 0px 5px 7px;} .monitors_bottom{background-image:url('Studio_assets/monitors_li_bottom.png');background-repeat:no-repeat;height:14px;width:145px;} .workstations{position:absolute;top:70px;left:171px;} .workstations_heading{background-image:url('Studio_assets/workstations_heading.png');background-repeat:no-repeat;height:27px;width:144px;} .workstations_item{background-image:url('Studio_assets/workstation_li.png');background-repeat:no-repeat;background-repeat: repeat-y;width:144px;font-family: Helvetica, sans-serif;color:#b0b0b0;font-size:10px;padding:9px 0px 5px 7px;} .workstations_bottom{background-image:url('Studio_assets/workstation_li_bottom.png');background-repeat:no-repeat;height:15px;width:145px;} .eqco{position:absolute;top:70px;left:327px;} .eqco_heading{background-image:url('Studio_assets/eqco_heading.png');background-repeat:no-repeat;height:27px;width:203px;} .eqco_item{background-image:url('Studio_assets/eqco_li.png');background-repeat:no-repeat;background-repeat: repeat-y;width:203px;font-family: Helvetica, sans-serif;color:#b0b0b0;font-size:10px;padding:9px 0px 5px 7px;} .eqco_bottom{background-image:url('Studio_assets/eqco_li_bottom.png');background-repeat:no-repeat;height:17px;width:203px;}