@charset "UTF-8"; /* CSS Document */ /* PHOTOSHOP INFO Main Background: r25g25b25 Inner Background: Black */ /* PAGE SETUPS */ a { color:#000; border: 0; border-color:#000 } p { color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px } b { color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px } body { background-image: url(Global_Images/gbbackgroundcolor.png); background-repeat: repeat; margin-top: 0px; padding-top: 0px; } /* GLOBALTEMPLATE */ #globaltemplate { width: 700px; height: 900px; margin: 0px; position: relative; top: 0; left: 0; background-image:url(Global_Images/gbbackgroundcolor.png); background-repeat: repeat; } #globaltemplate #gb-banner { width: 660px; height: 100px; margin: 0; position: absolute; top: 0px; left: 20px; z-index: 9999; } #globaltemplate #gb-iphone a { width: 55px; height: 11px; margin: 0; position: absolute; top: 5px; right: 5px; color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 10px; text-align:right; text-decoration: none; } #globaltemplate #gb-topbar {width: 700px; height: 20px; left: 0px; top: 150px; position: absolute; background-image:url(Global_Images/gbtopbar.png); visibility: visible; overflow:hidden; background-position: 0px 0px; background-attachment: scroll; } #globaltemplate #gb-bottombar {width: 700px; height: 30px; left: 0px; bottom: 0px; position: absolute; background-image:url(Global_Images/gbbottombar.png); visibility: visible; overflow:hidden; background-position: 0px 0px; background-attachment: scroll; } #globaltemplate #gb-bottombar a { color: #333; font-family: Helvetica, Arial, sans-serif; font-size: 9px; text-decoration: none; } #globaltemplate #gb-background {width: 700px; height: 700px; left: 0px; bottom: 30px; position: absolute; background-image:url(Global_Images/gbbackground.png); visibility: visible; overflow:hidden; background-position: 0 0; background-attachment: scroll; background-repeat: repeat-y; } /* NAVIGATION */ #globaltemplate #globalnavshadow { width: 700px; height: 189px; top: 0px; left: 0px; position: absolute; background-image: url(Global_Images/gbnavshadow.png); background-repeat: no-repeat; } #globaltemplate #globalnav { width: 660px; height: 39px; top: 100px; left: 20px; position: relative; } #globaltemplate #globalnav #globalnavlist { margin: 0; padding: 0; } #globaltemplate #globalnav #globalnavlist li { display: inline; } #globaltemplate #globalnav #globalnavlist li a { float: left; width: 110px; height: 0; padding-top: 39px; overflow: hidden; background-image:url(Global_Images/gbnav.png); background-repeat: no-repeat; } /* BUTTON */ #globaltemplate #globalnav #globalnavlist li#gb-home a { background-position: 0 0; } #globaltemplate #globalnav #globalnavlist li#gb-degrees a { background-position: -110px 0; } #globaltemplate #globalnav #globalnavlist li#gb-facilities a { background-position: -220px 0; } #globaltemplate #globalnav #globalnavlist li#gb-watchlive a { background-position: -330px 0; } #globaltemplate #globalnav #globalnavlist li#gb-videos a { background-position: -440px 0; } #globaltemplate #globalnav #globalnavlist li#gb-contact a { background-position: -550px 0; } /* OVER STATES */ #globaltemplate #globalnav #globalnavlist li#gb-home a:hover { background-position: 0 -39px; } #globaltemplate #globalnav #globalnavlist li#gb-degrees a:hover { background-position: -110px -39px; } #globaltemplate #globalnav #globalnavlist li#gb-facilities a:hover { background-position: -220px -39px; } #globaltemplate #globalnav #globalnavlist li#gb-watchlive a:hover { background-position: -330px -39px; } #globaltemplate #globalnav #globalnavlist li#gb-videos a:hover { background-position: -440px -39px; } #globaltemplate #globalnav #globalnavlist li#gb-contact a:hover { background-position: -550px -39px; } /* ON STATES */ #globaltemplate.home #globalnav #globalnavlist li#gb-home a { background-position: 0 -78px; } #globaltemplate.degrees #globalnav #globalnavlist li#gb-degrees a { background-position: -110px -78px; } #globaltemplate.facilities #globalnav #globalnavlist li#gb-facilities a { background-position: -220px -78px; } #globaltemplate.watchlive #globalnav #globalnavlist li#gb-watchlive a { background-position: -330px -78px; } #globaltemplate.videos #globalnav #globalnavlist li#gb-videos a { background-position: -440px -78px; } #globaltemplate.contact #globalnav #globalnavlist li#gb-contact a { background-position: -550px -78px; } /*************************/ /* Home */ #h-title { width: 413px; height: 28px; margin: 0px; position: absolute; top: 215px; left: 143px; } #h-degreeimages { width: 620px; height: 292px; margin: 0px; position: relative; top: 250px; left: 40px;} #h-mdsimage a { width: 290px; height: 292px; margin: 0px; position: absolute; top: 0; left: 10px; } #h-gameimage a { width: 290px; height: 292px; margin: 0px; position: absolute; top: 0; left: 320px; } #h-courseimages {width: auto; height: 250px; margin: 0px; position: absolute; top: 590px; left:40px; } #h-courseimages p { font-size: 9px } #h-courseimages p b { font-size: 11px; color:#FFF } #h-video { width: 190px; height: 59px; margin: 0px; position: absolute; top: 0; left: 0; } #h-video a { width: 190px; height: 59px; margin: 0px; position: absolute; top: 0; left: 0; background-image: url(Home/video.png); background-repeat: no-repeat; } #h-video p { width: 121px; height: 54px; margin: 0px; position: absolute; top: 0; left: 64px; word-wrap: break-word; margin: 5px; } #h-sfx { width: 190px; height: 59px; margin: 0px; position: absolute; top: 0px; left: 215px; } #h-sfx a { width: 190px; height: 59px; margin: 0px; position: absolute; top: 0; left: 0px; background-image: url(Home/sfx.png); background-repeat: no-repeat; } #h-sfx p { width: 121px; height: 54px; margin: 0px; position: absolute; top: 0; left: 64px; word-wrap: break-word; margin: 5px; } #h-3dgraphics { width: 190px; height: 59px; margin: 0px; position: absolute; top: 0; left: 430px; } #h-3dgraphics a { width: 190px; height: 59px; margin: 0px; position: absolute; top: 0; left: 0px; background-image: url(Home/3dgraphics.png); background-repeat: no-repeat; } #h-3dgraphics p { width: 121px; height: 54px; margin: 0px; position: absolute; top: 0; left: 64px; word-wrap: break-word; margin: 5px; } #h-programming { width: 190px; height: 59px; margin: 0px; position: absolute; top: 80px; left: 0px; } #h-programming a { width: 190px; height: 59px; margin: 0px; position: absolute; top: 0; left: 0px; background-image: url(Home/programming.png); background-repeat: no-repeat; } #h-programming p { width: 121px; height: 54px; margin: 0px; position: absolute; top: 0; left: 64px; word-wrap: break-word; margin: 5px; } #h-ai { width: 190px; height: 59px; margin: 0px; position: absolute; top: 80px; left: 215px; } #h-ai a { width: 190px; height: 59px; margin: 0px; position: absolute; top: 0; left: 0px; background-image: url(Home/ai.png); background-repeat: no-repeat; } #h-ai p { width: 121px; height: 54px; margin: 0px; position: absolute; top: 0; left: 64px; word-wrap: break-word; margin: 5px; } #h-web { width: 190px; height: 59px; margin: 0px; position: absolute; top: 80px; left: 430px; } #h-web a { width: 190px; height: 59px; margin: 0px; position: absolute; top: 0; left: 0px; background-image: url(Home/web.png); background-repeat: no-repeat; } #h-web p { width: 121px; height: 54px; margin: 0px; position: absolute; top: 0; left: 64px; word-wrap: break-word; margin: 5px; } #h-audio { width: 190px; height: 59px; margin: 0px; position: absolute; top: 160px; left: 0px; } #h-audio a { width: 190px; height: 59px; margin: 0px; position: absolute; top: 0; left: 0px; background-image: url(Home/audio.png); background-repeat: no-repeat; } #h-audio p { width: 121px; height: 54px; margin: 0px; position: absolute; top: 0; left: 64px; word-wrap: break-word; margin: 5px; } #h-proissues { width: 190px; height: 59px; margin: 0px; position: absolute; top: 160px; left: 215px; } #h-proissues a { width: 190px; height: 59px; margin: 0px; position: absolute; top: 0; left: 0px; background-image: url(Home/proissues.png); background-repeat: no-repeat; } #h-proissues p { width: 121px; height: 54px; margin: 0px; position: absolute; top: 0; left: 64px; word-wrap: break-word; margin: 5px; } /* Degrees */ #d-content { width: 620px; height: 680px; position: relative; top: 125px; left: 40px; } #d-mdscontent { width: 620px; height: 330px; margin: 0px; position: relative; top: 0px; left: 0px; } #d-mdstopbar { width: 620px; height: 10px; margin: 0px; position: absolute; top: 0px; left: 0px; background-image: url(Global_Images/topbar.png); background-repeat: no-repeat; } #d-mdsbottombar { width: 620px; height: 10px; margin: 0px; position: absolute; bottom: 0px; left: 0px; background-image: url(Global_Images/bottombar.png); background-repeat: no-repeat; } #d-mdsbackground { width: 620px; height: 310px; margin: 0px; position: absolute; top: 10px; left: 0px; background-image: url(Global_Images/background.png); background-repeat: repeat-y; } #d-mdstitle a { width: 400px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Degrees/mdstitle.png); background-repeat: no-repeat } #d-mdsinfo { width: 580px; height: 100px; margin: 0px; position: absolute; top: 40px; left: 20px; word-wrap: break-word;} #d-mdsinfo a { color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px } #d-mdscomponents { width: 580px; height: 170px; margin: 0px; position: absolute; top: 130px; left: 20px; } #d-mdsvideo { width: 80px; height: 80px; margin: 0px; position: absolute; top: 0px; left: 85px; } #d-mdssfx { width: 80px; height: 80px; margin: 0px; position: absolute; top: 0px; left: 250px; } #d-mds3dgraphics { width: 80px; height: 80px; margin: 0px; position: absolute; top: 0px; left: 415px; } #d-mdsprogramming { width: 59px; height: 59px; margin: 0px; position: absolute; bottom: 0px; left: 85px; } #d-mdsweb { width: 59px; height: 59px; margin: 0px; position: absolute; bottom: 0px; left: 203px; } #d-mdsaudio { width: 59px; height: 59px; margin: 0px; position: absolute; bottom: 0px; left: 321px; } #d-mdsproissues { width: 59px; height: 59px; margin: 0px; position: absolute; bottom: 0px; left: 439px; } #d-gamecontent { width: 620px; height: 330px; margin: 0px; position: relative; top: 20px; left: 0px; } #d-gametopbar { width: 620px; height: 10px; margin: 0px; position: absolute; top: 0px; left: 0px; background-image: url(Global_Images/topbar.png); background-repeat: no-repeat; } #d-gamebottombar { width: 620px; height: 10px; margin: 0px; position: absolute; bottom: 0px; left: 0px; background-image: url(Global_Images/bottombar.png); background-repeat: no-repeat; } #d-gamebackground { width: 620px; height: 310px; margin: 0px; position: absolute; top: 10px; left: 0px; background-image: url(Global_Images/background.png); background-repeat: repeat-y; } #d-gametitle a { width: 80px; height: 40px; margin: 0px; position: absolute; top: 20px; left: 20px; background-image: url(Degrees/gametitle2.png); background-repeat: no-repeat } #d-gameinfo { width: 580px; height: 100px; margin: 0px; position: absolute; top: 50px; left: 20px; word-wrap: break-word;} #d-gameinfo a { color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px } #d-gamecomponents { width: 580px; height: 170px; margin: 0px; position: absolute; top: 140px; left: 20px;} #d-gameprogramming { width: 80px; height: 80px; margin: 0px; position: absolute; top: 0px; left: 85px; } #d-gameai { width: 80px; height: 80px; margin: 0px; position: absolute; top: 0px; left: 250px; } #d-game3dgraphics { width: 80px; height: 80px; margin: 0px; position: absolute; top: 0px; left: 415px; } #d-gamevideo { width: 59px; height: 59px; margin: 0px; position: absolute; bottom: 0px; left: 85px; } #d-gameweb { width: 59px; height: 59px; margin: 0px; position: absolute; bottom: 0px; left: 203px; } #d-gameaudio { width: 59px; height: 59px; margin: 0px; position: absolute; bottom: 0px; left: 321px; } #d-gameproissues { width: 59px; height: 59px; margin: 0px; position: absolute; bottom: 0px; left: 439px; } /* MDS */ #m-content { width: 620px; height: 680px; position: relative; top: 125px; left: 40px; } #m-topbar { width: 620px; height: 10px; margin: 0px; position: absolute; top: 0px; left: 0px; background-image: url(Global_Images/topbar.png); background-repeat: no-repeat; } #m-bottombar { width: 620px; height: 10px; margin: 0px; position: absolute; bottom: 0px; left: 0px; background-image: url(Global_Images/bottombar.png); background-repeat: no-repeat; } #m-background { width: 620px; height: 660px; margin: 0px; position: absolute; top: 10px; left: 0px; background-image: url(Global_Images/background.png); background-repeat: repeat-y; } #m-title { width: 375px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Degrees/mdstitle.png); background-repeat: no-repeat } #m-info { width: 580px; height: 610px; margin: 0px; position: absolute; top: 40px; left: 20px; } #m-structure {width: 580px; height: 300px; margin: 0px; position: absolute; bottom: 100px; left: 0px; } #m-info p a p { color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-decoration:underline; } /* GAME */ #g-content { width: 620px; height: 680px; position: relative; top: 125px; left: 40px; } #g-topbar { width: 620px; height: 10px; margin: 0px; position: absolute; top: 0px; left: 0px; background-image: url(Global_Images/topbar.png); background-repeat: no-repeat; } #g-bottombar { width: 620px; height: 10px; margin: 0px; position: absolute; bottom: 0px; left: 0px; background-image: url(Global_Images/bottombar.png); background-repeat: no-repeat; } #g-background { width: 620px; height: 660px; margin: 0px; position: absolute; top: 10px; left: 0px; background-image: url(Global_Images/background.png); background-repeat: repeat-y; } #g-title { width: 444px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Degrees/gametitle.png); background-repeat: no-repeat } #g-info { width: 580px; height: 610px; margin: 0px; position: absolute; top: 40px; left: 20px; } #g-structure {width: 580px; height: 300px; margin: 0px; position: absolute; bottom: 100px; left: 0px; } #g-info p a p { color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-decoration:underline; } /* Components */ #cp-content { width: 620px; height: 760px; position: relative; top: 125px; left: 40px; color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px } #cp-content b { color: #FFF; } #cp-topbar { width: 620px; height: 10px; margin: 0px; position: absolute; top: 0px; left: 0px; background-image: url(Global_Images/topbar.png); background-repeat: no-repeat; } #cp-bottombar { width: 620px; height: 10px; margin: 0px; position: absolute; bottom: 0px; left: 0px; background-image: url(Global_Images/bottombar.png); background-repeat: no-repeat; } #cp-background { width: 620px; height: 740px; margin: 0px; position: absolute; top: 10px; left: 0px; background-image: url(Global_Images/background.png); background-repeat: repeat-y; } #cp-title { width: 152px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Degrees/componentstitle.png); background-repeat: no-repeat } #cp-info { width: 580px; height: 610px; margin: 0px; position: absolute; top: 40px; left: 20px; } #cp-livevideo { width: 59px; height: 59px; margin: 0px; position: absolute; top: 48px; left: 50px; background-image: url(Home/livevideo.png); background-repeat: no-repeat; } #cp-video { width: 59px; height: 59px; margin: 0px; position: absolute; top: 126px; left: 50px; background-image: url(Home/video.png); background-repeat: no-repeat; } #cp-sfx { width: 59px; height: 59px; margin: 0px; position: absolute; top: 204px; left: 50px; background-image: url(Home/sfx.png); background-repeat: no-repeat; } #cp-3dgraphics { width: 59px; height: 59px; margin: 0px; position: absolute; top: 282px; left: 50px; background-image: url(Home/3dgraphics.png); background-repeat: no-repeat; } #cp-programming { width: 59px; height: 59px; margin: 0px; position: absolute; top: 360px; left: 50px; background-image: url(Home/programming.png); background-repeat: no-repeat; } #cp-ai { width: 59px; height: 59px; margin: 0px; position: absolute; top: 438px; left: 50px; background-image: url(Home/ai.png); background-repeat: no-repeat; } #cp-web { width: 59px; height: 59px; margin: 0px; position: absolute; top: 516px; left: 50px; background-image: url(Home/web.png); background-repeat: no-repeat; } #cp-audio { width: 59px; height: 59px; margin: 0px; position: absolute; top: 594px; left: 50px; background-image: url(Home/audio.png); background-repeat: no-repeat; } #cp-proissues { width: 59px; height: 59px; margin: 0px; position: absolute; top: 672px; left: 50px; background-image: url(Home/proissues.png); background-repeat: no-repeat; } #cp-livevideotext { width: 461px; height: 59px; margin-left: 7px; margin-top: 3px; position: absolute; top: 48px; left: 109px; word-wrap: break-word; } #cp-videotext { width: 461px; height: 59px; margin-left: 7px; margin-top: 3px; position: absolute; top: 126px; left: 109px; word-wrap: break-word; } #cp-sfxtext { width: 461px; height: 59px; margin-left: 7px; margin-top: 3px; position: absolute; top: 204px; left: 109px; word-wrap: break-word; } #cp-3dgraphicstext { width: 461px; height: 59px; margin-left: 7px; margin-top: 3px; position: absolute; top: 282px; left: 109px; word-wrap: break-word; } #cp-programmingtext { width: 461px; height: 59px; margin-left: 7px; margin-top: 3px; position: absolute; top: 360px; left: 109px; word-wrap: break-word; } #cp-aitext { width: 461px; height: 59px; margin-left: 7px; margin-top: 3px; position: absolute; top: 438px; left: 109px; word-wrap: break-word; } #cp-webtext { width: 461px; height: 59px; margin-left: 7px; margin-top: 3px; position: absolute; top: 516px; left: 109px; word-wrap: break-word; } #cp-audiotext { width: 461px; height: 59px; margin-left: 7px; margin-top: 3px; position: absolute; top: 594px; left: 109px; word-wrap: break-word; } #cp-proissuestext { width: 461px; height: 59px; margin-left: 7px; margin-top: 3px; position: absolute; top: 672px; left: 109px; word-wrap: break-word; } /* WatchLive */ #wl-content { width: 620px; height: 680px; position: relative; top: 141px; left: 40px; color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px } #wl-topbar { width: 620px; height: 10px; margin: 0px; position: absolute; top: 0px; left: 0px; background-image: url(Global_Images/topbar.png); background-repeat: no-repeat; } #wl-bottombar { width: 620px; height: 10px; margin: 0px; position: absolute; bottom: 0px; left: 0px; background-image: url(Global_Images/bottombar.png); background-repeat: no-repeat; } #wl-background { width: 620px; height: 660px; margin: 0px; position: absolute; top: 10px; left: 0px; background-image: url(Global_Images/background.png); background-repeat: repeat-y; } #wl-title { width: 191px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Watchlive/mtllivetitle.png); background-repeat: no-repeat } #wl-stream { width: 512px; height: 355px; margin: auto; position: relative; top: 100px; left: 0px; } #wl-info { width: 512px; height: 22px; margin: auto; position: absolute; bottom: 0px; left: 0px; } #wl-quicktime { width: 620px; height:31px; margin: 0px; position: absolute; bottom: 20px; left: 0px; } /* Facilities */ #f-mainimage { width: 660px; height: 450px; margin: 0px; position: relative; top: 110px; left: 20px; } #f-mainimage.computing { background-image: url(Facilities/computing.png); background-position: top center; background-repeat: no-repeat; } #f-mainimage.postproduction { background-image: url(Facilities/postproduction.png); background-position: top center; background-repeat: no-repeat; } #f-mainimage.tvstudios { background-image: url(Facilities/tvstudios.png); background-position: top center; background-repeat: no-repeat; } #f-mainimage.research { background-image: url(Facilities/research.png); background-position: top center; background-repeat: no-repeat; } #f-content { width: 620px; height: 680px; position: relative; top: 125px; left: 40px; color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px } #f-topbar { width: 620px; height: 10px; margin: 0px; position: absolute; top: 0px; left: 0px; background-image: url(Global_Images/topbar.png); background-repeat: no-repeat; } #f-bottombar { width: 620px; height: 10px; margin: 0px; position: absolute; bottom: 0px; left: 0px; background-image: url(Global_Images/bottombar.png); background-repeat: no-repeat; } #f-background { width: 620px; height: 660px; margin: 0px; position: absolute; top: 10px; left: 0px; background-image: url(Global_Images/background.png); background-repeat: repeat-y; } #f-title { width: 152px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Facilities/facilitiestitle.png); background-repeat: no-repeat } #f-info { width: 580px; height: 610px; margin: 0px; position: absolute; top: 40px; left: 20px; } #f-images { width: 550px; height: 470px; margin: 0px; position: relative; top: 50px; left: 15px; } #f-tvstudiosimage { width: 250px; height: 210px; margin: 0px; position: absolute; top: 0px; left: 0px; } #f-postproductionimage { width: 250px; height: 210px; margin: 0px; position: absolute; top: 0px; left: 300px; } #f-computingimage { width: 250px; height: 210px; margin: 0px; position: absolute; bottom: 0px; left: 0px; } #f-researchimage { width: 250px; height: 210px; margin: 0px; position: absolute; bottom: 0px; left: 300px; } /* TV Studios */ #tv-content { width: 620px; height: 680px; position: relative; top: 125px; left: 40px; color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px; word-wrap: break-word; } #tv-topbar { width: 620px; height: 10px; margin: 0px; position: absolute; top: 0px; left: 0px; background-image: url(Global_Images/topbar.png); background-repeat: no-repeat; } #tv-bottombar { width: 620px; height: 10px; margin: 0px; position: absolute; bottom: 0px; left: 0px; background-image: url(Global_Images/bottombar.png); background-repeat: no-repeat; } #tv-background { width: 620px; height: 660px; margin: 0px; position: absolute; top: 10px; left: 0px; background-image: url(Global_Images/background.png); background-repeat: repeat-y; } #tv-title { width: 152px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Facilities/tvstudiostitle.png); background-repeat: no-repeat } #tv-floorplan { width: 620px; height: 300px; margin: 0px; position: relative; top: 0px; left: 0px; } #tv-maincontent { width: 515px; height: 350px; margin: 0px; position: relative; top: 10px; left: 52px; background-image: url(Facilities/tvstudiosintro.png); background-repeat: no-repeat; background-position: 0px 70px; } #s1-maincontent { width: 515px; height: 350px; margin: 0px; position: relative; top: 10px; left: 52px; } #s1-image1 { width: 200px; height: 122px; margin: 0px; position: absolute; bottom: 55px; left: 85px; background-image: url(Facilities/steadicam2.png); background-repeat: no-repeat; } #s1-image2 { width: 200px; height: 122px; margin: 0px; position: absolute; bottom: 55px; left: 335px; background-image: url(Facilities/studiopresenter.png); background-repeat: no-repeat; } #s1-title { width: 152px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Facilities/studio1title.png); background-repeat: no-repeat } #s2-maincontent { width: 515px; height: 350px; margin: 0px; position: relative; top: 10px; left: 52px; } #s2-image1 { width: 200px; height: 122px; margin: 0px; position: absolute; bottom: 55px; left: 85px; background-image: url(Facilities/steadicam.png); background-repeat: no-repeat; } #s2-image2 { width: 200px; height: 122px; margin: 0px; position: absolute; bottom: 55px; left: 335px; background-image: url(Facilities/gallery.png); background-repeat: no-repeat; } #s2-title { width: 152px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Facilities/studio2title.png); background-repeat: no-repeat } #g1-maincontent { width: 515px; height: 350px; margin: 0px; position: relative; top: 10px; left: 52px; } #g1-image1 { width: 200px; height: 122px; margin: 0px; position: absolute; bottom: 55px; left: 85px; background-image: url(Facilities/vision_mixer1.png); background-repeat: no-repeat; } #g1-image2 { width: 200px; height: 122px; margin: 0px; position: absolute; bottom: 55px; left: 335px; background-image: url(Facilities/vision_mixer2.png); background-repeat: no-repeat; } #g1-title { width: 152px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Facilities/gallery1title.png); background-repeat: no-repeat } #g2-maincontent { width: 515px; height: 350px; margin: 0px; position: relative; top: 10px; left: 52px; } #g2-image1 { width: 200px; height: 122px; margin: 0px; position: absolute; bottom: 55px; left: 85px; background-image: url(Facilities/colormeter.png); background-repeat: no-repeat; } #g2-image2 { width: 200px; height: 122px; margin: 0px; position: absolute; bottom: 55px; left: 335px; background-image: url(Facilities/wires.png); background-repeat: no-repeat; } #g2-title { width: 152px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Facilities/gallery2title.png); background-repeat: no-repeat } #sr-maincontent { width: 515px; height: 350px; margin: 0px; position: relative; top: 10px; left: 52px; } #sr-image1 { width: 200px; height: 122px; margin: 0px; position: absolute; bottom: 55px; left: 85px; background-image: url(Facilities/mixer.png); background-repeat: no-repeat; } #sr-image2 { width: 200px; height: 122px; margin: 0px; position: absolute; bottom: 55px; left: 335px; background-image: url(Facilities/triton.png); background-repeat: no-repeat; } #sr-title { width: 152px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Facilities/soundroomtitle.png); background-repeat: no-repeat } /* Post Production */ #pp-title { width: 191px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Facilities/postproductiontitle.png); background-repeat: no-repeat } #pp-info { width: 580px; height: 610px; margin: 0px; position: absolute; top: 40px; left: 20px; } #pp-mainimage {width: 580px; height: 278px; margin: 0px; position: absolute; bottom: 100px; left: 0px; background-image: url(Facilities/postproduction.png); } /* Computing */ #ctg-title { width: 191px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Facilities/computingtitle.png); background-repeat: no-repeat } #ctg-info { width: 580px; height: 610px; margin: 0px; position: absolute; top: 40px; left: 20px; } #ctg-mainimage {width: 580px; height: 278px; margin: 0px; position: absolute; bottom: 100px; left: 0px; background-image: url(Facilities/computing.png); } /* Research */ #r-title { width: 580px; height: 264px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image:url(Facilities/research.png); background-repeat: no-repeat} #r-info { width: 580px; height: 200px; margin: 0px; position: absolute; top: 284px; left: 20px; } #r-info a b { color: #999; text-decoration:underline; } /* Videos */ #v-content { width: 620px; height: 680px; position: relative; top: 141px; left: 40px; color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px } #v-topbar { width: 620px; height: 10px; margin: 0px; position: absolute; top: 0px; left: 0px; background-image: url(Global_Images/topbar.png); background-repeat: no-repeat; } #v-bottombar { width: 620px; height: 10px; margin: 0px; position: absolute; bottom: 0px; left: 0px; background-image: url(Global_Images/bottombar.png); background-repeat: no-repeat; } #v-background { width: 620px; height: 660px; margin: 0px; position: absolute; top: 10px; left: 0px; background-image: url(Global_Images/background.png); background-repeat: repeat-y; } #v-title { width: 152px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Videos/videostitle.png); background-repeat: no-repeat } #v-info { width: 580px; height: 610px; margin: 0px; position: absolute; top: 40px; left: 20px; } /* Contact */ #ct-content { width: 620px; height: 680px; position: relative; top: 141px; left: 40px; color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px } #ct-topbar { width: 620px; height: 10px; margin: 0px; position: absolute; top: 0px; left: 0px; background-image: url(Global_Images/topbar.png); background-repeat: no-repeat; } #ct-bottombar { width: 620px; height: 10px; margin: 0px; position: absolute; bottom: 0px; left: 0px; background-image: url(Global_Images/bottombar.png); background-repeat: no-repeat; } #ct-background { width: 620px; height: 660px; margin: 0px; position: absolute; top: 10px; left: 0px; background-image: url(Global_Images/background.png); background-repeat: repeat-y; } #ct-title { width: 152px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-image: url(Contact/contacttitle.png); background-repeat: no-repeat } #ct-info { width: 580px; height: 610px; margin: 0px; position: absolute; top: 40px; left: 20px; } #ct-info b { font-size: 11px } #ct-info b c { color: #FFF; } #ct-info a { color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px } #ct-hewdesign { width: 580px; height: 22px; margin: 0px; position: absolute; bottom: 20px; left: 0px; } #ct-hewdesign a c { color: #999 } /* Video Flash */ #vf-content { width: 620px; height: 680px; position: relative; top: 141px; left: 40px; color: #999; font-family: Helvetica, Arial, sans-serif; font-size: 11px } #vf-topbar { width: 620px; height: 10px; margin: 0px; position: absolute; top: 0px; left: 0px; background-image: url(Global_Images/topbar.png); background-repeat: no-repeat; } #vf-bottombar { width: 620px; height: 10px; margin: 0px; position: absolute; bottom: 0px; left: 0px; background-image: url(Global_Images/bottombar.png); background-repeat: no-repeat; } #vf-background { width: 620px; height: 660px; margin: 0px; position: absolute; top: 10px; left: 0px; background-image: url(Global_Images/background.png); background-repeat: repeat-y; } #vf-title { width: 600px; height: 40px; margin: 0px; position: absolute; top: 10px; left: 20px; background-repeat: no-repeat; color: #FFFFFF; font-family: Helvetica, Arial, sans-serif; font-size: 24px; letter-spacing:1px; } #vf-player {position: relative; top: 80px; left: 0px; } #vf-playlist {height:215px; border:0px; width:620px;position:absolute; top: 445px; overflow:hidden; padding:0px 0px; float:left; margin-left: 0px; margin-right: 0px;} #vf-playlisttitle {height:20px; border:0px; width:200px;position:absolute; top: 422px; left: 20px; overflow:hidden; padding:0px 0px; float:left; margin-left: 0px; margin-right: 0px; color: #999999; font-family: Helvetica, Arial, sans-serif; font-size: 12px;} /*#vf-info { width: 384px; height: 22px; margin: auto; position: absolute; bottom: 0px; left: 0px; }*/