body { background:#e0e4cc; color:#777; margin:0 auto; font:normal 100% arial, verdana; text-align:center; overflow-y:scroll; } * { margin:0; padding:0 outline:none; } img { border:none; } ul { margin:0; } .clear { clear:both; } ul, li { margin:0; padding:0; list-style:none; } h1 { margin:0 0 10px 0; color:#fb7f25; font:bold 200% helvetica, arial; } h2 { margin:15px 0 8px 0; color:#333; font:bold 140% helvetica, arial; display:block; clear:both; border-top:1px solid #ddd; padding:12px 0 0 0; } h3 { margin:0 0 10px 0; color:#fb7f25; font:bold 140% helvetica, arial; } h4 { margin:0; padding:0;color:#333; font:bold 120% helvetica, arial; } a:link { color:#fb7f25; text-decoration:underline; } a:visited { color:#fb7f25; text-decoration:underline; } a:hover { text-decoration:none; } dd { margin:0 0 9px 0; } dd input { outline:none; padding:10px 0 0 10px; width:221px; height:31px; background:url(/gfx/misc/inputnew.jpg) no-repeat; border:none; font:bold 140% arial; } dl { } dt { color:#4a4a4a; margin:9px 0 0 0; float:left; font-weight:bold; font-size:120%; width:85px; } #textareaform { outline:none; width:605px; height:252px; padding:10px 0 0 9px; background:url(/gfx/misc/textarea.jpg) no-repeat; border:none; overflow:auto; font:bold 140% arial; } #head_wrap { background:url(/gfx/header/bg.jpg) repeat-x; margin:0 auto; } #head { width:990px; margin:0 auto; } #logo { float:left; padding:15px 0 20px 0; } #phone { float:right; text-align:left; } #search { margin:0; padding:0; } #inputbox { outline:none; float:right; font-style:90%; color:#949494; background:url(/gfx/header/search.jpg) no-repeat; height:32px; width:172px; margin:0; border:none; padding:4px 0 6px 0; } #button { float:left; } #menu { width:990px; } .prodrop8 {padding:0 0 0 0; margin:0; list-style:none; height:39px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} .prodrop8 li.top {display:block; float:left; } .prodrop8 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(prodrop4/pro_drop4_0a.gif) no-repeat;} .prodrop8 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px; } .prodrop8 li a.top_link:hover {color:#000; line-height:25px;} .prodrop8 li a.top_link:hover span {} .prodrop8 li:hover > a.top_link {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;} .prodrop8 li:hover > a.top_link span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;} #menu li a { float:left; height:39px; margin:0 4px 0 0; display:block; list-style:none; } #menu a.home { background:url(/gfx/nav/home.jpg) no-repeat; width:82px; } #menu a.experience { background:url(/gfx/nav/our.jpg) no-repeat; width:150px; } #menu a.approach { background:url(/gfx/nav/approach.jpg) no-repeat; width:142px; } #menu a.team { background:url(/gfx/nav/team.jpg) no-repeat; width:112px; } #menu a.services { background:url(/gfx/nav/services.jpg) no-repeat; width:149px; } #menu a.contact { background:url(/gfx/nav/contact.jpg) no-repeat; width:122px; } #menu a.home2 { background:url(/gfx/nav/home2.jpg) no-repeat; width:82px; } #menu a.experience2 { background:url(/gfx/nav/our2.jpg) no-repeat; width:150px; } #menu a.approach2 { background:url(/gfx/nav/approach2.jpg) no-repeat; width:142px; } #menu a.team2 { background:url(/gfx/nav/team2.jpg) no-repeat; width:112px; } #menu a.services2 { background:url(/gfx/nav/services2.jpg) no-repeat; width:149px; } #menu a.contact2 { background:url(/gfx/nav/contact2.jpg) no-repeat; width:122px; } #menu a.home:hover { background:url(/gfx/nav/home_o.jpg) no-repeat; width:82px; } #menu a.experience:hover { background:url(/gfx/nav/our_o.jpg) no-repeat; width:150px; } #menu a.approach:hover { background:url(/gfx/nav/approach_o.jpg) no-repeat; width:142px; } #menu a.team:hover { background:url(/gfx/nav/team_o.jpg) no-repeat; width:112px; } #menu a.services:hover { background:url(/gfx/nav/services_o.jpg) no-repeat; width:149px; } #menu a.contact:hover { background:url(/gfx/nav/contact_o.jpg) no-repeat; width:122px; } /* New Menu - 17.11.09 - Jamie */ #menu a.homez { background:url(/gfx/nav2/home.jpg) no-repeat; width:82px; } #menu a.experiencez { background:url(/gfx/nav2/experience.jpg) no-repeat; width:150px; } #menu a.teamz { background:url(/gfx/nav2/team.jpg) no-repeat; width:112px; } #menu a.approachz { background:url(/gfx/nav2/approach.jpg) no-repeat; width:142px; } #menu a.filmingz { background:url(/gfx/nav2/filming.jpg) no-repeat; width:149px; } #menu a.studioz { background:url(/gfx/nav2/studio.jpg) no-repeat; width:149px; } #menu a.contactz { background:url(/gfx/nav2/contact.jpg) no-repeat; width:122px; } #menu a.homez2 { background:url(/gfx/nav2/home2.jpg) no-repeat; width:82px; } #menu a.experiencez2 { background:url(/gfx/nav2/our2.jpg) no-repeat; width:150px; } #menu a.teamz2 { background:url(/gfx/nav2/team2.jpg) no-repeat; width:112px; } #menu a.approachz2 { background:url(/gfx/nav2/approach2.jpg) no-repeat; width:142px; } #menu a.servicesz2 { background:url(/gfx/nav2/services2.jpg) no-repeat; width:149px; } #menu a.studio2 { background:url(/gfx/nav2/studio2.jpg) no-repeat; width:149px; } #menu a.contactz2 { background:url(/gfx/nav2/contact2.jpg) no-repeat; width:122px; } .prodrop8 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ .prodrop8 a:hover {visibility:visible; position:relative; z-index:200;} .prodrop8 li:hover {position:relative; z-index:200;} /* keep the 'next' level invisible by placing it off screen. */ .prodrop8 ul, .prodrop8 iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} .prodrop8 :hover iframe.one {left:0; top:35px; width:150px; height:100px;} .prodrop8 :hover iframe.two {left:0; top:35px; width:100px; height:65px;} .prodrop8 :hover ul {left:0; top:39px; background:#fb7f25; white-space:nowrap; height:auto; z-index:300;} .prodrop8 :hover ul li {float:left; width:auto; font:bold 75% arial; text-align:left; } .prodrop8 :hover ul.on {left:0; top:39px; background:#e0e4cc; white-space:nowrap; height:auto; z-index:300;} .prodrop8 :hover ul li a {display:block; text-indent:15px; color:#fff; text-decoration:none;background:#fb7f25; height:30px !important; line-height:30px !important; border:1px solid #f88c3d; border-top:0 !important;} .prodrop8 :hover ul.sub1 li a { width:126px; } .prodrop8 :hover ul.sub2 li a { width:142px; } .prodrop8 :hover ul.sub3 li a { width:145px; } .prodrop8 :hover ul.sub4 li a { width:149px; } .prodrop8 :hover ul.on li a {background:#e0e4cc; color:#4a4a4a; border-left:1px solid #eaeddc; border-bottom:1px solid #d4d9be; border-right:1px solid #d4d9be; } .prodrop8 :hover ul li a:hover {display:block; background:#f76900; color:#fff; text-decoration:underline; } #wrapper { background:url(/gfx/misc/content_bg.jpg) repeat-x #fff; margin:0 auto; text-align:left; } #structure { width:990px; margin:0 auto; padding:15px 0 0 0; } #content { width:752px; float:left; background:#fff; font-size:75%; line-height:150%; border:1px solid #e4e8d5; margin:0 0 20px 0; } #content ul { padding:0; margin:0; } #content li { background:url(/gfx/misc/miniarrow.jpg) 0 2px no-repeat; padding:0 0 0 20px; margin:15px; font-weight:bold; } #content_body1 { float:left; width:487px; margin:25px 0 25px 25px; line-height:18px; } #content_body1 strong { } #content_body1 p { margin:10px 0; } #content_body1 #certifications { margin:60px 0 0 0; } #content_body1 #certifications img { margin:20px 0; } #content_body { float:left; width:702px; margin:25px 0 25px 25px; line-height:18px; } #content_body strong { } #content_body p { margin:0 0 18px 0; } #content_contact { float:right; width:200px; margin:25px 0 25px 0; color:#777; line-height:18px; border-left:1px dotted #d2d7b9; padding:0 0 0 25px; } #content_contact strong { font-size:130%; color:#4a4a4a; } #content_contact span { display:block; } #testimonial { border-top:1px dotted #d2d7b9; width:180px; margin:15px 0 0 0; padding:15px 0; } #testimonial img { padding:15px 0 0 0; } #testimonial p { margin:15px 0; } #panel { float:right; width:229px; } #quick_links { border:1px solid #e4e8d5; background:#fff; color:#fb7f25; font-size:12px; line-height:18px; } #quick_links .quick_inners { border-bottom:1px dotted #e7ead8; padding:10px 0 10px 2px; } #quick_links img { float:left; padding:0 5px 0 6px; } #quick_links p { text-align:left; padding:0 5px 0 0; } #research { color:#777; font-size:12px; margin:20px 0 0 0; line-height:18px; } #research strong { color:#fb7f25; font-size:130%; } #research span { border:1px solid #e4e8d5; background:#fff; display:block; padding:15px 25px 10px 15px; } #malcolm { color:#777; font-size:12px; margin:20px 0; line-height:18px; } #malcolm strong { color:#fb7f25; font-size:130%; } #malcolm span { border:1px solid #e4e8d5; background:#fff; display:block; padding:15px 25px 10px 15px; } #footer { margin:0 auto; width:990px; font-size:70%; } #footer span { display:block; margin:0 0 5px 0; } #footer a { color:#515346; text-decoration:none; font-weight:bold; } #footer a:hover { color:#fb7f25; } #footer #links { float:left; padding:15px 0 15px 0; text-align:left; } #footer #mushroom { float:right; padding:15px 0 15px 0; } /* TEAM LISTING */ .team_frame { color:#fff; margin:10px 4px 0 0; float:left; } .team_frame a { color:#fff; text-decoration:none;} .team_frame a:hover { text-decoration:none; } .team_info { background:#fb7f25; width:134px; height:75px; border:1px solid #fb7f25; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } .team_info strong { display:block; padding:5px 0 5px 5px; } .team_info span { display:block; padding:0 5px 5px 5px; color:#ffe2cd; } /* TEAM PROFILES */ #team_profile_left { float:left; width:248px; margin:0 0 0 0; border-right:1px solid #eee; } #team_profile_left img { margin:0 0 15px 0; } #teamspan { display:block; font:bold 120% arial; color:#333; margin:0 0 15px 0; } #team_profile_right { float:left; margin:0 0 0 15px; text-align:left; width:430px; line-height:150%; } .more_team a { font-weight:bold; display:block; background:#e0e4cc; color:#4a4a4a; border-left:1px solid #eaeddc; border-bottom:1px solid #d4d9be; border-right:1px solid #d4d9be; text-decoration:none; text-indent:10px; padding:5px 0; width:233px; margin:0 0 1px 0; } .more_team a:hover { background:#f76900; border-left:1px solid #f79700; border-bottom:1px solid #f76e00; border-right:1px solid #f76e00e; color:#fff; } /* CONTACT */ #contact_info { width:660px; margin:0; } #contact_address { float:left; width:410px; padding:8px; background:#fff; font-size:100%; line-height:18px; } #contact_address .title { color:#777; font-size:90%; } #contact_address #left { float:left; width:200px; } #contact_address #left strong { color:#fb7f25; font-size:140%; } #contact_address #left span { color:#4a4a4a; font-size:100%; font-weight:bold; } #contact_address #right { float:right; width:210px; } #contact_address #right strong { font-weight:bold; color:#4a4a4a; font-size:120%; line-height:20px; } #contact_map { float:right; width:200px; } #contact_form { margin:70px 0 0 0; } #submit { padding:0 0 0 42px; } #contact_left { float:left; width:318px; } #contact_right { float:right; width:318px; } ul#image_rotate,ul#image_rotate li { margin:0 !important; padding:0 !important; list-style:none; background:none; } .clients1 { border-right:1px solid #ededed; border-bottom:1px solid #ededed; padding:2px 12px; } .clients2 { border-bottom:1px solid #ededed; padding:2px 12px; } /** SIFR **/ .sIFR-active h1, .sIFR-active h2, .sIFR-active h4, .sIFR-active h5#pullquote .sIFR-active h1#cartitle { visibility: hidden; font-family: Verdana; } .sIFR-active h1 { padding-bottom: 0; } .sIFR-active h2 { } .sIFR-active h4 { font-size: 21px; font-weight: normal; } .sIFR-active h5#pullquote { font-size: 24px; } @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ @media screen { /* Example: .sIFR-active h1 { font-family: Verdana; visibility: hidden; } */ } /** Filming Works **/ #popups { margin:15px 0; } #popups img { padding:0 0 5px 0; } #pop_content { background:#fff; padding:12px; min-height:600px; text-align:left; font-size:90%; } #pop_bullets { float:left; width:394px; } #pop_bullets li { color:#fb7f25; } #pop_eye { float:right; width:292px; } #filming_body li { margin:0 0 13px 0; font-weight:normal; font-size:105%; padding:0 0 0 24px; }