/* main.css Global Stylesheet Created: Nov. 5, 2008 Creator: Matt Kircher Pixels to Ems ----------------------------------- PX EM PX EM 10 0.625 21 1.313 11 0.689 22 1.375 12 0.750 23 1.438 14 0.875 24 1.500 15 0.938 25 1.563 16 1.000 26 1.625 17 1.064 27 1.688 18 1.125 28 1.750 19 1.188 29 1.813 20 1.250 30 1.875 */ /*--Imports --------------------------------------------------------*/ @import url("css_reset.css"); @import url("clearing.css"); @import url("forms.css"); @import url("thickbox.css"); /*--General --------------------------------------------------------*/ body{ font-family:Arial, Helvetica, sans-serif; font-size:1em; text-align:center; color:#636363; background:url(../images/body_bg.gif) top left repeat-x #FFF; } a{ color:#E98F25; font-weight:bold; text-decoration:none; } a:hover{} h1{ font-size:1.75em; } h2{ font-size:1.625em; } h3{ font-size:1.125em; } h4{ font-size:1em; } h5{ font-size:0.75em; } h6{ font-size:0.689em; } h1, h2, h3, h4, h5, h6{ font-weight:bold; color:#1286BA; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#1286BA; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color:#E98F25; } hr{ color:#D7D7D7; background-color:#D7D7D7; border:none; height:1px; margin:25px 0px; } small{ font:0.833em Arial, Helvetica, sans-serif !important; color:#636363; } /*--Classes --------------------------------------------------------*/ /*colors*/ /*general elements*/ .clear_block{ clear:both !important; height:1px !important; } .intro-copy{ font-size:1.1em; line-height:1.6em; } ul.bulleted{ list-style:disc; padding-left:18px;} ul.bulleted li{ margin-bottom:12px; } p.fancy_button{ height:24px; } p.fancy_button a{ display:block; float:left; background:url(../images/fancy_button_bg.jpg) top left repeat-x #F7941D; color:#FFF !important; padding:2px 10px; text-transform:capitalize; font-size:11px !important; } p.phocuswright_link{ font-size:0.625em !important; } p.phocuswright_link img{ position:relative; top:4px; } h1.muted, h2.muted, h3.muted, h4.muted, h5.muted, h6.muted{ color:#636363; } .chart_img{ padding:25px 0px !important; } .chart_img a{} .chart_img a img{ border:1px solid #A6C5BD; } .chart_img cite{ display:block; font-size:smaller; } .reports_listing li{ padding-left:45px; min-height:40px; background:url(../images/icon_reports.jpg) top left no-repeat; } /*IE6*/ * html .reports_listing li{ height:40px; } .title_header{ letter-spacing:0.15em; text-transform:uppercase; font-weight:normal; margin-bottom:30px !important; } /*grids*/ ._2column{} div.left{ float:left; width:45%; margin-right:3%; } div.right{ float:right; width:45%; } /*--Wrap --------------------------------------------------------*/ #wrap{ text-align:left; margin:auto; width:994px; background:url(../images/wrap_bg.png) top left repeat-y; } /* IE6 */ * html #wrap{ background:url(../images/wrap_bg.gif) top left repeat-y; } /*--Header --------------------------------------------------------*/ #header{ margin:0px 22px; height:108px; background-color:#FFF; } /*(logo)*/ #logo{} #logo h1 a{ display:block; position:relative; left:25px; top:0px; width:310px; height:105px; background:url(../images/logo.jpg) 35px 30px no-repeat; overflow:hidden; text-indent:-1000000px; } #logo h2{ display:none; } /*(all navigations)*/ #functional-nav ul, #main-nav ul, #sub-nav ul, #footer-nav ul{} #functional-nav li, #main-nav li, #sub-nav li, #footer-nav li{} /*(functional-nav)*/ #functional-nav{ float:right; position:relative; margin-bottom:-19px; top:-120px; margin-right:22px; } #functional-nav ul{} #functional-nav ul li{ float:left; margin-right:30px; } #functional-nav ul li.end_nav{} #functional-nav ul li a{ display:block; overflow:hidden; text-indent:-10000px; height:8px; background-image:url(../images/functional_nav_buttons.jpg); background-repeat:no-repeat; } #functional-nav ul li a:hover, #functional-nav ul li.selected a{} #functional-nav a.functional_nav_home{ width:35px; background-position:0px 0px; } #functional-nav a.functional_nav_partnerships{ width:83px; background-position:0px -8px; } #functional-nav a.functional_nav_sitemap{ width:49px; background-position:0px -16px; } #functional-nav a.functional_nav_blog{ width:29px; background-position:0px -24px; } #functional-nav a.functional_nav_home:hover, #functional-nav li.selected a.functional_nav_home{ width:35px; background-position:-83px 0px; } #functional-nav a.functional_nav_partnerships:hover, #functional-nav li.selected a.functional_nav_partnerships{ width:83px; background-position:-83px -8px; } #functional-nav a.functional_nav_sitemap:hover, #functional-nav li.selected a.functional_nav_sitemap{ width:49px; background-position:-83px -16px; } #functional-nav a.functional_nav_blog:hover, #functional-nav li.selected a.functional_nav_blog{ width:29px; background-position:-83px -24px; } /*(main-nav)*/ #main-nav{ margin:0px 22px; background:url(../images/main_nav_bg.jpg) top left repeat-x #01125D; } #main-nav ul{ height:28px; margin-left:50px; overflow:hidden; } #main-nav ul li{ float:left; } #main-nav ul li a{ display:block; overflow:hidden; text-indent:-10000px; height:32px; background-image:url(../images/main_nav_buttons.jpg); background-repeat:no-repeat; border-right:1px solid #297EBB; } #main-nav ul li a:hover, #main-nav ul li.selected a{} #main-nav ul li.end_nav a{ border-right:none; } #main-nav a.main_nav_about{ width:98px; background-position:0px 0px; } #main-nav a.main_nav_solutions{ width:133px; background-position:0px -32px; } #main-nav a.main_nav_insight{ width:108px; background-position:0px -64px; } #main-nav a.main_nav_news{ width:138px; background-position:0px -96px; } #main-nav a.main_nav_contact{ width:109px; background-position:0px -128px; } #main-nav a.main_nav_about:hover, #main-nav li.selected a.main_nav_about{ background-position:-162px 0px; } #main-nav a.main_nav_solutions:hover, #main-nav li.selected a.main_nav_solutions{ background-position:-162px -32px; } #main-nav a.main_nav_insight:hover, #main-nav li.selected a.main_nav_insight{ background-position:-162px -64px; } #main-nav a.main_nav_news:hover, #main-nav li.selected a.main_nav_news{ background-position:-162px -96px; } #main-nav a.main_nav_contact:hover, #main-nav li.selected a.main_nav_contact{ background-position:-162px -128px; } /*(sub-nav)*/ #sub-nav{ margin-bottom:40px; } #sub-nav ul{} #sub-nav ul li{ border-top:1px solid #D7D7D7; padding:5px 0px 5px 10px; line-height:1.3em !important; } #sub-nav ul li.end_nav{ border-bottom:1px solid #D7D7D7; } #sub-nav ul li a{ font-size:1em !important; font-weight:bold !important; color:#E98F25; } #sub-nav ul li a:hover, #sub-nav ul li.selected a{ color:#00285D; } #sub-nav ul li ul{ margin-top:12px; } #sub-nav ul li ul li{ border:none !important; padding:0px 0px 0px 12px; background:url(../images/sub_nav_3rd_tier_bullet.gif) 0px 5px no-repeat; margin-bottom:6px !important; font-size:1em; } #sub-nav ul li ul li.end_nav{} #sub-nav ul li ul li a, #sub-nav ul li.selected ul li a{ font-size:1em !important; color:#1286BA !important; font-weight:normal !important; } #sub-nav ul li ul li a:hover, #sub-nav ul li ul li.selected a{ color:#00285D !important; font-weight:bold !important; } #sub-nav ul.news-nav li{ line-height:2em !important; } /*(masthead)*/ #masthead{ position:relative; left:0px; width:994px; height:145px; } #masthead #left_flap, #masthead #right_flap{ position:relative; top:145px; width:22px; height:17px; background-image:url(../images/masthead_flaps.png); background-repeat:no-repeat; } #masthead #left_flap{ float:left; background-position:0px 0px; } #masthead #right_flap{ float:right; background-position:-21px 0px; } #wrap div.index, #wrap div.site{ background:url(../images/mastheads/masthead_home.jpg) top left no-repeat #1A32BA; } #wrap div.about{ background:url(../images/mastheads/masthead_home.jpg) top left no-repeat #1A32BA; } #wrap div.solutions, #wrap div.partnerships{ background:url(../images/mastheads/masthead_solutions.jpg) top left no-repeat #1A32BA; } #wrap div.insight{ background:url(../images/mastheads/masthead_insight.jpg) top left no-repeat #1A32BA; } #wrap div.news{ background:url(../images/mastheads/masthead_news.jpg) top left no-repeat #1A32BA; } #wrap div.contact{ background:url(../images/mastheads/masthead_contact.jpg) top left no-repeat #1A32BA; } /*--Content --------------------------------------------------------*/ #content{ margin:0px 22px; padding:20px 45px 40px 57px; background:url(../images/content_bg.jpg) top left repeat-x #FFF; min-height:350px; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content ul{ margin:8px 0px; } #content p, #content ul{ font-size:0.75em; line-height:1.6em; } #content ul p, #content ol p{ font-size:1em; } #content ul ul, #content ol ul{ font-size:1em; } #content ul ol, #content ol ol{ font-size:1em; } #content ul h1, #content ol h1{ font-size:2.33em; } #content ul h2, #content ol h2{ font-size:2.16em; } #content ul h3, #content ol h3{ font-size:1.9em; } #content ul h4, #content ol h4{ font-size:1.416em; } #content ul h5, #content ol h5{ font-size:1em; } #content ul h6, #content ol h6{ font-size:0.916em; } /*(main-content)*/ #main-content{ width:575px; float:right; } .subpage #main-content{ width:650px; float:right; } .subpage .half_page .left{ width:415px; margin-right:5px !important; background:url(../images/main_content_top_bg.jpg) top left repeat-x; padding:20px 10px 0px; position:relative; top:-20px; } .subpage .full_page{ width:555px; background:url(../images/main_content_top_bg.jpg) top left repeat-x; padding:20px 10px 0px; position:relative; top:-20px; } .subpage .half_page .right{ width:185px; margin-right:0px; } /*(side-content)*/ #side-content{} #side-content .module{} #side-content .module p.fancy_button a{ float:right !important; margin-right:12px; } /*(sub-content)*/ #sub-content{ width:195px; float:left; } .subpage #sub-content{ width:165px; float:left; } .subpage #side-content p.phocuswright_link{ padding-top:50px; top:0px !important; } /*(modules)*/ .home #module-gallery{ margin-top:25px; } #module-gallery div.left{ margin-right:0% !important; } /*news (home lefthand side)*/ .home .feed_loading{ margin-top:125px; padding-top:20px; background:url(../images/loadingAnimation.gif) top center no-repeat; text-align:center; font-size:11px; font-weight:bold; } .home .module-news{ background-color:#EBF7FD; padding:15px; min-height:350px; } .home .module-news h3{ background:url(../images/content/header_hc_blog.jpg) top left no-repeat; overflow:hidden; text-indent:-100000px; height:11px; } .home .module-news ul{ margin-bottom:20px; } .home .module-news li{ color:#00285D; margin-bottom:12px; font-size:.9em !important; } .home .module-news li a{ display:block; line-height:1.4em !important; } /*clients (home lefthand side)*/ /*.home .module-clients{ background-color:#C7E8F9; height:102px; padding:15px 20px; margin-top:10px; }*/ .home .module-client-box .module-clients{ height:auto; padding:0px 20px; margin-top:10px; } .home .module-clients h3{ background:url(../images/content/header_clients.jpg) top left no-repeat; overflow:hidden; text-indent:-100000px; height:11px; } /*.home .module-clients ul{ margin-top:0px !important; }*/ .home .module-clients ul{ margin-top:15px !important; } /*#client_viewer ul{ margin-left:20px; }*/ #client_viewer ul{ margin-left:0px; } #client_viewer li{ display:none; position:relative; } #client_viewer a{ cursor:default; } .home .module-clients li a{ display:block; overflow:hidden; text-indent:-100000px; height:75px; width:200px; background-color:#F1FAE1 !important; } .home .module-clients li a.client_aaa{ background:url(../images/content/client_aaa.png) top center no-repeat transparent; } .home .module-clients li a.client_capital1{ background:url(../images/content/client_capital1.png) top center no-repeat transparent; } .home .module-clients li a.client_genstar{ background:url(../images/content/client_genstar.png) top center no-repeat transparent; } .home .module-clients li a.client_gozaic{ background:url(../images/content/client_gozaic.png) top center no-repeat transparent; } .home .module-clients li a.client_lakeview{ background:url(../images/content/client_lakeview.png) top center no-repeat transparent; } .home .module-clients li a.client_travel_tech{ background:url(../images/content/client_travel_tech.png) top center no-repeat transparent; } .home .module-clients li a.client_tv_trip{ background:url(../images/content/client_tv_trip.png) top center no-repeat transparent; } .home .module-clients li a.client_where{ background:url(../images/content/client_where.png) top center no-repeat transparent; } .home .module-clients li a.client_gta{ background:url(../images/content/client_gta.png) top center no-repeat transparent; } .home .module-clients li a.client_trust{ background:url(../images/content/client_trust.png) top center no-repeat transparent; } .home .module-clients li a.client_morris{ background:url(../images/content/client_morris.png) top center no-repeat; } .home .module-clients li a.client_q_capital{ background:url(../images/content/client_q_capital.png) top center no-repeat transparent; } .home .module-clients li a.client_travelzoo{ background:url(../images/content/client_travelzoo.png) top center no-repeat transparent; } .home .module-clients li a.client_fly{ background:url(../images/content/client_fly_com.png) top center no-repeat; } .home .module-clients li a.client_ourexplorer{ background:url(../images/content/client_ourexplorer.png) top center no-repeat transparent; } .home .module-clients li a.client_resortquest{ background:url(../images/content/client_resortquest.png) top center no-repeat transparent; } .home .module-clients li a.client_vrma{ background:url(../images/content/client_vrma.png) top center no-repeat transparent; } /* case studies / insights */ .home .module-casestudy, .home .module-insight, .home .module-news-box, .home .module-client-box{ width:250px; background:url(../images/striped_box_middle_home.jpg) 0px 19px repeat-y; padding:19px 15px 15px 15px; } .home .module-casestudy .top, .home .module-insight .top, .home .module-news-box .top, .home .module-client-box .top{ position:relative; width:280px; height:19px; left:-15px; top:-19px; margin-bottom:-19px; margin-right:-280px; background:url(../images/striped_box_top_home.jpg) top left no-repeat; } .home .module-casestudy .bottom, .home .module-insight .bottom, .home .module-news-box .bottom, .home .module-client-box .bottom{ position:relative; width:280px; height:15px; left:-15px; top:15px; margin-bottom:-15px; margin-right:-280px; background:url(../images/striped_box_bottom_home.jpg) bottom left no-repeat; } /* IE6 */ * html .home .module-casestudy{ width:250px; background:url(../images/striped_box_middle_home.jpg) 0px 19px repeat-y; padding:19px 15px 15px 15px; } * html .home .module-insight{ width:250px; background:url(../images/striped_box_middle_home.jpg) 0px 19px repeat-y; padding:19px 15px 15px 15px; } * html .home .module-client-box, * html .home .module-news-box{ width:250px; background:url(../images/striped_box_middle_home.jpg) 0px 19px repeat-y; padding:19px 15px 15px 15px; } * html .home .module-casestudy img{ margin-right:-250px; } * html .home .module-insight img{ margin-right:-250px; } * html .home .module-client-box img, * html .home .module-news-box img{ margin-right:-250px; } .home .module-casestudy h3{ background:url(../images/content/header_featured_cs.jpg) top left no-repeat; overflow:hidden; text-indent:-100000px; height:11px; } .home .module-insight h3{ background:url(../images/content/header_featured_insight.jpg) top left no-repeat; overflow:hidden; text-indent:-100000px; height:11px; } .home .module-news-box h3{ background:url(../images/content/header_featured_in_the_news.jpg) top left no-repeat; overflow:hidden; text-indent:-100000px; height:11px; } .home .module-client-box h3{ background:url(../images/content/header_featured_clients.jpg) top left no-repeat; overflow:hidden; text-indent:-100000px; height:11px; } .home .module-casestudy h4, .home .module-insight h4, .home .module-news-box h4, .home .module-client-box h4{ font-size:0.75em; color:#00285D !important; padding-bottom:10px; line-height:1.4em; } /*.home .module-insight h4, .home .module-news-box h4, .home .module-client-box h4{ min-height:35px; }*/ .home .module-casestudy p, .home .module-insight p, .home .module-client-box p{ font-size:0.689em !important; } .subpage .module-casestudy, .subpage .module-insight{ width:152px; background:url(../images/striped_box_middle_subpage.jpg) 0px 19px repeat-y; padding:19px 8px 15px 15px; } .subpage .module-casestudy .top, .subpage .module-insight .top{ position:relative; width:175px; height:19px; left:-15px; top:-19px; margin-bottom:-19px; margin-right:-175px; background:url(../images/striped_box_top_subpage.jpg) top left no-repeat; } .subpage .module-casestudy .bottom, .subpage .module-insight .bottom{ position:relative; width:175px; height:15px; left:-15px; top:15px; margin-bottom:-15px; margin-right:-175px; background:url(../images/striped_box_bottom_subpage.jpg) bottom left no-repeat; } .subpage .module-casestudy h3{ background:url(../images/content/header_featured_cs_subpage.jpg) top left no-repeat; overflow:hidden; text-indent:-100000px; height:9px; } .subpage .module-insight h3{ background:url(../images/content/header_featured_insight_subpage.jpg) top left no-repeat; overflow:hidden; text-indent:-100000px; height:9px; } .subpage .module-casestudy h4, .subpage .module-insight h4{ font-size:0.689em; color:#00285D !important; } .subpage .module-casestudy p, .subpage .module-insight p{ font-size:0.625em !important; line-height:1.5em !important; } /* contact us */ .subpage .module-contact{ width:152px; background:url(../images/striped_box_dark_middle_subpage.jpg) 0px 19px repeat-y; padding:19px 8px 15px 15px; } .subpage .module-contact .top{ position:relative; width:175px; height:19px; left:-15px; top:-19px; margin-bottom:-19px; margin-right:-175px; background:url(../images/striped_box_dark_top_subpage.jpg) top left no-repeat; } .subpage .module-contact .bottom{ position:relative; width:175px; height:15px; left:-15px; top:15px; margin-bottom:-15px; margin-right:-175px; background:url(../images/striped_box_dark_bottom_subpage.jpg) bottom left no-repeat; } .subpage .module-contact h3{ background:url(../images/content/header_contact_us.jpg) top left no-repeat; overflow:hidden; text-indent:-100000px; height:11px; } .subpage .module-contact h4{ font-size:0.689em; color:#00285D !important; } .subpage .module-contact p{ font-size:0.625em !important; line-height:1.5em !important; } /*(elements)*/ /* bio headers */ #bio-header{ height:125px; padding-top:10px; position:relative; top:-10px; } #bio-header h3{ padding-left:12px; } #bio-header h3.title_header{ margin-bottom:0px !important; } #bio-header h4{ color:#636363 !important; font-size:12px; text-transform:uppercase; letter-spacing:0.15em; border-bottom:1px solid #D7D7D7; height:45px; padding-left:12px; } #bio-header ul{ border-bottom:1px solid #D7D7D7; height:18px; padding:5px 0px 5px 12px; } #bio-header ul li{ float:left; } #bio-header ul li.email{ margin-right:20px; } #bio-header ul li.phone{ } /* IE7 */ * + html #bio-header{ top:0px; } * + html #bio-header h4{ height:53px; } /* IE6 */ * html #bio-header{ top:0px; } * html #bio-header h4{ height:53px; } .mccormick{ background:url(../images/content/partner_bioshot_mccormick.gif) top right no-repeat; } .botts{ background:url(../images/content/partner_bioshot_botts.gif) top right no-repeat; } .hermo{ background:url(../images/content/partner_bioshot_hermo.gif) top right no-repeat; } .roukas{ background:url(../images/content/partner_bioshot_roukas.gif) top right no-repeat; } .silver{ background:url(../images/content/partner_bioshot_silver.gif) top right no-repeat; } .christopoul{ background:url(../images/content/partner_bioshot_christopoul.gif) top right no-repeat; } /* charts */ #marketing_chart, #longroad_chart{ border:none !important; } #longroad_chart{ height:1003px; width:608px; background:url(../images/content/chart_longroad.jpg) top left no-repeat; } #longroad_chart h4{ display:none; } #longroad_chart img{ position:relative; z-index:10; } #longroad_chart ul{ float:left; position:relative; z-index:20; } #longroad_chart ul li{ position:relative; float:left; width:160px; height:170px; margin-right:-160px !important; margin-bottom:-170px !important; } #longroad_chart li.chart_mccormick{ top:85px; left:0px; } #longroad_chart li.chart_roukas{ top:85px; left:220px; } #longroad_chart li.chart_hermo{ top:85px; left:445px; } #longroad_chart li.chart_silver{ top:830px; left:0px; } #longroad_chart li.chart_botts{ top:830px; left:215px; } #longroad_chart li.chart_christopoul{ top:830px; left:440px; } #longroad_chart ul li a{ display:block; width:160px; height:170px; position:relative; overflow:hidden; text-indent:-100000px; } /* news */ .pager, .top_page{ border-bottom:1px solid #D7D7D7; border-top:1px solid #D7D7D7; padding:5px 0px; font-size:0.9em; } .pager b{ margin-right:10px; } .pager a{ margin:0px 3px; } .pager a.active{ color:#1286BA; text-decoration:underline; } #news-listing{} #news-listing li.news_item{ margin-bottom:15px; } #news-listing li.news_item h5{ margin-bottom:0px !important; } #news-listing li.news_item h5 sup{ color:#00285D; font-size:0.9em; } /* sitemap */ #sitemap{} #sitemap ul li{ margin-left:20px; font-size:14px; } #sitemap ul li a{ color:#1286BA; } #sitemap ul li ul{ margin-top:4px !important; } #sitemap ul li ul li{ padding-left:0px; background:none; font-size:12px; } #sitemap ul li ul li a{ color:#E98F25; } #sitemap ul li ul li ul li{ padding:0px 0px 0px 12px; background:url(../images/sub_nav_3rd_tier_bullet.gif) 0px 8px no-repeat; } /*IE6*/ * html #sitemap ul li ul li ul li{ height:1px; } /* contact info */ .contact-info{ font-weight:bold; margin-top:12px; } .contact-info .org{ color:#00285D; margin-bottom:12px; font-size:0.75em; } .contact-info .adr{ margin-bottom:15px; font-size:0.689em; line-height:1.5em; } .contact-info .apt, .contact-info .country-name{ display:block; } .contact-info .tel, .contact-info .email a{ font-size:0.689em; } .contact-info .email{ margin-top:14px; padding-top:15px; border-top:1px solid #D7D7D7; } /*--Footer --------------------------------------------------------*/ #footer{ clear:both; margin:0px 22px; padding:20px 0px 20px 57px; background-color:#FFF; } /*(footer-nav)*/ #footer-nav{ height:38px; } #footer-nav ul{ clear:left; margin-left:275px; } #footer-nav ul + ul{ margin-left:330px; } #footer-nav ul li{ float:left; margin-right:12px; padding-right:13px; background:url(../images/footer_nav_pipe.jpg) right 80% no-repeat; } #footer-nav ul li.end_nav{ background:none; padding-right:0px; margin-right:0px; } #footer-nav ul li a{ font-size:0.625em; color:#1286BA; } #footer-nav ul li a:hover, #footer-nav ul li.selected a{} .subpage #footer-nav ul{ margin-left:240px; } .subpage #footer-nav ul + ul{ margin-left:350px; } /*--Gutter --------------------------------------------------------*/ #gutter{ clear:both; background:url(../images/footer_bg.jpg) top left no-repeat #FFF; padding:20px 0px; } #copyright{ text-align:center; font-size:0.5625em; } #designed-by{}