/* @override http://www.rokyerickson.net/css/style.css */ p160{font-size: 160%;} p120{font-size: 120%;} p85{font-size: 85%;} p75{font-size: 75%;} f24{font-size: 24px;} p001 {font-size: 10%} #screen {width: 100%; overflow: hidden; background-color:#000;} .height {height: 100%; } .padding {padding-bottom: 40px; } .servicon img {padding-left: 50px; float: right; } /* @group Base */ * {margin: 0; padding: 0; } body {color:#ddd; background-color:#000; font: 13px/1.5em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; } p {color: #ddd; font: 13px/1.5em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; } a {color: #666; text-decoration: none; } .homebottom h2 {margin: 0 auto; } .home-nav {background-color: #333; width: 565px; overflow: hidden; float: left; margin-left: 20px; } .homebottom {overflow: hidden; padding-top: 10px; } .titles {padding: 10px 0; } .staff-feed {margin-bottom: 10px; } html, body {height: 100%; } body {position: relative; } .greenbottom {height: 1px; width: 100%; border-bottom: 7px solid #8cc63f; float: right; } a {outline: none; } #sections {overflow: hidden; clear: left; height: auto; background: url(/imagess/bg/rokybgweb.jpg) no-repeat;} .height {height: 100%; } #sections .container {width: 57660px; height: 100%; background: url(/images/); overflow: hidden; } /* @group Nav */ #navigation {position: absolute; width: 100%;text-align: center; overflow: hidden; background: url(/imagess/black2.png); padding: 0 0 10px 0; } #navigation ul {float: left; width: 1024; } #navigation ul a {color:#FFF;} #navigation ul a:hover {color:#666;} #navigation li {display: block; float: left; list-style-type: none; } #navigation .selected {color:#666;} /*#navigation li a, #navigation span a {display: block; height: 43px; text-indent: -90000px; } #navigation li a:hover, #navigation span a:hover {background-position: 0 -43px; }*/ /*#home {background: url(/imagess/nav/rokylogo.png) no-repeat; width: 200px; margin: 0 30px 0 15px; }*/ .weblogo {background: url(/imagess/library/rokylogo-01.png) no-repeat; width:500px; height: 43px; margin: 0px 20px 10px 60px; } .home {width: auto; height: 43px; margin: 0px 3px 20px 100px; padding: 0px 3px 0px 0px; } .news {background: url(/imagess/nav/news.png) no-repeat; width: auto; margin: 0 3px 0 0; padding: 0px 3px 0px 0px; } .tour {background: url(/imagess/nav/tour.pn) no-repeat; width: auto; margin: 0 3px 0 0; padding: 0px 3px 0px 0px;} .bio {background: url(/imagess/nav/bio.png) no-repeat; width: auto; margin: 0 3px 0 0;padding: 0px 3px 0px 0px;} .blog {background: url(/imagess/nav/blog.png) no-repeat; width: auto; margin: 0 3px 0 0; padding: 0px 3px 0px 0px;} .music {background: url(/imagess/nav/music.png) no-repeat; width: auto; margin: 0 4px 0 0; padding: 0px 3px 0px 0px;} .media {background: url(/imagess/nav/video.png) no-repeat; width: auto; margin: 0 4px 0 0; padding: 0px 3px 0px 0px;} .videos {background: url(/imagess/nav/videos.png) no-repeat; width: auto; margin: 0 4px 0 0; padding: 0px 3px 0px 0px;} .pics {background: url(/imagess/nav/pics.png) no-repeat; width: auto; margin: 0 4px 0 0; padding: 0px 3px 0px 0px;} .store {background: url(/imagess/nav/store.png) no-repeat; width: auto; margin: 0 4px 0 0; padding: 0px 3px 0px 0px;} .contact {background: url(/imagess/nav/contact.png) no-repeat; width: auto; margin: 0 4px 0 0; padding: 0px 3px 0px 0px;} /* .services {background: url(/imagess/nav/services.png) no-repeat; width: 109px; } .careers {background: url(/imagess/nav/careers.png) no-repeat; width: 109px; } .about {background: url(/imagess/nav/about.png) no-repeat; width: 109px; } .contact2 {background: url(/imagess/nav/contact.png) no-repeat; width: 109px; } .sites {background: url(/imagess/nav/sites.png) no-repeat; width: 109px; } */ #navigation .selected {background-position: 0 -43px; } /* @end */ #SPscreen2 {width: 100%; height:700px; background-color:#000;}/* SPLASH PAGE8*/ #SPcontainer {width: 100%; height: 100%; overflow: hidden; background: url(/imagess/bg/roybgweb.jpg) no-repeat; margin:auto; } .SPbackgroundbg {width:100%: height: 360px; background-color:#FFF} .SPbackground {width: 100%; height:360px; background: url(/imagess/black2.png) repeat; margin-top:50px;} .SPcontent {width:890px; height:auto; margin: auto;} .SPbanner {width:363px; height:300px; float:left;background: url(/imagess/library/TrueLoveCastBUY.jpg) no-repeat; margin-top: 30px; margin-right:5px;} .SPmovie {width:518px; float:left; margin-top:30px;} .SPenter {width:100%; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size:36px; float:left; padding: 65px 0px 0px 0px;} .SPenter ul {width: 100%; } .SPenter li a {display: block;list-style-type: none; color:#999;} .SPenter li a:hover {color:#333;} /*|||||||||| Accordian drop down menue for Media page ||||||||||*/ .arrowlistmenu{ width: 220px; /*width of accordion menu*/ background: url(/imagess/black2.png) repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ font: bold 14px Arial; color: white; background: url(titlebar.pn) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ cursor: hand; cursor: pointer; } .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ background-image: url(titlebar-active.pn); } .arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ background: url(arrowbullet.pn) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; } .arrowlistmenu ul li a:visited{ /*color:#CCC;*/ } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ /*color:#666; background-color: ;*/ } /*||||||||||SUB CONTAINERS ||||||||||*/ #home.sub.floor {height: 100%; background: url(/images/none.png) no-repeat right bottom;width:960px; margin: 0px;} .homecontainer {width:960px; height: auto; float:left; background: url(/imagess/bg/bg_channel2.png) repeat; padding: 20px 0px 40px 0px;} .homeleft {width: 640px; float: left;} .homeright {width: 320px; float:left;} .leftpanel {max-width:590px; /*min-width:600px; min-height:2000px;*/ width:auto; height:960px;float: left;margin: 0; background: url(/imagess/bg/bg_channel2.png) repeat;padding: 20px 30px 20px 20px;} .rightpanel {width:320px; height:960px; float: right; margin: 0; background: url(/imagess/bg/bg_channel2.png) repeat; padding: 20px 0 20px 0;} .rightbox1 { width: 300px; height: 250px; float: left;background: url(/imagess/library/newalbumweb.jpg) no-repeat center; margin: 5px 5px 5px 5px;} .boxborder {width: 310px; height: 270px; float: left; background: url(/imagess/bg/feat_bg.png) repeat;} .boxborder li {display: inline; } .v-separator{ width:10px; height:250px; background:url('/imagess/bg/vSeparator.gif'); margin:auto; float:left; } .rightbox2 { width: 300px; height: 250px; float: left; margin: 10px 10px 10px 10px;} .rightbox3 .topheader {width: 960px; height: auto; float: left;background: url(/imagess/bg/bg_channel2.png) repeat;} .leftbox1 { width: 300px; height: 250px; float: left;background: url(/imagess/boxes/rokycd.jpg) no-repeat center; margin: 5px 5px 5px 5px;} .showbox1 {width: 300px; height: 250px; float: left; background: url(/imagess/library/shows/mar6beachlandballroom-01.png) no-repeat; margin: 5px 5px 5px 5px; } .showbox2 {width: 300px; height: 250px; float: left; background: url(/imagess/library/shows/roky-social-2010.jpg) no-repeat; margin: 5px 5px 5px 5px; } .showbox3 {width: 300px; height: 250px; float: left; background: url(/imagess/library/shows/TrueLoveCastBUY2.jpg) no-repeat; margin: 5px 5px 5px 5px; } .showbox4 {width: 300px; height: 250px; float: left; background: url(/imagess/library/shows/may18mayan-01.png) no-repeat; margin: 5px 5px 5px 5px; } .showbox5 {width: 300px; height: 250px; float: left; background: url(/imagess/library/shows/may20thfilmore-01.png) no-repeat; margin: 5px 5px 5px 5px; } .topbox2 {width: 450px; height: 250px; float: right; background: url(/imagess/library/newshows-02.png) no-repeat; margin: 10px 10px 10px 10px; } .midheader {width: 640px; height: auto; float: left;background: url(/imagess/bg/bg_channel2.png) repeat; padding:10px 0px 10px 10px;} .twitterbox {width: 300px; height: auto; margin:0 0 10px 10px;} .homeboxright {width: 300px; height: auto; margin:0 0 10px 10px;} #news.sub.floor {width: 960px; height: 100%; background: url(/imagess/bg/none) repeat;} #news ul a {color:#FFF;} #news ul a:hover {color:#666;} #news li {display: block; float: left; list-style-type: none; } #news .selected {color:#666;} .newscontainer {width:960px; height: auto; float:left; background: url(/imagess/bg/bg_channel2.png) repeat; padding: 20px 0px 40px 0px;} .newslink {padding:0px 0 0 40px; font-size: 24px;} .newscontent {width:900px; height: auto; float:left; padding:20px 40px 20px 40px;} .newsarticle {width:900px; height: auto; float:left; } .newsbreak {height: 1px; width: 100%; border-bottom: 2px solid #666; float: right; } #tour.sub.floor {width: 960px; height: 100%; background: url(none) repeat;} .eventboundbox{width:960px; height: 70px; background: url(/imagess/bg/bg_channel2.png) repeat; padding: 10px; 0px 0px 30px; } .venue { width:500px; height: 45px; float:left; padding: 20px 30px 0px 5px; font-size:28px;} .buytickets { font-size:12px} .city { width:250px; height: 45px; float:left; padding: 20px 0px 0px 0px; font-size:24px;} .time{ width: 80px;height: 45px; float:left; padding: 20px 20px 0px 10px; font-size:24px;} .dateboundbox {width:50px; height:65px; float:left;} .month {width:auto; height:20px; text-align: center; background-color:#F00; font-size:16px;} .day {width:auto; height:25px; text-align: center; background-color:#FFF; font-size:28px; color:#000; padding: 5px 0 0 0;} .year {width:auto; height:15px;text-align: center; font-size:10px;} #bio.sub.floor {width: 960px; height: 100%; background: url(none) no-repeat right bottom; } .rokybiopic {width: 300px; height:534px; background: url(/imagess/library/rokybiopic.png) no-repeat center;} #blog.sub.floor {height: 100%; background: url(/images/carreers-bottom.png) no-repeat right bottom; } #music.sub.floor {height: 100%; background: url(/images/carreers-bottom.png) no-repeat right bottom; } #media.sub.floor {width: 960px; height: 100%; background: url(none) repeat;} #videos.sub.floor {height: 100%; background: url(/images/carreers-bottom.png) no-repeat right bottom; } #pics.sub.floor {height: 100%; background: url(/images/carreers-bottom.png) no-repeat right bottom; } #store.sub.floor {height: 100%; background: url(/images/carreers-bottom.png) no-repeat right bottom; } #contact.sub.floor {height: 100%; background: url(/images/contact-bottom.png) no-repeat right bottom; } .leftpanelcontact {width:600px; /*min-width:600px; min-height:2000px;*/ height:960px;float: left;margin: 0; background: url(/imagess/bg/bg_channel2.png) repeat;padding: 20px 30px 20px 20px; font-size:22px;} #contact2.sub.floor {height: 100%; background: url(/images/contact-bottom.png) no-repeat right bottom; } #homeshows {} #twitterside{} #newalbum{} /* @social icons */ ul.social-links {list-style-type: none; display: inline; } ul.social-links li {float: left; } ul.social-links li a {display: block; width: 86px; height: 86px; text-indent: -90000px; } #social-links li a, #navigation span a {display: block; height: 43px; text-indent: -90000px; } #social {width:150px; height:43px; float:left; margin-left: 830px; padding: 8px 0 0 0;} .facebook { width:32px; height: 32px; float:left; background: url(/imagess/social/Facebook.png)no-repeat; padding: 0px 10px 0 0;} .twitter {width:32px; height: 32px; float:left; background: url(/imagess/social/Twitter1.png) no-repeat; padding: 0px 10px 0 0; } .flickr {background: url('/imagess/social/Flickr.png') no-repeat; } .myspace {width:32px; height:32px; float:left; background: url(/imagess/social/MySpace.png) no-repeat; padding: 0px 10px 0 0;} .youtube {background: url('/imagess/social/YouTube2.png') no-repeat; } /* @end */ /* ||||||||| MEDIA PAGE |||||||||| */ .mediacontainer {width:960px; height: auto; float:left; background: url(/imagess/bg/bg_channel2.png) repeat; padding: 0 0 40px 0;} .medialeft {width:250px; float:left; padding: 20px 0 0 15px;} .mediaright {width: 550px; float:left; padding: 20px 0 0 0px;} .videobox {width: 518px; height:auto; background: url(/imagess/black2.png) repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; magrin: 0px 0px 0px 20px;padding: 20px 20px 20px 20px; border-bottom: 1px solid #dadada;border-right: 1px solid #dadada; border-top: 1px solid #dadada; border-left: 1px solid #dadada;} .photobox {width: 640px; height:auto; background: url(/imagess/black2.png) repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; magrin: 0px 0px 0px 20px;padding: 20px 20px 20px 20px; border-bottom: 1px solid #dadada;border-right: 1px solid #dadada; border-top: 1px solid #dadada; border-left: 1px solid #dadada;} .mediacontent {width:100%; padding: 0 0 0 0px;} .videocontainer {width:960px; height: auto; float:left; background: url(/imagess/bg/bg_channel2.png) repeat; padding: 40px 40px 40px 40px;} .videocontent {width:100%; height: 100%; margin: auto;} /* @group Media page list */ #medialist li {display: inline; list-style-type: none;} #medialist li a {display: block; float: left; width: 200px; height: auto; margin: 1px; color:#999; } .both {clear: both; } #medialist li a:hover, #medialist .selected {color:#333;} #musiclist li {display: inline; list-style-type: none;} #musiclist li a {display: block; float: left; width: 200px; height: auto; margin: 1px; color:#999; } .both {clear: both; } #musiclist li a:hover, #medialist .selected {color:#333;} #piclist li {display: inline; list-style-type: none;} #piclist li a {display: block; float: left; width: 200px; height: auto; margin: 1px; color:#999; } .both {clear: both; } #piciclist li a:hover, #medialist .selected {color:#333;} .video01 {width:auto;} .media02 {width:auto; } .music01 {width:auto; } .pic01 {width:auto; } /* @group staff bgs */ #a.bgzbobby .sub {height: 100%; background: url(/images/staffbg/bobby_bottom.png) no-repeat right bottom !important; } #a.bgzmike .sub {height: 100%; background: url(/images/staffbg/mike_bottom.png) no-repeat right bottom !important; } #a.bgzjeff .sub {height: 100%; background: url(/images/staffbg/sean-bottom.png) no-repeat right bottom !important; } #a.bgzkyle .sub {height: 100%; background: url(/images/staffbg/bottom.png) no-repeat right bottom !important; } #a.bgzsteve .sub {height: 100%; background: url(/images/staffbg/wimpy_bottom.png) no-repeat right bottom !important; } #a.bgzchris .sub {height: 100%; background: url(/images/staffbg/chewie.png) no-repeat right bottom !important; } #a.bgzalvaro .sub {height: 100%; background: url(/images/staffbg/alvaro_bottom.png) no-repeat right bottom !important; } #a.bgzlocation .sub, #a.bgzmaury .sub, #a.bgzshaboo .sub {height: 100%; background: none !important; } #a.bgzaudrey .sub {height: 100%; background: url(/images/staffbg/old_speaker.png) no-repeat right bottom !important; } #a.bgzcouch .sub {height: 100%; background: url(/images/staffbg/carrot_bottom.png) no-repeat right bottom !important; } /* @end */ a img {border: 0; } /* @group staff imgs */ .staff-image a {width: 500px; height: 276px; display: block; } div#a.bgzcouch .staff-image a {background-image: url(/images/staff_new/staff_couch.jpg); } div#a.bgzbobby .staff-image a {background-image: url(/images/staff_new/staff_bobby.jpg); } div#a.bgzmike .staff-image a {background-image: url(/images/staff_new/staff_mike.jpg); } div#a.bgzchris .staff-image a {background-image: url(/images/staff_new/staff_chris.jpg); } div#a.bgzkaty .staff-image a {background-image: url(/images/staff_new/staff_katy.jpg); } div#a.bgzkyle .staff-image a {background-image: url(/images/staff_new/staff_kyle.jpg); } div#a.bgzsteve .staff-image a {background-image: url(/images/staff_new/staff_steve.jpg); } div#a.bgzmaury .staff-image a {background-image: url(/images/staff_new/staff_maury.jpg); } div#a.bgzjeff .staff-image a {background-image: url(/images/staff_new/staff_jeff.jpg); } div#a.bgzalvaro .staff-image a {background-image: url(/images/staff_new/staff_alvaro.jpg); } div#a.bgzshaboo .staff-image a {background-image: url(/images/staff_new/staff_couch.jpg); } div#a.bgzaudrey .staff-image a {background-image: url(/images/staff_new/staff_couch.jpg); } div#a.bgzkaitlin .staff-image a {background-image: url(/images/staff_new/staff_kaitlin.jpg); } div#a.bgzasa .staff-image a {background-image: url(/images/staff_new/staff_asa.jpg); } div#a.bgztony .staff-image a {background-image: url(/images/staff_new/staff_tony.jpg); } /* @end */ .both {clear: both; } .contact-header {padding: 10px 0 0 0; } .hometop {background-image: url(/images/home-bg2.jpg); overflow: hidden; padding-bottom: 253px; } .hometop2 {/* background-image: url(/images/bday.jpg);*/ overflow: hidden; height: 426px; /*width: 922px !important; *//*position: static !important;*/ } #slideshow {width: 640px; overflow: hidden; margin-top: -20px; } #screen2 {width: 640px; margin: 0; } #screen2 #buttons .prev {float: left; background: url(/imagess/prev.png); text-indent: -90000px; width: 125px; height: 43px; } #screen2 #buttons .next {float: right; background: url(/imagess/next.png); text-indent: -90000px; width: 139px; height: 43px; } #cl-sections ul li img.right {padding-left: 10px; padding-top: 10px; } #slideshow {overflow: hidden; width: 640px; } #screen2 #buttons {position: relative; width: 640px; top: 300px; } #slideshow ul {width: 88900px; list-style-type: none; } #slideshow li {float: left; margin: 0 0px; cursor: pointer; margin-bottom: -5px; } .orange {color: #f9a451; } /* @group Home Page */ .item {width: 270px; padding: 10px 20px 0px 10px; float: left; } .blogcontent {clear: both; padding-left: 10px; overflow: hidden; } .blogcontent h2, .blogcontent h2 a {color: #f9a451; font-size: 12px; text-transform: uppercase; } .blogcontent2 {clear: both; padding-left: 10px; } .blogcontent2 h2, .blogcontent2 h2 a {color: #f9a451; font-size: 12px; text-transform: uppercase; } .featured {width: 290px; float: right; text-align: right; margin-top: 32px; } .red {border: 2px solid red; } .blue {border: 2px solid blue; } /* @end */ /* @group homenav */ .recentpress {height: 28px; width: 118px; background-image: url(/images/home/recent-posts.jpg); } #h-navigation .selected, #h-navigation a:hover {background-position: 0 -28px; } .recentfeeds {height: 28px; width: 118px; background-image: url(/images/home/recent-press.jpg); } #h-navigation {width: 400px; overflow: hidden; clear: both; list-style-type: none; display: inline; } #h-navigation li {display: inline; float: left; } #h-navigation li a {display: inline; float: left; text-indent: -90000px; } /* @end */ .hide {display: none; } .right {float: right; } .left {float: left; } .right-col {float: right; width: 265px; margin-right: 20px; } .divider {width: 100%; height: 20px; } * { } .home-wrapper {background: url(/images/side.gif) no-repeat right 78px; width: 920px !important; overflow: hidden; } .home-wrapper ul {overflow: hidden; } .banner {height: 99px; width: 400px; float: right; margin-top: 78px; padding: 10px 20px 20px; background: url(/images/black.png) } .homebody {/*width: 920px; height: 100%;*/ background-image: url(/images/black.png); overflow: hidden; } .right-col ul {color: #eee; list-style-type: none; font-size: 13px; padding: 10px 0; } .location-text .right-col ul li {background: url(/images/flickr.jpg) no-repeat 1px 1px; padding-bottom: 10px; padding-left: 25px; } .left-col {float: left; width: 575px; } /* @group show/hide */ .test ul li a {display: block; width: 142px; height: 23px; text-indent: -90000px; } .test {height: 23px; background: url(/imagess/libraryonoff.jpg) no-repeat; } .test ul, .test ul li {float: left; display: inline; } .off {background-image: url(/imagess/library/show.jpg); } .bump {background-position: 0 -23px; } .on {background-image: url(/imagess/libraryhide.jpg); background-position: 0 -23px; } /* @end */ /* @group Backgrounds */ .s.bg {background: url(/images/services-bg.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 40px; } .c.bg {background: url(/images/careers-bg.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 100px; } .cl.bg {background: url(/images/clients_top.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 50px; } .co.bg {background: url(/images/contact-bg.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 80px; } #a {background: url(/images/about-company.png) no-repeat; overflow: hidden; float: left; height: 100%; padding-left: 60px; } #a.bgzcouch {background: url(/images/staffbg/wii_bowling.png) no-repeat; } #a.bgzlocation {background: url(/images/compass.png) no-repeat; } #a.bgzbobby {background: url(/images/staffbg/world_series_ticket.png) no-repeat; } #a.bgzmike {background: url(/images/staffbg/mike.png) no-repeat; } #a.bgzchris {background: url(/images/staffbg/chris_top.png) no-repeat; } #a.bgzjeff {background: url(/images/staffbg/sean-top.png) no-repeat; } #a.bgzkyle {background: url(/images/staffbg/top_records.png) no-repeat; } #a.bgzsteve {background: url(/images/staffbg/top_neil_young.png) no-repeat; } #a.bgzalvaro {background: url(/images/staffbg/record_player.png) no-repeat; } #a.bgzmaury {background: url(/images/staffbg/maury_all_together.png) no-repeat; } #a.bgzshaboo {background: url(/images/staffbg/shaboo-all_together.png) no-repeat; } #a.bgzaudrey {background: url(/images/staffbg/lenses.png) no-repeat; } #services.sub.floor {height: 100%; overflow: hidden; background: url(/images/services-bottom.png) no-repeat right bottom; } #about.sub.floor {background: url(/images/betty.png) no-repeat right bottom; } /* @end */ .main {float: left; padding: 11px 30px; } /* @group Staff Images */ #stafflist, #stafflist li {display: inline; list-style-type: none; } #stafflist li a {display: block; float: left; width: 93px; height: 62px; margin: 1px; text-indent: -90000px; } .both {clear: both; } #stafflist li a:hover, #stafflist .selected {background-position: 0 -62px; } .couch {background-image: url(/images/staff_new/couch_sprite.jpg); } .bobby {background-image: url(/images/staff_new/bobby_sprite.jpg); } .mike {background-image: url(/images/staff_new/mike_sprite.jpg); } .chris {background-image: url(/images/staff_new/chris_sprite.jpg); } .jeff {background-image: url(/images/staff_new/jeff_sprite.jpg); } .kyle {background-image: url(/images/staff_new/kyle_sprite.jpg); } .katy {background-image: url(/images/staff_new/katy_sprite.jpg); } .steve {background-image: url(/images/staff_new/steve_sprite.jpg); } .alvaro {background-image: url(/images/staff_new/alvaro_sprite.jpg); } .maury {background-image: url(/images/staff_new/maury_sprite.jpg); } .kaitlin {background-image: url(/images/staff_new/kaitlin_sprite.jpg); } .audrey {background-image: url(/images/staff_new/couch_sprite.jpg); } .blank {background-image: url(/images/staff/blank.jpg); } .asa {background-image: url(/images/staff_new/asa_sprite.jpg); } .tony {background-image: url(/images/staff_new/tony_sprite.jpg); } /* @end */ div.sub {float: left; padding: 100px 200px 20px 100px; margin-right: 800px; } #home p, #clients p, #contact p {line-height: 1.5em; } /* Older Classes */ #home {margin-right: 900px; } .footer {margin-top: -61px; width: 100%; float:left;} .footer-bg {background-image: url(/images/black2.png); height: 38px; padding-left: 320px; } .footer-bg img {padding-top: 13px; } #screen-2 ul, #screen-2 ul li {list-style-type: none; } /* @group Contact */ #co-screen {width: 880px; } #co-screen .contact-wrapper .right-col img {padding: 10px 0; } #co-screen h2.title {background: url(/images/contact.png) no-repeat; width: 460px; height: 27px; text-indent: -90000px; float: right; margin: 7px 0; } .contact-wrapper {background-image: url(/images/black.png); overflow: hidden; padding-bottom: 20px; width: 880px; } .dxxcartext, .dxxtraintext, .dxxdinotext, .dxxfeettext {padding: 0px 20px; } /* @end */ /* @group Clients */ #cl-screen h2.title {background: url(/images/clients.png) no-repeat; width: 297px; height: 27px; text-indent: -90000px; float: right; margin: 7px 0; } #cl-screen {height: 550px; } #cl-screen .next, #cl-screen .prev {position: relative; top: 200px; z-index: 100; } #cl-screen .prev {left: 10px; } #cl-screen .next {right: 10px; } #cl-navigation {width: 873px; text-align: center; overflow: hidden; background-image: url(/images/black.png); clear: both; border-bottom: 7px solid #8cc63f; } #cl-sections {overflow: hidden; background: url(/images/black.png); width: 873px; height: 280px; clear: left; } #cl-sections ul {width: 3660px; } #cl-sections li {float: left; padding: 11px 20px; height: 288px; list-style-type: none; } #cl-sections li.fallen {clear: both; } #cl-sections p {width: 820px; margin: 16px 0; line-height: 1.4em; } /* @group clients Menu */ #clmenu {overflow: hidden; /*padding-left: 4px; padding-top: 4px;*/ } #clmenu li {display: inline !important; float: left !important; width: 218px; height: 128px; } #clmenu a {display: block; text-indent: -90000px; outline: none; } #clmenu a:hover {background-position: 0 -125px; } #clmenu a.selected {background-position: 0 -250px; } #clmenu a.selected a:hover {background-position: 0 -250px; } #clmenu .mlb {height: 125px; background: url(/images/clients/mlb.png) no-repeat; } #clmenu .ttp {height: 125px; background: url(/images/clients/ttp.png) no-repeat; } #clmenu .jcp {height: 125px; background: url(/images/clients/jcpenny.png) no-repeat; } #clmenu .weber {height: 125px; background: url(/images/clients/weber.png) no-repeat; } #clmenu .cbs {height: 125px; background: url(/images/clients/cbs.png) no-repeat; } #clmenu .hue {height: 125px; background: url(/images/clients/hue.png) no-repeat; } #clmenu .pikum {height: 125px; background: url(/images/clients/pikum.png) no-repeat; } #clmenu .more {height: 125px; background: url(/images/clients/more-clients.png) no-repeat; } /* @end */ /* @end */ /* @group Careers */ /* @group careers Menu */ #cmenu {overflow: hidden; } #cmenu li {padding-top: 10px; } ul#cmenu {padding-left: 20px; list-style-type: none; } #c-navigation.right {width: 250px; float: right; background: #191717; clear: none; height: 330px; } #cmenu a {display: block; text-indent: -9000%; outline: none; } #cmenu a:hover { } #cmenu .positions {height: 26px; background: url(/images/positions.jpg) no-repeat; width: 138px; } #cmenu .pos2 {width: 153px; height: 26px; background: url(/images/seniordev.jpg) no-repeat; } #cmenu .pos1 {width: 208px; height: 26px; background: url(/images/account-rep.jpg) no-repeat; } #cmenu .pos3 {width: 208px; height: 26px; background: url(/images/jrnewmedia.png) no-repeat; } #cmenu .pos4 {width: 208px; height: 26px; background: url(/images/jrflash.png) no-repeat; } #cmenu .pos5 {width: 208px; height: 26px; background: url(/images/intern1.png) no-repeat; } #cmenu .pos6 {width: 208px; height: 26px; background: url(/images/intern2.png) no-repeat; } #cmenu .pos7 {width: 208px; height: 26px; background: url(/images/intern3.png) no-repeat; } #cmenu .pos8 {width: 208px; height: 26px; background: url(/images/intern4.png) no-repeat; display: none; } .careers-text {overflow: hidden; } .buffer {padding-top: 20px; } .careers-text .left p {width: 575px !important; margin: 0! important; padding: 0; overflow: hidden; padding-left: 30px; padding-top: 20px; margin-bottom: 30px !important; } /* @end */ #c-screen h2.title {background: url(/images/careers.png) no-repeat; width: 192px; height: 34px; text-indent: -90000px; float: right; margin: 7px 0; } .c-company img {padding-left: 30px; } .career-home img {padding: 0; float: left; padding: 5px 0 0 23px; } .c-company .border {border-bottom: 7px solid #8cc63f; width: 100%; padding: 20px 0; } #c-screen {height: 550px; width: 880px; } #c-navigation {width: 880px; height: 64px; text-align: center; overflow: hidden; clear: both; } /* @end */ /* @group About */ /* @group About Menu */ #amenu {overflow: hidden; } #amenu li {display: inline !important; float: right !important; } #amenu a {display: block; text-indent: -9000%; outline: none; } #amenu a:hover, #amenu li a.selected {background-position: 0 -64px; } #amenu .company {height: 64px; background: url(/images/company.png) no-repeat; width: 154px; } #amenu .staff {width: 154px; height: 64px; background: url(/images/staff.png) no-repeat; } #amenu .location {width: 154px; height: 64px; background: url(/images/location.png) no-repeat; } .c-company {background: url(/images/black2.png); } .company-text {font-size: 14px; background: url(/images/sketch.png) no-repeat 26px 20px; overflow: hidden; padding: 30px 70px 15px 230px; margin-bottom: 10px;} .company-text p {margin-bottom: 20px;} .sketch {float: left; width: 100px; } /* @end */ #a-screen h2.titlezcompany {background: url(/images/about-comp.png) no-repeat; width: 368px; height: 34px; text-indent: -90000px; float: right; margin: 7px 0; } #a-screen h2.titlezlocation {background: url(/images/headers/about-location.png) no-repeat; width: 372px; height: 34px; text-indent: -90000px; float: right; margin: 7px 0; } #a-screen h2.titlezstaff {background: url(/images/headers/about-staff.png) no-repeat; width: 296px; height: 34px; text-indent: -90000px; float: right; margin: 7px 0; } #a-sections {background: url(/images/black.png); } #a-screen {width: 880px; color: black; } #a-navigation {width: 880px; height: 64px; text-align: center; overflow: hidden; background-image: url(/images/black.png); clear: both; } .location-text .left-col {padding: 20px 0 0 20px; } .location-text {overflow: hidden; height: 250px; } .location-left {width: 500px; float: left; } .location-text .left-col p {width: 530px; padding: 20px 0 0 0; } /* @end */ /* @group Services */ #s-screen h2.title {background: url(/images/services.png) no-repeat; width: 203px; height: 27px; text-indent: -90000px; float: right; margin: 7px 0; } #s-screen {width: 880px; } #s-screen .next, #s-screen .prev {position: absolute; top: 200px; } #s-screen .prev {left: 10px; } #s-screen .next {right: 10px; } #s-navigation {width: 880px; text-align: center; overflow: hidden; background-image: url(/images/black.png); clear: both; border-bottom: 7px solid #8cc63f; } #smenu a.selected, #smenu a.selected:hover {background-position: 0 -188px; } #s-sections {overflow: hidden; background-image: url(/images/black.png); width: 880px; height: 310px; clear: left; } #s-sections ul {width: 3660px; } #s-sections li {float: left; padding: 11px 20px; height: 405px; list-style-type: none; width: 823px; } #s-sections li.fallen {clear: both; overflow: hidden; } #s-sections li.left {clear: right; } #s-sections p {width: 820px; margin: 16px 0; line-height: 1.4em; } /* @group Services Menu */ #smenu {overflow: hidden; } .menu-wrap {padding-left: 2px; } #smenu li {display: inline !important; float: left !important; } #smenu a {display: block; text-indent: -90000px; outline: none; } #smenu a:hover {background-position: 0 -94px; } #smenu .brand {width: 219px; height: 94px; background: url('/images/services/brand_defense.png') no-repeat; } #smenu .socialmedia {height: 94px; background: url('/images/services/social_media_education.png') no-repeat; width: 219px; } #smenu .marketing {width: 219px; height: 94px; background: url('/images/services/new_media_marketing.png') no-repeat; } #smenu .internet {width: 219px; height: 94px; background: url('/images/services/internet-innovation-services.png') no-repeat; } #smenu .social {width: 219px; height: 94px; background: url('/images/services/new_media_consulting.png') no-repeat; } #smenu .uxd {width: 219px; height: 94px; background: url('/images/services/uxd.png') no-repeat; } #smenu .application {width: 219px; height: 94px; background: url('/images/services/application_development.png') no-repeat; } #smenu .rich {width: 219px; height: 94px; background: url('/images/services/rich_media.png') no-repeat; } /* @end */ /* @end */ ul#comenu {display: inline; } ul#comenu li {display: inline; float: left; } ul#comenu li a {display: block; text-indent: -90000px; } ul#comenu li a:hover {background-position: 0 -61px; } ul#comenu li a.selected, ul#comenu li a.selected:hover {background-position: 0 -122px; } .dxfeet {background-image: url('/images/contact/foot.png'); width: 49px; height: 61px; } .dxcar {background-image: url('/images/contact/car.png'); width: 88px; height: 61px; } .dxtrain {background-image: url('/images/contact/train.png'); width: 56px; height: 61px; } .dxdino {background-image: url('/images/contact/dino.png'); width: 94px; height: 61px; } #staffing {overflow: hidden; } .bannerimg {background: url('/images/carrot-creative.png') 0 3px; display: block; height: 30px; width: 210px; float: left; margin-top: 5px; margin-right: 10px; } .panel {width: 450px; overflow: auto; padding-right: 10px; height: 80px; padding: 0 10px 0 0; margin: 10px 0; color: white; clear: both; } /* @group sites */ a#open_sites a:hover {border: none; text-decoration: none; } #sites_bg {position: absolute; width: 100%; height: 100%; background-image: url(http://www.viget.com/images/global/overlay/overlay_bg.png); display: none; z-index: 80; } #sites_menu {width: 100%; position: absolute; top: 100px; height: 220px; background: black; z-index: 90; display: none; } #sites_menu a {outline: none; } #sites_menu #sites_inner {position: relative; left: 50%; width: 920px; margin-left: -465px; 90px } #sites_menu li {display: inline; float: left; } #sites_inner li a {text-indent: -9000px; } #sites_menu li a {display: block; background-repeat: no-repeat; width: 228px; height: 183px; } #sites_menu li a:hover {background-position: 0 -183px; } .cc {background-image: url(/images/sites/carrot.jpg); } .cb {background-image: url(/images/sites/blog.jpg); } .cl {background-image: url(/images/sites/labs.jpg); } .zvg {background-image: url(/images/sites/zoo.jpg); } #sites_menu a {text-decoration: none; border: none; font-weight: bold; font-size: 1.2em; } #sites_menu a:hover {text-decoration: underline; } a#close_link {display: block; float: right; background: url(/images/closebox.png) no-repeat; width: 30px; height: 27px; text-indent: -9000px; margin-top: -13px; } /* @end */ /* @group Thickbox */ #TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine {font: 10px Arial, Helvetica, sans-serif; color: #666666; } #TB_window a:link {color: #666666; } #TB_window a:visited {color: #666666; } #TB_window a:hover {color: #000; } #TB_window a:active {color: #666666; } #TB_window a:focus {color: #666666; } #TB_sites {position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; } .TB_sitesMacFFBGHack {background: url(http://www.viget.com/images/viget/macFFBgHack.png) repeat; } .TB_sitesBG {background-color: #000; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; } * html #TB_sites {/* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window {position: fixed; background: #ffffff; z-index: 102; color: #000000; display: none; border: 10px solid #E1E9E5; text-align: left; top: 50%; left: 50%; } * html #TB_window {/* ie6 hack */position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image {display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption {height: 25px; padding: 7px 30px 10px 25px; float: left; } #TB_closeWindow {height: 25px; padding: 11px 25px 10px 0; float: right; } #TB_closeAjaxWindow {padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; } #TB_ajaxWindowTitle {float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; } #TB_title {background-color: #e8e8e8; height: 27px; } #TB_ajaxContent {clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; } #TB_ajaxContent.TB_modal {padding: 15px; } #TB_ajaxContent p {padding: 5px 0px 5px 0px; } #TB_load {position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load {/* ie6 hack */position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect {z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; } * html #TB_HideSelect {/* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent {clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; } /* @end */ ul#clientsnew {list-style-type: none; clear: both; overflow: hidden; padding-left: 19px; } ul#clientsnew li {display: inline; float: left; padding: 5px 5px 5px 0; } ul#clientsnew li a {display: block; text-indent: -9000px; width: 167px; height: 161px; } ul#clientsnew li a.weber {background: url(/images/clientsnew/weber.png) no-repeat; } ul#clientsnew li a.pepsico {background: url(/images/clientsnew/pepsico.png) no-repeat; } ul#clientsnew li a.oscarmayer {background: url(/images/clientsnew/oscarmayer.png) no-repeat; } ul#clientsnew li a.wisk {background: url(/images/clientsnew/wisk.png) no-repeat; } ul#clientsnew li a.hellmanns {background: url(/images/clientsnew/hellmanns.png) no-repeat; } ul#clientsnew li a.mlb {background: url(/images/clientsnew/mlb.png) no-repeat; } ul#clientsnew li a.musictoday {background: url(/images/clientsnew/musictoday.png) no-repeat; } ul#clientsnew li a.nhl {background: url(/images/clientsnew/nhl.png) no-repeat; } ul#clientsnew li a.mtv {background: url(/images/clientsnew/mtv.png) no-repeat; } ul#clientsnew li a.dmb {background: url(/images/clientsnew/dmb.png) no-repeat; } ul#clientsnew li a.onion {background: url(/images/clientsnew/theonion.png) no-repeat; } ul#clientsnew li a.honeywell {background: url(/images/clientsnew/honeywell.png) no-repeat; } ul#clientsnew li a.unilever {background: url(/images/clientsnew/unilever.png) no-repeat; } ul#clientsnew li a.jcpenney {background: url(/images/clientsnew/jcpenney.png) no-repeat; } ul#clientsnew li a.more {background: url(/images/clientsnew/more.png) no-repeat; } div.homebottom h2 {font-size: 14px; } div.homebottom ul.bot li {width: 295px; float: left; display: inline; background: url(/images/dot.png) repeat-y right 0; padding: 10px 20px; min-height: 61px; } div.homebottom ul.bot li h2 {padding-left: 20px; background-position: 3px 0; } div.homebottom ul.bot li.blog h2 {background: url(/images/blog_ico.png) no-repeat; } div.homebottom ul.bot li.tweet h2 {background: url(/images/twitter_ico.png) no-repeat; } div.homebottom ul.bot li.friends h2 {background: url(/images/carrot_ico.png) no-repeat; margin-bottom: 5px; } div.homebottom ul.bot li.blog p a {color: #ccc; } div.homebottom ul.bot li.blog p a:hover {color: #88C746; text-decoration: underline; } div.homebottom ul.bot li p {font-size: 12px; } ul.bot li.last {background: none !important; } div.homebottom ul.bot ul li {background: none; width: auto; padding: 0; } div.homebottom ul.bot ul li a {background: url(/images/socialsprites.png) no-repeat; display: block; width: 28px; height: 25px; text-indent: -9000px; } div.homebottom ul.bot li.friends {width: 210px; } div.homebottom ul.bot ul li.facebook a {width: 17px !important; } div.homebottom ul.bot ul li.twitter a {background-position: 0 -25px; } div.homebottom ul.bot ul li.flickr a {background-position: 0 -50px; margin-right: 5px; } div.homebottom ul.bot ul li.tumblr a {background-position: 0 -75px; margin-right: 5px; } div.homebottom ul.bot ul li.delicious a {background-position: 0 -100px; margin-right: 5px; } div.homebottom ul.bot ul li.youtube a {background-position: 0 -125px; margin-right: 5px; } div.homebottom ul.bot ul li.myspace a {background-position: 0 -150px; margin-right: 5px; } /*div#buttons {position: absolute; top: 20; z-index: 10;}*/ .hometop2 ul {width: 88900px; list-style-type: none; } .hometop2 li {float: left; margin: 0 0px; cursor: pointer; margin-bottom: -5px; } .homebody #buttons2 {display: none; position: relative; width: 880px; top: 250px; margin-top: -29px; } #buttons2 .prev {float: left; background: url(/images/prev2.png); text-indent: -90000px; width: 94px; height: 29px; } #buttons2 .next {float: right; background: url(/images/next2.png); text-indent: -90000px; width: 94px; height: 29px; } .right.servicon {width: 235px; } /* Ice Cream Social*/ #ICS {width: 100%; height: 700px; background:#000 url(../imagess/bg/rokybgwebhalf.jpg) no-repeat;} .ICScontainer {width:auto; height:660px; padding: 30px 0 0 330px;} .ICScontent {width: 840px;} .ICSflyer {width:400px; height: 545px; float: left; background: url(../imagess/library/roky-social-2010.jpg) no-repeat; margin: auto; border-bottom: 1px solid #909;border-right: 1px solid #909; border-top: 1px solid #909; border-left: 1px solid #909; -webkit-border-radius: 20px; -moz-border-radius: 20px;} .ICSsponsors {width:300px; height:auto; float:left; margin-top: 10px; padding: 0px 0px 0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .ICSspacer {width:60px; height:500px; float:left;} .ICSartists {width:300px; height:auto; float:left; text-align:center; margin: auto; padding: 0px 0px 0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .ICSright{width:300px; height:570px; float:left;} .ICStitleheading {width: 300px; text-align: center; font-size:24px;padding: 5px 0 10px 0;} .ICStickets {width: 400px; float:left; text-align: center; font-size:24px;padding: 5px 0 10px 0;} .ICStickets ul {float: left; width: 400px; } .ICStickets li a {color:#FFF;} .ICStickets li a:hover {color:#666;} .ICStickets li {width: 400px; display: block; float: left; list-style-type: none; } .sponsorbox {width: 64px; height: 64px; float: left; padding: 0px 10px 10px 0;} .Gibsonsponsor {width:64px; height: 64px; float: left; background: white url(../imagess/library/logossocial2010/gibson.jpg) no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .HOSsponsor {width:64px; height: 64px; float: left; background: white url(../imagess/library/logossocial2010/thehouseofsongs.jpg) no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .PeaceandLovesponsor {width:64px; height: 64px; float: left; background: white url(../imagess/library/logossocial2010/peaceandlove.jpg) no-repeat; -webkit-border-radius: 15px; -moz-border-radius: 10px;} .DJBFAsponsor {width:64px; height: 64px; float: left; background: white url(../imagess/library/logossocial2010/DJBFA.jpg) no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .Amysponsor {width:64px; height: 64px; float: left; background: white url(../imagess/library/logossocial2010/Amy.jpg) no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .Zicosponsor {width:64px; height: 64px; float: left; background: white url(../imagess/library/logossocial2010/zico.jpg) no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .Tecatesponsor {width:64px; height: 64px; float: left; background: white url(../imagess/library/logossocial2010/tecate.jpg) no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .HOBsponsor {width:64px; height: 64px; float: left; background: white url(../imagess/library/logossocial2010/hobnob.jpg) no-repeat; -webkit-border-radius: 15px; -moz-border-radius: 10px;} .TreatyOakssponsor {width:64px; height: 64px; float: left; background: white url(../imagess/library/logossocial2010/treatyoaks.jpg) no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .Volteosponsor {width:64px; height: 64px; float: left; background: white url(../imagess/library/logossocial2010/volteo.jpg) no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .Yellowtailsponsor {width:64px; height: 64px; float: left; background: white url(../imagess/library/logossocial2010/yellowtail.jpg) no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px;}