@charset "UTF-8"; * { font-family: "Lucinda Grande", sans-serif; margin: 0; padding: 0; } p { margin: 0px; padding: 17px 0px 0px 0px; line-height: 16px; } a img { border: none; } h1 { } h2 { } h3 { text-indent: -3000px; height: 1px; } a:link, a:visited, a:active { color: #ffffff; font-size: 11px; text-decoration: none; outline: none; } a:hover { text-decoration: underline; } .form_textbox { border: 1px solid #f79a29; color: #666666; width: 180px; text-align: right; } .bold, a.bold { font-weight: bold; } .gray, a.gray { color: #676767; } .white, a.white { color: #ffffff; } .blue, a.blue { color: #326E8A; } .orange, a.orange { color: #FF7A1F; } .black, a.black { color: #000000; } .headline-services { margin-left: 184px; font-weight: bold; font-size: 16px; } .headline-about { margin-left: 26px; font-weight: bold; font-size: 20px; line-height: 22px; } .headline-name { font-weight: bold; font-size: 20px; line-height: 22px; } .gray-about { color: #676767; font-size: 14px; line-height: 18px; } a.textlink { font-size: 12px; } a.textlink:link, a.textlink:visited, a.textlink:active { font-size: 12px; } a.textlink:hover { font-size: 12px; } a.headerlink { font-size: 13px; } img.c2 { bottom: 0px } #top { width: 1296px; height: 561px; margin: 0 auto; color: #ffffff; font-size: 12px; font-weight: bold; background-image: url(images/back-top.gif); background-repeat: no-repeat; position: relative; } #bottom { width: 1296px; height: 301px; margin: 0 auto; background-image: url(images/back-bottom.gif); background-repeat: no-repeat; background-position: top left; position: relative; } #header { width: 895px; height: 561px; margin-left: 205px; padding: 0; position: relative; float: left } #header h1 { display: none; } #header p { width: 434px; display: block; font-size: 13px; clear: both; position: relative; float: left; } #header span { display:none; } #header p a { font-size: 13px; } #top-menu { height: 14px; margin-top: 66px; padding: 0; list-style-type: none; position: relative; float: right;} #top-menu span { display:inline; } #top-menu li { display:inline;} #top-menu a:link, a:visited, a:active { font-size: 11px; } #top-menu a:hover { text-decoration: underline; } li.c1 { list-style: none } #logo { width: 231px; height: 65px; margin-top: 41px; outline: none; text-indent: -3000px; display: block; position: absolute; } #headline { width: 475px; height: 125px; margin: 84px 0px 0px 0px; padding: 0; display: block; clear: both; position: relative; float: left; } #headline h2 { display: none; } #main-menu { width: 366px; height: 34px; margin: 164px 0px 0px 501px; position: absolute; } ul#main-menu li { list-style: none; border-style:none; display: inline; float: left; } #main-menu a { margin: 0; padding: 0; display: block; } #main-menu #services { width: 128px; height: 34px; background-image: url(images/menu-services-stacked.gif); background-repeat: no-repeat; background-position: top left; } #main-menu #services:hover { background-image: url(images/menu-services-stacked.gif); background-position: bottom left; } #main-menu #services-selected { width: 128px; height: 34px; background-image: url(images/menu-services-stacked.gif); background-repeat: no-repeat; background-position: bottom left; } #main-menu #portfolio { width: 145px; height: 34px; background-image: url(images/menu-portfolio-stacked.gif); background-repeat: no-repeat; background-position: top left; } #main-menu #portfolio:hover { background-image: url(images/menu-portfolio-stacked.gif); background-position: bottom left;} #main-menu #portfolio-selected { width: 145px; height: 34px; background-image: url(images/menu-portfolio-stacked.gif); background-repeat: no-repeat; background-position: bottom left; } #main-menu #about { width: 93px; height: 34px; background-image: url(images/menu-about-stacked.gif); background-repeat: no-repeat; background-position: top left; } #main-menu #about:hover { background-image: url(images/menu-about-stacked.gif); background-position: bottom left; } #main-menu #about-selected { width: 93px; height: 34px; background-image: url(images/menu-about-stacked.gif); background-repeat: no-repeat; background-position: bottom left; } #main-contact { width: 170px; height: 33px; margin: 0px 0px 38px 12px; background-image: url(images/contact-us-stacked.gif); background-repeat: no-repeat; background-position: top left; bottom: 0px; clear: both; position: absolute; float: left; } #main-contact:hover { background-image: url(images/contact-us-stacked.gif); background-position: bottom left; } #main-contact-selected { width: 170px; height: 33px; margin: 0px 0px 38px 12px; background-image: url(images/contact-us-stacked.gif); background-position: bottom left; bottom: 0px; clear: both; position: absolute;} #main-contact a { margin: 0; padding: 0; display: block; } #box-right { width: 390px; height: 313px; margin: 210px 0px 0px 501px; position: absolute; } #box-right p { width: 379px; height:25px; margin: 0px 0px 11px 10px; padding: 0; color: #000000; font-size: 11px; bottom: 0px; position: absolute; } #box-right a { color: #307AA2; font-size: 11px; } #box-right #home { height: 313px; background-image: url(images/header-home.gif); background-repeat: no-repeat; background-position: 0 0; } #box-right #advertising { height: 313px; background-image: url(images/header-advertising.jpg); background-repeat: no-repeat; background-position: 0 0; } #box-right #branding { height: 313px; background-image: url(images/header-branding.gif); background-repeat: no-repeat; background-position: 0 0; } #box-right #marketing { height: 313px; background-image: url(images/header-marketing.gif); background-repeat: no-repeat; background-position: 0 0; } #box-right #media { height: 313px; background-image: url(images/header-media.gif); background-repeat: no-repeat; background-position: 0 0; } #box-right #search { height: 313px; background-image: url(images/header-search.gif); background-repeat: no-repeat; background-position: 0 0; } #box-right #social { height: 313px; background-image: url(images/header-social.gif); background-repeat: no-repeat; background-position: 0 0; } #box-right #web { height: 313px; background-image: url(images/header-web.gif); background-repeat: no-repeat; background-position: 0 0; } #home-main { width: 200px; height: 0px; margin: 0; padding: 0; display: none; } #content-home { width: 1296px; height: 219px; margin: 0 auto; padding: 0; background-image: url(images/back-home.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; } #content { height: 100%; margin-left: 206px; font-size: 12px; color: #000000; font-weight: bold; } #content h1 {display: none;} #box-minds { width: 305px; height: 152px; margin-top: 34px; background-image: url(images/box-minds.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; float: left; } #box-stories { width: 574px; height: 152px; margin: 34px 0px 0px 13px; background-image: url(images/box-stories.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; float: left; } #box-minds p { width: 244px; height: 56px; margin: 33px 0px 0px 47px; } #box-minds a { text-decoration: underline; } #box-stories p { width: 244px; height: 56px; margin: 50px 0px 0px 21px; float: left; } #box-stories a { margin: 8px 0px 0px 400px; display: block; font-size: 11px; color: #307AA2; } #box-stories span { font-size: 15px; line-height: 24px; } #content-services { width: 1296px; height: 100%; margin: 0px auto 30px auto; padding: 0; position: relative; } #content-services p { width: 472px; height: 240px; margin-left: 184px; color: #676767; display: inline; position: relative; float: left; } #content-services span { } .whats-next a { width: 118px; height: 14px; margin: 242px 0px 0px 110px; display: block; color: #307AA2; position: relative; float: left; } #services-menu { width: 890px; height: 73px; margin-top: 26px; background-image: url(images/services-menu.gif); background-repeat: no-repeat; background-position: 0 0;} #services-menu ul { width: 890px; height: 15px; margin: 25px 0px 0px 11px; list-style-type: none; border-style:none; display: inline; float: left; } #services-menu li { height: 15px; margin-left: 16px; float: left; } #services-menu a { height: 15px; display: block; } #services-menu span { display: none; } #services-menu #advertising { width: 97px; background-image: url(images/menu-advertising.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #advertising:hover { background-image: url(images/menu-advertising2.gif); } #services-menu #advertising-selected { width: 97px; background-image: url(images/menu-advertising2.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #branding { width: 76px; background-image: url(images/menu-branding.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #branding:hover { background-image: url(images/menu-branding2.gif); } #services-menu #branding-selected { width: 76px; background-image: url(images/menu-branding2.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #marketing { width: 88px; background-image: url(images/menu-marketing.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #marketing:hover { background-image: url(images/menu-marketing2.gif); } #services-menu #marketing-selected { width: 88px; background-image: url(images/menu-marketing2.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #media { width: 47px; background-image: url(images/menu-media.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #media:hover { background-image: url(images/menu-media2.gif); } #services-menu #media-selected { width: 47px; background-image: url(images/menu-media2.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #search { width: 149px; background-image: url(images/menu-search.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #search:hover { background-image: url(images/menu-search2.gif); } #services-menu #search-selected { width: 149px; background-image: url(images/menu-search2.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #social { width: 143px; background-image: url(images/menu-social.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #social:hover { background-image: url(images/menu-social2.gif); } #services-menu #social-selected { width: 143px; background-image: url(images/menu-social2.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #web { width: 138px; background-image: url(images/menu-web.gif); background-repeat: no-repeat; background-position: 0 0; } #services-menu #web:hover { background-image: url(images/menu-web2.gif); } #services-menu #web-selected { width: 138px; background-image: url(images/menu-web2.gif); background-repeat: no-repeat; background-position: 0 0; } #services-advertising { width: 890px; height: 280px; margin-top: 20px; background-image: url(images/services-advertising.gif); background-repeat: no-repeat; background-position: 0 0; } #services-branding { width: 890px; height: 296px; margin-top: 20px; background-image: url(images/services-branding.gif); background-repeat: no-repeat; background-position: 0 0; } #services-marketing { width: 890px; height: 284px; margin-top: 20px; background-image: url(images/services-marketing.gif); background-repeat: no-repeat; background-position: 0 0; } #services-media { width: 890px; height: 280px; margin-top: 20px; background-image: url(images/services-media.gif); background-repeat: no-repeat; background-position: 0 0; } #services-search { width: 890px; height: 328px; margin-top: 20px; background-image: url(images/services-search.gif); background-repeat: no-repeat; background-position: 0 0; } #services-social { width: 890px; height: 583px; margin-top: 20px; background-image: url(images/services-social.gif); background-repeat: no-repeat; background-position: 0 0; } #services-web { width: 890px; height: 280px; margin-top: 20px; background-image: url(images/services-web.gif); background-repeat: no-repeat; background-position: 0 0; } #media-properties { width: 890px; height: 792px; margin: 0; background-image: url(images/media-properties.jpg); background-repeat: no-repeat; background-position: 0 0;} #media-properties p { width: 630px; height: 117px; margin: 48px 0px 0px 226px; line-height: 16px; font-weight: normal; } #thats-boom { width: 250px; height: 250px; margin: 155px 0px 0px 250px; line-height: 14px; position: relative; float: left; } #thats-boom p { width: 250px; height: 158px; margin: 0; padding: 0; } #thats-boom ul { margin-bottom: 10px; list-style: none; border-style:none; color: #676767; font-weight: normal; display: block; position: relative; float: left; } #thats-boom li { margin: 3px 0px 0px 10px; } #thats-boom a { font-weight: bold; } #jersey-shore { width: 250px; height: 262px; margin: 158px 0px 0px 44px; position: relative; float: left; } #jersey-shore p { width: 250px; height: 132px; margin: 0;} #jersey-shore a { font-weight: bold; } #media-properties a { font-size: 12px; } #content-about { width: 1296px; height: 100%; margin: 0px auto 30px auto; padding: 0; position: relative; } #content-about p { } #box-right #about { height: 313px; background-image: url(images/header-about.gif); background-repeat: no-repeat; background-position: 0 0; } #about-menu { width: 436px; height: 73px; margin-top: 26px; background-image: url(images/about-menu.gif); background-repeat: no-repeat; background-position: 0 0;} #about-menu ul { width: 436px; height: 15px; margin: 0px 0px 0px 28px; list-style-type: none; border-style:none; display: inline; float: left; } #about-menu li { height: 15px; padding-top: 25px; float: left; } #about-menu a { height: 15px; display: block; } #about-menu span { display: none; } #about-menu #team { width: 77px; background-image: url(images/menu-team.gif); background-repeat: no-repeat; background-position: 0 0; } #about-menu #team:hover { background-image: url(images/menu-team2.gif); } #about-menu #team-selected { width: 77px; background-image: url(images/menu-team2.gif); background-repeat: no-repeat; background-position: 0 0; } #about-menu #clients { width: 64px; margin-left: 36px; background-image: url(images/menu-clients.gif); background-repeat: no-repeat; background-position: 0 0; } #about-menu #clients:hover { background-image: url(images/menu-clients2.gif); } #about-menu #clients-selected { width: 64px; margin-left: 36px; background-image: url(images/menu-clients2.gif); background-repeat: no-repeat; background-position: 0 0; } #about-menu #location { width: 77px; margin-left: 36px; background-image: url(images/menu-location.gif); background-repeat: no-repeat; background-position: 0 0; } #about-menu #location:hover, #about-menu #location:focus { background-image: url(images/menu-location2.gif); } #about-menu #location-selected { width: 77px; margin-left: 36px; background-image: url(images/menu-location2.gif); background-repeat: no-repeat; background-position: 0 0; } #about-menu #blog { width: 39px; margin-left: 36px; background-image: url(images/menu-blog.gif); background-repeat: no-repeat; background-position: 0 0; } #about-menu #blog:hover { background-image: url(images/menu-blog2.gif); } #about-menu #blog-selected { width: 39px; margin-left: 36px; background-image: url(images/menu-blog2.gif); background-repeat: no-repeat; background-position: 0 0; } #about-main { width: 900px; height: 170px; margin-top: 20px; background-image: url(images/about-main.gif); background-repeat: no-repeat; background-position: 0 0; } #about-clients { width: 922px; height: 452px; margin-top: 20px; } #about-clients p { margin-left: 26px; padding-top: 4px; } #about-clients span { margin-left: 26px; position:relative; float: left} #about-location { width: 436px; height: 280px; margin-top: 20px; background-image: url(images/about-location.gif); background-repeat: no-repeat; background-position: 0 0; float: left; } #about-location p { padding: 4px 0px 0px 26px; } #about-blog { width: 901px; height: 418px; margin: 20px 0px 0px 34px; } #team-ryan { width: 700px; height: 251px; margin-top: 20px; padding-left: 225px; background-image: url(images/team-ryan.gif); background-repeat: no-repeat; background-position: 0 0; } #team-steve { width: 700px; height: 251px; margin-top: 20px; padding-left: 225px; background-image: url(images/team-steve.gif); background-repeat: no-repeat; background-position: 0 0; } #team-caitlyn { width: 700px; height: 251px; margin-top: 20px; padding-left: 225px; background-image: url(images/team-caitlyn.gif); background-repeat: no-repeat; background-position: 0 0; } #clients-left { width: 461px; height: 317px; margin-top: 20px; background-image: url(images/clients-left.gif); background-repeat: no-repeat; background-position: 0 0; clear: left; position: relative; float: left;} #clients-right { width: 461px; height: 317px; margin-top: 20px; background-image: url(images/clients-right.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; float: left;} #content-portfolio { width: 1296px; height: 647px; margin: 0px auto 30px auto; padding: 0; position: relative; } #box-right #portfolio { height: 313px; background-image: url(images/header-portfolio.gif); background-repeat: no-repeat; background-position: 0 0; } #portfolio-menu { width: 441px; height: 73px; margin-top: 26px; background-image: url(images/portfolio-menu.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; float: left;} #portfolio-results { width: 248px; height: 25px; margin: 47px 196px 0px 0px; background-image: url(images/portfolio-results.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; float: right; } #portfolio-main { width: 1008px; height: 528px; margin-top: 100px; background-image: url(images/portfolio-clients.gif); background-repeat: no-repeat; background-position: 0 0; clear: both; position: absolute; } #portfolio-clients { width: 165px; height: 528px; position: absolute; } #portfolio-clients ul { width: 163px; height: 419px; margin: 92px 0px 0px 0px; list-style-type: none; border-style:none; } #portfolio-clients li { width: 163px; height: 23px; text-align: center; display: block; float: left; } #portfolio-clients a { font-size: 12px; color: #315566; } #portfolio-art { width: 880px; height: 620px; margin: 0px 0px 0px 164px; overflow:hidden; position: absolute; } #portfolio-art div { width:695px; height:840px; margin: 0; padding-top: 35px; } #portfolio-art div img { display:block; margin:0 auto; border:0; } #portfolio-art a { width: 470px; height: 518px; margin: 0px 0px 0px 225px; position: absolute; } #portfolio-art .desc { width: 694px; height: 518px; margin: 0; padding: 0; position: absolute; } #portfolio-list { } #content-contact { width: 1296px; height: 475px; margin: 0px auto 30px auto; padding: 0; position: relative; } #box-right #contact-box { height: 313px; background-image: url(images/header-contact.gif); background-repeat: no-repeat; background-position: 0 0; } #contact-menu { width: 441px; height: 73px; margin-top: 26px; background-image: url(images/contact-menu.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; float: left;} #contact-top { width: 374px; height: 114px; color: #676767; background-image: url(images/contact-top.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; float: left; } #contact-info { width: 536px; height: 330px; color: #676767; clear: both; position: relative; float: left; } #contact-map { width: 323px; height: 444px; margin-left: 536px; background-image: url(images/contact-map.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; } #contact-top span { margin-top: 55px; display: block; } #contact-info p { margin: 0; padding: 0; display: block; position: relative; } #contact-info span { margin: 0; padding: 0; position: relative; } #contact-info-left { width: 277px; height: 330px; text-align: right; position: relative; float: left; } #contact-info-right { width: 249px; height: 330px; padding-left: 10px; text-align: right; position: relative; float: left; } ul#contact { margin: 0; padding: 0; } ul#contact li { width: 265px; margin: 0; padding: 6px; list-style: none; } ul#contact label { margin-right: 3px; } #confirmation-top { width: 374px; height: 114px; color: #676767; background-image: url(images/confirmation-top.jpg); background-repeat: no-repeat; background-position: 0 0; position: relative; float: left; } #confirmation-top span { margin-top: 55px; display: block; } #footer { width: 895px; height: 301px; margin-left: 203px; font-weight: bold; padding: 0; color: #000000; } #footer a { color: #000000; display: block; } #footer span { display:none; } #footer-menu { width: 560px; height: 167px; margin: 46px 0px 0px 0px; padding: 0; position: relative; float: left; } #footer-menu ol { width: 142px; margin-top: 32px; padding: 0px; list-style-type: none; position: relative; float: left; } #footer-menu li { height: 19px; display: list-item;} ol#footer-portfolio { width: 138px; } ol#footer-about { width: 133px; } #footer-logo { width: 225px; height: 65px; margin: 46px 7px 0px 0px; position: relative; float:right; } #footer-contact, #footer-contact-home { clear: both; bottom: 85px; width: 230px; height: 86px; position: relative; float: right; } #footer-contact span, #footer-contact-home span { font-size: 12px; padding-top: 0px; line-height: 18px; text-align: left; display: inline; } #footer-contact a, #footer-contact-home a { font-size: 12px; } #footer-contact ul, #footer-contact-home ul { width: 227px; height: 37px; list-style-type: none; display: inline } #footer-contact li, #footer-contact-home li { height: 37px; display: block; position: relative; float: left; } #footer-contact #facebook a, #footer-contact-home #facebook a { width: 30px; height: 37px; background-image: url(images/facebook.gif); position:relative; } #footer-contact #twitter a, #footer-contact-home #twitter a { width: 27px; height: 37px; background-image: url(images/twitter.gif); position:relative; } #footer-contact #wordpress a, #footer-contact-home #wordpress a { width: 24px; height: 37px; background-image: url(images/wordpress.gif); position:relative; } #footer-contact #linkedin a, #footer-contact-home #linkedin a { width: 30px; height: 37px; background-image: url(images/linkedin.gif); position:relative; } #footer-contact #envelope a, #footer-contact-home #envelope a { width: 33px; height: 37px; background-image: url(images/envelope.gif); position:relative; } #photo_ryan { background-image: url(images/story_ryan.jpg);} #photo_steve { background-image: url(images/story_steve.jpg);} #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }