/* --------------------- 01. General 02. Global Classes 03. Structure 04. Graphic Headers & Backgrounds 05. Services 06. Company 07. Facilities 08. Buzz 09. Legal 10. Contact 11. Downloads 12. Subscribe 13. Photo Galleries 14. Project Details 15. Forms 16. Social Media Sidebar ------------------------ ---------------------------------------------------------- 01. GENERAL ---------------------------------------------------------- */ @import url("reset.css"); @import url("nav.css"); a:link { border-bottom:1px dotted #330066; color:#330066; font-weight:bold; text-decoration:none } a:visited { border-bottom:1px dotted #666; color:#666; font-weight:bold; text-decoration:none } a:hover { border-bottom:1px dotted #000; color:#000;} body { background:#fff; color:#000; font:62.5% Arial, Helvetica, Verdana, sans-serif; text-align:center } h1, h2 { font-family:Arial, Helvetica, Verdana, sans-serif; } h1 { font-size:2.2em; font-weight:normal; line-height:1.2em; margin-bottom:0.3em;} h1 sup { font-size:65%; position:relative; bottom:0.5em; } h2 { font-size:1.7em; font-weight:normal; line-height:1.2em; margin:1.5em 0 0.5em;} h3 { font-size:1.3em; line-height:1.4em; margin-bottom:0.3em;} h4 { font-size:1.2em; font-weight:normal; line-height:1.4em; margin-bottom:0.5em;} hr { border:0; clear:both; color:#D3D3D3; background:#D3D3D3; height:1px; margin:20px 0 } ol { list-style-type:decimal; list-style-position:outside;} sup { font-size:65%; position:relative; bottom:0.5em; } p { margin-bottom:1.4em;} #header-pdf, #footer-pdf { display:none; } /* ---------------------------------------------------------- 02. GLOBAL CLASSES ---------------------------------------------------------- */ .clear { clear:both } .external { background:url(../images/icon_external.gif) no-repeat right center; padding-right:18px; } div.inline, h3.inline, p.inline, ul.inline li { display:inline; float:left;} a.noborder, a.noborder:visited { border:0; } p.more-links, ul.more-links li { background:url(../images/icons.gif) no-repeat 0 -395px; padding-left:12px;} .icons { background:url(../images/icons.gif) no-repeat; } .nopadding { padding:0 } .noindent { margin-left:0; padding-left:0 } .nobullet { list-style:none; list-style-image:none } .replace { text-indent:-9999px;} .wrap { font-size:1.1em; margin:0 auto; text-align:left; width:970px } /* ROUNDED CORNER BOXES */ div.rounded { margin:0 15px 0 0; position:relative; height:100px; width:150px;} div.rounded span { background:url(../images/corners_rounded.png) no-repeat; display:block; height:9px; position:absolute; width:9px; } div.rounded span.corner-top { left:0; top:0; } div.rounded span.corner-bottom { background-position:bottom right; bottom:0; right:0; } #sidebar div.rounded { margin:10px 0; height:80px; width:240px;} /* LISTS */ ul.bullet { margin-bottom:1.5em;} ul.bullet li, dl.bullet dt { background:url(../images/icons.gif) no-repeat 0 -395px; padding-left:12px;} ul.files li { background:url(../images/icons.gif) no-repeat; } ul.files li.pdf { background-position:0 -300px; padding-left:25px; } ul.files li span { color:#666; display:block; } ul.tags { margin-bottom:1em; overflow:hidden;} ul.tags li { margin-right:5px;} dl.bullet { margin:0 0 4em -12px; } dl.bullet dt { font-size:12px;} dl.bullet dd { padding-left:12px;} /* ---------------------------------------------------------- 03. STRUCTURE ---------------------------------------------------------- */ /* FIXED FOOTER DECLARATIONS */ html, body, #wrapper { height:100%;} body > #wrapper { height:auto; min-height:100%;} #wrapper { background:url(../images/bg_nav.jpg) repeat-x;} #content { padding-bottom:150px;} /* must be same height as the footer */ #footer { height:150px; margin-top:-150px; /* negative value of footer height */ position:relative; } #header { font-size:1.1em; padding:0 40px; position:relative; height:145px; width:880px; } #content { font-size:1.2em; line-height:1.6em; overflow:hidden; text-align:left; } #content-main { border-right:1px solid #D3D3D3; margin-bottom:3em; padding:0 45px 25px; width:560px;} p.intro { background:url(../images/divider_bullets.gif) no-repeat center bottom; font-size:1.3em; line-height:1.5em; padding-bottom:2em;} p.nodivider { background:none; padding-bottom:1em;} /* SECTION HIGHLIGHTS: EQUAL HEIGHT COLUMNS */ div.section-highlights { background:url(../images/bg_highlights.jpg) repeat-x; float:left; font-size:0.9em; line-height:1.6em; margin:1.5em 0 0 -45px; overflow:hidden; padding:25px 45px 0; width:560px; } div.rightcol { border-left:1px solid #D3D3D3; float:left; padding-left:38px; width:240px; position:relative; left:279px; overflow:hidden; } div.leftcol-wrapper { float:left; padding-right:40px; position:relative; right:50%; width:100%; } div.leftcol { border-right:1px solid #D3D3D3; float:left; width:240px; padding-right:40px; position:relative; left:50%; overflow:hidden; } div.leftcol div.rounded, div.rightcol div.rounded { height:80px; width:240px;} ul.more-links { font-size:0.9em; margin-bottom:2em; overflow:hidden; width:650px; } ul.more-links li { border-right:1px solid #D3D3D3; width:268px; } ul.more-links li.last { border:0; margin-left:40px; width:240px; } div.section-highlights h2, div.highlights h2 { margin-top:0; text-transform:lowercase; } div.section-highlights h3 { margin:0.5em 0 0.25em; } div.section-highlights blockquote img { float:left; margin:2px 8px 0 0; } #sidebar { border-left:1px solid #D3D3D3; font-size:0.9em; line-height:1.6em; margin:0 0 75px -1px; padding-left:30px; width:245px;} #sidebar div.section-highlights { background:none; float:none; font-size:1em; margin:0 0 4em 0; overflow:visible; padding:0; width:auto; } #sidebar div.last { margin-bottom:0; } #sidebar h2 { color:#769B10; font-size:1.5em; font-weight:bold; margin:0 0 0.4em; text-transform:lowercase;} #sidebar p.more-links { margin:-1.3em 0 0;} #sidebar img.thumb { float:left; margin:0 20px 15px 0;} #sidebar p.rss { background:url(../images/icons.gif) no-repeat 0 -100px; line-height:20px; padding-left:25px; } #more-info { background:url(../images/bg_leadgen.jpg) no-repeat; height:200px; width: 300px; margin-left:-50px; padding:65px 0 0 110px;} #more-info.alt { background:url(../images/bg_leadgen2.jpg) no-repeat; height:250px; margin-left:-28px; padding:70px 0 0 100px;} #more-info h2 { color:#769B10; font-size:1.8em; font-weight:bold; letter-spacing:-1px; line-height:1em; margin:0 0 0.1em; text-transform:uppercase;} #more-info a { background:url(../images/icons.gif) no-repeat right -1805px; padding-right:13px; } #btn-help { margin:-1.5em 0 2em;} ul.pager { display:inline; float:right; } ul.pager li { display:inline; margin-right:3px; } ul.pager li.section { border-right:1px dotted #ccc; margin-right:7px; padding-right:10px; } ul.pager li a { color:#330066; font-weight:bold; text-decoration:underline; border-bottom:0px dotted #004286;} ul.pager li a:hover { border-bottom:1px dotted #004286; color:#004286; text-decoration:none; } /* ---------------------------------------------------------- 04. GRAPHIC HEADERS & BACKGROUNDS ---------------------------------------------------------- */ body.sub #section-header { height:100px; } body.sub #section-header h1 { color:#fff; font-size:40px; padding:32px 0 0 90px; text-transform:lowercase; } #home { background:url(../images/bg_home_repeat.jpg) repeat-x 0 140px} #home #flash { background:url(../images/bg_home.jpg) no-repeat top center;} #buzz #section-header { background:url(../images/bg_buzz.jpg) no-repeat top center;} #buzz.sub #section-header { background:url(../images/bg_buzz_sub.jpg) no-repeat top center;} #company #section-header { background:url(../images/bg_company.jpg) no-repeat top center;} #company.sub #section-header { background:url(../images/bg_company_sub.jpg) no-repeat top center;} #contact #section-header { background:url(../images/bg_contact.jpg) no-repeat top center;} #downloads #section-header { background:url(../images/bg_downloads.jpg) no-repeat top center;} #facilities #section-header { background:url(../images/bg_facilities.jpg) no-repeat top center;} #facilities.sub #section-header { background:url(../images/bg_facilities_sub.jpg) no-repeat top center;} #industries #section-header { background:url(../images/bg_industries.jpg) no-repeat top center;} #industries.sub #section-header { background:url(../images/bg_industries_sub.jpg) no-repeat top center;} #generic #section-header { background:url(../images/bg_legal.jpg) no-repeat top center;} #searchresults.sub #section-header { background:url(../images/bg_buzz_sub.jpg) no-repeat top center;} #services #section-header { background:url(../images/bg_services.jpg) no-repeat top center;} #services.sub #section-header { background:url(../images/bg_services_sub.jpg) no-repeat top center;} #subscribe #section-header { background:url(../images/bg_subscribe.jpg) no-repeat top center;} /* ---------------------------------------------------------- 05. SERVICES ---------------------------------------------------------- */ #services #section-header h1.m4-process, #services #sidebar h2.m4-process { text-transform:none;} #services.SI #sidebar h2 { text-transform:lowercase;} p#m4-intro img.icon { float:right; margin:0 1em 0 25px;} #services dl.section-intro { margin:1.5em 0 3em; } #services dl.section-intro dt.icons { font-size:12px; padding:2px 0 3px 35px;} dt#summary-m1 { background-position:0 -702px;} dt#summary-m2 { background-position:0 -900px;} dt#summary-m3 { background-position:0 -1100px;} dt#summary-m4 { background-position:0 -1302px;} dt#summary-si { background-position:0 -1500px;} #services dl.section-intro dd { line-height:1.5em; padding-left:35px;} /* M4 INTRO */ ul#m4-intro { height:315px; width:550px;} ul#m4-intro li.first { text-indent:-9999px;} ul#m4-intro li { background:url(../images/m4_intro.jpg) no-repeat; cursor:pointer; display:block; float:left; height:100px; margin:0 6px 6px 0; position:relative; width:130px;} ul#m4-intro li a { display:block; height:100px; text-indent:-9999px; width:130px; } ul#m4-intro li span.rollover { background:url(../images/m4_intro.jpg) no-repeat; height:100%; left:0; position:absolute; top:0; width:100%; z-index:5;} ul#m4-intro li em.caption { background:url(../images/bg_clientquote.png); display:none; position:absolute; color:#000; font-style:normal; height:100px; padding:25px; left:-45px; bottom:65px; vertical-align:middle; width:180px; z-index:99999; } ul#m4-intro li em.caption strong { color:#330066; font-size:1.2em; margin-top:0.1em; } ul#m4-intro li#profile2 { background-position:-136px 0;} ul#m4-intro li#profile2 span.rollover { background-position:-136px -316px;} ul#m4-intro li#profile3 { background-position:-272px 0;} ul#m4-intro li#profile3 span.rollover { background-position:-272px -316px;} ul#m4-intro li#profile4 { background-position:-408px 0;} ul#m4-intro li#profile4 span.rollover { background-position:-408px -316px;} ul#m4-intro li#profile5 { background-position:0 -109px;} ul#m4-intro li#profile5 span.rollover { background-position:0 -424px;} ul#m4-intro li#profile6 { background-position:-136px -109px;} ul#m4-intro li#profile6 span.rollover { background-position:-136px -424px;} ul#m4-intro li#profile7 { background-position:-272px -109px;} ul#m4-intro li#profile7 span.rollover { background-position:-272px -424px;} ul#m4-intro li#profile8 { background-position:-408px -109px;} ul#m4-intro li#profile8 span.rollover { background-position:-408px -424px;} ul#m4-intro li#profile9 { background-position:0 -216px;} ul#m4-intro li#profile9 span.rollover { background-position:0 -531px;} ul#m4-intro li#profile10 { background-position:-136px -216px;} ul#m4-intro li#profile10 span.rollover { background-position:-136px -531px;} ul#m4-intro li#profile11 { background-position:-272px -216px;} ul#m4-intro li#profile11 span.rollover { background-position:-272px -531px;} ul#m4-intro li#profile12 { background-position:-408px -216px;} ul#m4-intro li#profile12 span.rollover { background-position:-408px -531px;} /* M4 PROCESS */ #services.m4-process #content-main { border:0; width:970px} h1#m4 { color:#9D9EA0; font-size:3.6em; letter-spacing:-1px; margin-bottom:0.6em;} h2#m4-tagline { clear:left; color:#9A9B9D; display:inline; float:left; margin-top:1em; padding-right:1em;} h2#m4-tagline strong { color:#777576; } #services.m4-process #content-main p { border-left:1px solid #DFDFDF; color:#333; display:inline; float:left; margin-bottom:0; padding-left:2em; width:425px} #services.m4-process img.icon { float:left; margin:0 0.4em 0 0;} #services.m4-process #content-main #flash-replace { margin:-10px 0 0 -50px; } /* TOOLTIPS */ a.tooltip { background:url(../images/icon_definition.gif) no-repeat right top; border:0; margin-right:2px; padding:0 17px 2px 0;} #tooltip { background:#eeeeee; border:1px solid #ccc; display:none; font-size:1.2em; line-height:1.5em; padding:20px; position:absolute; text-align:left; width:300px; } /* ---------------------------------------------------------- 06. COMPANY ---------------------------------------------------------- */ div.fun-facts { overflow:hidden;} div.fun-facts h3 { color:#1F86B7; font-family:"Gotham", Arial, Helvetica, Verdana, sans-serif; font-size:40px; margin-top:-0.2em; } div.fun-facts p { border-left:1px solid #ccc; margin-left:10px; padding-left:15px; width:120px;} #featured.casestudies { font-size:1em; margin-top:0; } #featured.casestudies h2 { font-size:1.5em; } div.casestudies h2 { margin-bottom:0.75em; } div.casestudies { background:url(../images/bg_highlights.jpg) repeat-x; font-size:0.9em; line-height:1.5em; margin:1.5em 0 0 -45px; overflow:hidden; padding:25px 45px 0; width:560px; } div.casestudies img { display:inline; float:left; margin-right:20px; width:150px; } div.casestudies div h3 { margin-top:0; } div.casestudies div.summary { margin:0 0 3em; width:385px; } div.casestudies div.summary p { margin-bottom:0;} #content-main div.casestudies h3.details { font-size:1em; font-weight:normal; margin-bottom:1em;} #content-main div.casestudies h3.details span { color:#999; padding:0 5px;} /* EXECUTIVE BIOS */ #company.bios #content-main h2 { margin:-0.2em 0 1.5em; } div.executives div.leftcol, div.executives div.rightcol { padding-bottom:20px; } #bio-photo.rounded { float:left; margin:0 2.5em 1.5em 0; height:200px; width:225px; } ul#recent-press li { margin-bottom:0.7em;} #sidebar img#award-icon { float:left; margin:0 15px 15px 0;} /* ---------------------------------------------------------- 07. FACILITIES ---------------------------------------------------------- */ #facilities.sub h1 { margin-bottom:0.75em;} div.facility-photo { border-bottom:2px solid #769B10; float:left; margin:0 2.5em 1.5em 0; position:relative; padding-bottom:0.75em;} div.facility-photo p { line-height:1.4em; margin-bottom:0; padding-top:0.25em;} #facilities h2#intro { font-size:1.4em; } #contact-info, #sidebar div.highlights { margin-bottom:3em; } #facilities #contact-info { font-size:1.1em; margin-top:0.5em;} #facilities #contact-info h2 { margin-top:0.75em;} #facilities #contact-info li#tel { margin-top:1.5em;} #facilities #contact-info li#map { margin-top:1em;} div.facility-photo div.rounded { margin-bottom:0.5em; position:relative; height:200px; width:225px;} #facilities #contact-info li { margin-bottom:0.2em;} #facilities #contact-info li.more-links { background:url(../images/icons.gif) no-repeat 0 -395px; padding-left:12px;} #key-contacts { margin-top:3em;} #key-contacts ul { overflow:hidden;} #key-contacts li { line-height:1.6em; padding:0 1.5em 2.5em 0; width:175px;} #key-contacts li.last { padding-right:0;} #key-contacts h3 { margin-bottom:0;} #key-contacts p { margin-bottom:0;} #key-contacts p.email { background:url(../images/icons.gif) no-repeat 0 -395px; padding-left:12px;} #service-list { margin-top:3em;} #service-list ul { overflow:hidden; margin-bottom:0;} #service-list li { line-height:1.4em; padding:0 1.5em 1em 12px; width:163px;} #service-list li.last { padding-right:0;} #worldmap { margin-top:-1em;} #worldmap h2 { color:#769B10; display:none;} #worldmap ul { background:url(../images/facilities_worldmap.gif) no-repeat; height:280px; margin-top:1.5em; position:relative; width:550px; } #worldmap li { position:absolute;} #worldmap li a { border:0; display:block; text-indent:-9999px;} #worldmap li a:hover { border:1px dotted #333;} #worldmap li#map-usa { left:20px; top:24px; } #worldmap li#map-usa a { height:115px; width:165px;} #worldmap li#map-uk { left:253px; top:60px; } #worldmap li#map-uk a { height:35px; width:25px;} #worldmap li#map-germany { left:253px; top:60px; } #worldmap li#map-germany a { height:45px; width:50px;} #worldmap li#map-dubai { left:300px; top:100px; } #worldmap li#map-dubai a { height:60px; width:70px;} #worldmap li#map-singapore { left:360px; top:70px; } #worldmap li#map-singapore a { height:200px; width:180px;} /* REGION SHOW/HIDE MENU */ dl.slider dt { margin:0.75em 0; overflow:hidden;} dl.slider dt a { background:#E7E7E7; border:1px solid #fff; color:#769B10; display:block; font-size:1.7em; font-weight:normal; line-height:1.2em; padding:6px 10px; } dl.slider dt a:hover, dl.slider dt.active a { background:#fff; border:1px solid #E7E7E7; } dl.slider dd { overflow:hidden; } dl.slider dd ul { width:560px; } dl.slider dd ul li { display:inline; float:left; margin:0; overflow:hidden; padding:10px; width:260px;} dl.slider dd ul li:hover { background:#F1F1F1; cursor:pointer;} dl.slider dd ul li img { border:1px solid #E7E7E7; float:left; margin-right:15px;} dl.slider dd ul li h3 { margin-bottom:0; } /* FACILITY SPOTLIGHT */ #facility-spotlight { margin-bottom:3em;} #facility-spotlight h2 { margin-bottom:1em;} /* ---------------------------------------------------------- 08. BUZZ ---------------------------------------------------------- */ div.article { background:url(../images/bg_highlights.jpg) repeat-x; font-size:0.9em; line-height:1.5em; margin:2.5em 0 0 -45px; overflow:hidden; padding:25px 45px 0; width:560px; } div.first { background:none; margin-top:0; padding-top:0;} div.article h2 { font-size:2em; margin-top:0;} div.article div { margin-top:15px; overflow:hidden; padding-bottom:5px;} div.article div.rounded { margin-top:0; margin-right:20px; overflow:visible; padding:0;} div.article div h3 { font-size:1.3em; font-family:Arial, Helvetica, Verdana, sans-serif; font-weight:normal; line-height:1.4em; margin-bottom:0.1em; } div.article div h3.date { color:#666; margin-bottom:0;} div.article div.summary { margin:0 0 0.5em; width:385px; } div.article div.nophoto { margin:0; width:550px; } div.article div.summary p { margin-bottom:0;} div.article li { margin-right:5px;} div.article p.more-links { margin-top:1.5em;} #disclaimer { border-top:1px dotted #ccc; font-size:0.9em; line-height:1.5em; margin-top:3em; padding-top:1.5em;} #disclaimer h3 { color:#666; display:inline; font-size:1em; text-transform:uppercase; } body.archive div.article { background:none; margin-top:2.5em; padding-top:0;} #company #sidebar div.generic { display:none;} #tagcloud { margin-top:-1em;} #tagcloud span { margin-right:10px; } #tagcloud span.size1 { font-size:2.2em;} #tagcloud span.size2 { font-size:2em; } #tagcloud span.size3 { font-size:1.8em;} #tagcloud span.size4 { font-size:1.6em; } #tagcloud span.size5 { font-size:1.4em; } #tagcloud span.size6 { font-size:1.2em; } #tagcloud span.size7 { font-size:1em; } #tagcloud span.size4 a, #tagcloud span.size5 a, #tagcloud span.size6 a, #tagcloud span.size7 a { font-weight:normal;} #tagcloud span a { border:0; } #tagcloud span a:hover { border-bottom:1px dotted #000; } /* INDUSTRY INSIGHT */ body.insight div.first { background:none; margin-top:0; padding-top:0;} body.insight div.first h2 { font-size:2em; margin-top:0; } div.articlegroup { background:url(../images/bg_highlights.jpg) repeat-x; font-size:0.9em; line-height:1.5em; margin:2.5em 0 0 -45px; overflow:hidden; padding:25px 45px 0; width:560px; } div.articlegroup #featured { font-size:1.1em;} div.articlegroup #featured h3 { margin-bottom:0.5em;} div.articlegroup #featured.article { border:0; padding:0;} div.articlegroup div.article { background:none; border-bottom:1px dotted #ccc; font-size:1em; margin:15px 0 0 0; overflow:hidden; padding:0 0 1em; width:auto;} div.articlegroup div.article ul.tags { margin-top:1em;} div.footnotes { font-size:0.9em; } div.footnotes p { margin-bottom:0.9em;} table#media-evolution { font-size:11px;} table#media-evolution th, table#media-evolution td { border:1px solid #ccc; padding:10px 20px; vertical-align:top;} table#media-evolution td li { line-height:1.4em;} table#media-evolution h3 { line-height:1.3em;} table#media-evolution th { background:#303030; color:#fff; font-size:14px; font-weight:bold;} table#media-evolution td.alt { background:#f0f0f0 } /* SPEAKER'S BUREAU */ h2.section { background:url(../images/bg_highlights.jpg) repeat-x; margin:0 0 1em -45px; padding:25px 45px 0; width:560px; } h2.date { color:#769B10; margin:-0.2em 0 1em;} div.event { border-bottom:1px dotted #ccc; font-size:0.9em; line-height:1.5em; margin-bottom:1.4em; overflow:hidden; padding-bottom:0.5em;} div.event h3.date { color:#333; font-weight:normal; margin:-0.2em 0 0.75em;} div.event h3.date span { padding-left:0.75em;} div.event div.summary { margin:0 0 0.5em; width:385px; } div.event div.nophoto { margin:0; width:550px; } div.award div h3 { font-weight:bold;} /* SHARETHIS CONTAINER */ .sharethis-container { margin-bottom: 20px;} .sharethis-container a { text-decoration: none; border-bottom-width:0px; } /* ---------------------------------------------------------- 09. LEGAL: PRIVACY POLICY, TERMS, ETC ---------------------------------------------------------- */ #generic #content-main { border:0; width:850px} #generic h2 { font-size:1.3em;} #generic p#date { color:#666; text-transform:uppercase;} #generic ul.bullet { margin:0 0 1.5em 4em; } /* ORDERED LISTS */ #generic ol ol { list-style-type:upper-alpha; margin:0 0 1.5em 1.5em; } #generic ol ol li { margin-bottom:0.5em;} #generic ol ol ol { list-style-type:decimal; margin:0.5em 0 0.5em 1.5em; } /* ---------------------------------------------------------- 10. CONTACT ---------------------------------------------------------- */ #contact #contact-info { background:#3E3E3E; color:#fff; font-size:1.1em; line-height:1.6em; margin-bottom:3em; padding:0 20px 20px; position:relative; width:200px; } #contact #contact-info h2 { background:url(../images/corner_flap.gif) no-repeat right top; color:#9ECF16; height:40px; padding-top:20px; position:absolute; left:20px top:0; width:220px;} #contact #contact-info a { border-bottom:1px dotted #999; color:#fff; font-weight:bold;} #contact #contact-info a:hover { color:#9ECF16; } #contact #contact-info ul { padding-top:45px;} #contact #contact-info li#fax, #contact #contact-info li#map { margin-bottom:1em;} /* ---------------------------------------------------------- 11. DOWNLOADS ---------------------------------------------------------- */ #downloads dt { margin-top:2.5em;} #downloads ul.files { margin-top:2em;} #downloads ul.downloaditem { overflow: auto; width: 100%;} #downloads ul.downloaditem li { display:inline; float:left; margin:0; overflow:hidden; padding:10px; width:260px; } #downloads ul.downloaditem li:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#F1F1F1 none repeat scroll 0 0; cursor:pointer; } #downloads ul.downloaditem li img { max-width:75px; } #downloads ul.downloaditem li div { float:left; width: 160px; margin-right:0px; } #downloads ul.downloaditem li.first { clear:left; } /* #downloads ul.downloaditem li.first div { margin-right:40px; } */ #downloads ul.downloaditem h3 { font-size:1em; line-height:1.4em;} /* ---------------------------------------------------------- 12. SUBSCRIBE ---------------------------------------------------------- */ #subscribe #sidebar li { margin-bottom:1em;} #subscribe #sidebar strong { display:block;} ul#rss li { background:url(../images/icons.gif) no-repeat 0 -100px; line-height:20px; margin-bottom:1.25em; padding-left:25px; } ul#rss li h2 { margin:0 0 0.2em } ul#rss li span { color:#666; display:block; } /* ---------------------------------------------------------- 13. PHOTO GALLERIES ---------------------------------------------------------- */ #photo-gallery { background:#DEDFE0; margin:2em 0 3em; text-align:center; width:560px;} div.pika_main { height:355px; line-height:0; padding:5px; width:550px; } #photo-gallery ul { padding:5px 10px; margin:0 auto; overflow:hidden; width:auto; } #photo-gallery ul li{ display:inline; float:left; margin:0 5px 5px 0; } #photo-gallery ul li a:hover { border-bottom:0; margin:0 auto; position:relative;} #photo-gallery ul li img { position:relative; cursor:pointer;} .pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;} /* ---------------------------------------------------------- 14. PROJECT DETAILS ---------------------------------------------------------- */ #project { margin-top:2em; overflow:hidden; width:900px;} #project #video { float:left; display:inline; width:560px;} #project #details { margin-left:2em; width:225px;} /* ---------------------------------------------------------- 15. FORMS ---------------------------------------------------------- */ form { border:0;} label { float:left; font-weight:bold; line-height:1.4em; width:120px;} input.textfield, textarea { background:#E7E7E7; border:2px solid #B2B2B2; border-width:2px 0 0 2px;} input, textarea, select, option { color:#000; font:1em Arial, Helvetica, Verdana, sans-serif;} span.required { color:#769B10 } form div { margin-bottom:20px;} /* GLOBAL SEARCH */ #search { position:absolute; right:45px; top:10px; width:187px;} #search #search-query { background:#DEDFE0; border:0; height:12px; padding:5px; width:150px; vertical-align:middle;} #search input.btn { background:url(../images/btn_search.gif); border:0; cursor:pointer; height:22px; margin:0 0 0 -3px; vertical-align:middle; width:26px;} #searchresults ul.bullet li { margin-bottom:0.75em;} /* ROUNDED BUTTONS */ a.rounded, .button { border:none; cursor:pointer; color:#fff; display:-moz-inline-box; display:inline-block; font-weight:normal; outline:none; text-decoration:none; vertical-align:middle; white-space:nowrap;} .button { background-color:#769B10; color:#fff; font-size:13px; padding:6px 15px; text-transform:lowercase; } .button:hover { background-color:#567C08; color:#fff; } /* FACILITIES SEARCH */ #sidebar form#search-facilities { margin-bottom:4em; } form#search-facilities .newListSelected { width:175px;} form#search-facilities .selectedTxt { width:175px;} form#search-facilities ul.newList { width:180px;} /* SIDEBAR FACILITIES & CONTACTS SEARCHES */ #sidebar form fieldset.submit { border-top:1px solid #D3D3D3; margin-top:1em; width:180px; } #sidebar form .newListSelected { width:175px;} #sidebar form .selectedTxt { width:175px;} #sidebar form ul.newList { width:180px;} #sidebar input.textfield { border:0; padding:6px 6px; width:168px;} /* SELECT MENUS */ ul.newList { background:#E7E7E7; cursor:pointer; display:none; border:1px solid #ccc; height:200px; top:22px; left:0; overflow:auto; position:absolute; z-index:9999;} .newListSelected { background:#E7E7E7 url(../images/bg_selectmenu.gif) no-repeat right top; /*float:left;*/ height:19px; margin-bottom:0.75em; padding:3px 0 0 6px; z-index:9999;} .newListSelected:hover { background:#ccc url(../images/bg_selectmenu.gif) no-repeat bottom right; } .newListSelected span { display:block;} ul.newList li { padding:3px 8px; } .selectedTxt {overflow:hidden; height:16px; padding:0 23px 0 0;} .hiLite {background:#567C08!important; color:#fff!important;} .newListHover {background:#ccc!important; color:#000!important; cursor:default;} .newListSelHover {cursor:default;} /* CONTACT FORM */ fieldset.submit { border-top:1px dotted #D3D3D3; padding-top:1em; } fieldset.submit p { float:left; line-height:3em; width:200px;} #general-inquiry fieldset.submit a { float:right; text-align:right;} #contact p.intro { background:none; padding-bottom:20px;} #general-inquiry input.textfield, #general-inquiry textarea { margin-top:-5px; padding:8px; width:420px;} #captcha-check { margin-bottom:0 } #captcha-check input { width:312px !important; margin-top:0px !important; margin-left:15px; position: relative !important; top: -11px !important; } #captcha-check img { margin-top:0px !important; } #captcha-check p.clear {text-transform:none; padding-left: 120px; border: solid 0px #f00; position: relative !important; top: -10px !important; width: 200px;} /* LEAD GENERATION IFRAME FORM */ #leadgen #wrapper { background-image:none; } #leadgen #wrapper #content { width: 600px; padding-bottom:0px;} #leadgen #content-main { border-right-width:0px; padding: 10px 10px 0px 10px; margin-bottom: 0px;} #leadgen #content-main h1 { margin-bottom:.1em;} #leadgen #content-main .intro { background-image:none; padding-bottom: 5px;} /* #leadgen form .button { width:120px; text-align:center !important; }*/ #leadgen form #mailoptin { margin-left:0px; } #leadgen form textarea { overflow: auto; height:100px;} #leadgen form .clear { clear: left; } #leadgen form .half { float:left; } #leadgen form .half input { width:131px; margin-right: 20px; } #leadgen form .half input#lastname { margin-right: 0px; } #leadgen form .half label#label-lastname { text-align:center; } /* ---------------------------------------------------------- 16. SOCIAL MEDIA SIDEBAR ---------------------------------------------------------- */ #social.highlights ul li { background:url(../images/social/icons-tabs.gif) no-repeat; border:1px solid transparent; padding:3px 0 4px 32px; } #social.highlights li#mailinglist { background-position:0 -450px; } #social.highlights li#twitter { background-position:0 -25px; } #social.highlights li#facebook { background-position:0 -100px; } #social.highlights li#youtube { background-position:0 -175px; } #social.highlights li#linkedin { background-position:0 -250px; } #social.highlights li#wikipedia { background-position:0 -400px; }