body{ font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../images/bg.png) #000 repeat-x; background-attachment:fixed; } p{ line-height: 1.4em; } em{ font-style:italic; } .trebuchet{ font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important; } /*** LAYOUT ***/ #container{ width: 864px; margin: 0 auto; margin-top: 32px; } #top_nav_panel{ height: 28px; background: #313131; } #main_nav_panel{ height: 46px; background:url(../images/main_nav_back.png) repeat-x; } #footer{ background:url(../images/footer_back.png) #404040 repeat-x; } /*** FORMS ***/ label{ font-size: 12px; font-weight: normal; display:block; margin-bottom: 5px; padding-bottom: 3px; width: 400px; color: #888; } label span{ color: #FF0000; } label span.cursiva{ color: #888; font-style:italic; font-size: 10px; } label.error{ color: #FF0000; margin-bottom: 6px; margin-top: 0px; } .middleColumn input.text, .middleColumn textarea, .textfield{ margin-bottom: 14px; border: 1px solid #e8e8e8; width: 350px; padding: 2px; font-size: 12px; color: #888; } .selectfield{ margin-bottom: 14px; border: 1px solid #e8e8e8; width: 150px; padding: 2px; font-size: 12px; color: #888; } #Remember label{ display:inline; width:auto; float:none !important; } #content form{ margin-bottom: 20px; } .form_list li{ padding: 12px 35px 10px 230px; } .form_list li label{ width: 380px; } .form_list li label.inline{ width:auto; display:inline; margin-right: 30px; } .form_list li input.text, .form_list li textarea, .form_list li .textfield, .selectfield{ margin-bottom: 5px; } .even_row{ background:#f1f1f1; } p.centered{ margin-left: 230px; margin-right: 120px; } span.required{ color:#FF0000; margin: -8px 0 15px 0; float:left; font-size: 11px; padding-bottom: 3px; } span.validation{ color:#FF0000; margin: -8px 0 15px 0; float:left; font-size: 11px; padding-bottom: 3px; } #Form_Form_action_process{ display:block; border: 0px; text-indent: -999em; background:url(../images/btn_send.png) no-repeat; height: 24px; width: 79px; cursor: pointer; margin-left: 277px; } #Form_Form_action_process:hover, #MemberLoginForm_LoginForm_action_dologin:hover, #MemberLoginForm_LoginForm_action_forgotPassword:hover{ -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; } #MemberLoginForm_LoginForm_action_dologin{ display:block; float:left; border: 0px; text-indent: -999em; background:url(../images/btn_log_in.png) no-repeat; height: 24px; width: 84px; cursor: pointer; margin-left: 82px; margin-right: 15px; } #MemberLoginForm_LoginForm_action_forgotPassword{ display:block; float:left; border: 0px; text-indent: -999em; background:url(../images/btn_lost_password.png) no-repeat; height: 24px; width: 175px; cursor: pointer; } /*** TOP NAVIGATION PANEL ***/ #top_nav{ width: 293px; float:right; } #top_nav li{ float: left; } #top_nav li a{ display:block; text-indent: -999em; height: 28px; } #top_nav li a.btn_blog{ width: 51px; background:url(../images/btn_blog.png) no-repeat; } #blog #top_nav li a.btn_blog{ background-position: 0 -28px; } #top_nav li a.btn_whats_new{ width: 78px; background:url(../images/btn_whats_new.png) no-repeat; } #news #top_nav li a.btn_whats_new{ background-position: 0 -28px; } #top_nav li a.btn_promos{ width: 65px; background:url(../images/btn_promos.png) no-repeat; } #promos #top_nav li a.btn_promos{ background-position: 0 -28px; } #top_nav li a.btn_client_log_in{ width: 87px; background:url(../images/btn_client_log_in.png) no-repeat; } #client_area #top_nav li a.btn_client_log_in{ background-position: 0 -28px; } #top_nav li a.btn_site_map{ width: 77px; background:url(../images/btn_site_map.png) no-repeat; } #site_map #top_nav li a.btn_site_map{ background-position: 0 -28px; } #top_nav li a:hover{ background-position: 0 -28px; } /*** MAIN NAVIGATION PANEL ***/ #logo_freshly_squeezed{ display:block; float:left; width: 330px; height: 46px; text-indent: -999em; background:url(../images/logo_freshly_squeezed.png) no-repeat; } #main_nav{ width: 470px; float:right; } #main_nav li{ float: left; } #main_nav li a{ display:block; text-indent: -999em; height: 46px; } #main_nav li a.btn_home{ width: 56px; background:url(../images/btn_home.png) no-repeat; } #home #main_nav li a.btn_home{ background-position: 0 -46px } #main_nav li a.btn_our_story{ width: 73px; background:url(../images/btn_our_story.png) no-repeat; } #our_story #main_nav li a.btn_our_story{ background-position: 0 -46px } #main_nav li a.btn_events{ width: 59px; background:url(../images/btn_events.png) no-repeat; } #events #main_nav li a.btn_events{ background-position: 0 -46px } #main_nav li a.btn_more_to_offer{ width: 90px; background:url(../images/btn_more_to_offer.png) no-repeat; } #more_to_offer #main_nav li a.btn_more_to_offer{ background-position: 0 -46px } #main_nav li a.btn_pr_marketing{ width: 104px; background:url(../images/btn_pr_marketing.png) no-repeat; } #pr_marketing #main_nav li a.btn_pr_marketing{ background-position: 0 -46px } #main_nav li a.btn_client_stories{ width: 92px; background:url(../images/btn_client_stories.png) no-repeat; } #client_stories #main_nav li a.btn_client_stories{ background-position: 0 -46px } #main_nav li a.btn_get_in_touch{ width: 86px; background:url(../images/btn_mn_get_in_touch.png) no-repeat; } #get_in_touch #main_nav li a.btn_get_in_touch{ background-position: 0 -46px } #main_nav li a:hover{ background-position: 0 -46px } /*** HOME MIDDLE ***/ #home #middle{ overflow:hidden; position:relative; border-bottom: 1px solid #e3e3e3; background:url(../images/home_middle_back.png) repeat-y; padding: 18px 0 60px 26px; } #home #middle .col_1, #home #middle .col_2, #home #middle .col_3{ float:left; } #home #middle .col_1{ width: 238px; margin-right: 46px; } #home #middle .col_2{ width: 248px; margin-right: 37px; } #home #middle .col_3{ width: 222px; } #home #middle h2{ font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #2c70ed; margin-bottom: 10px; font-size: 1.8em; font-weight: normal; } #home #middle p, #home #middle ul, #home #middle h3{ font-size: 1.1em; line-height: 1.5em; } #home #middle h3{ color: #2c70ed; margin-bottom: 3px; font-weight: normal; } #home #middle h3 a{ color: #2c70ed; } #home #middle h3 a:hover{ color:#000000; } #home #middle .col_1 p.date{ color: #000; margin-bottom: 3px; } #home #middle p.desc, #home #middle .desc p{ color: #666; font-size: 1.1em; } #home #middle .desc p a{ color: #2C70ED; } #home #middle .desc p a:hover{ color: #000; } #home #middle .col_2 .image img{ margin-bottom: 12px; } #home #middle .col_3 .bullets_blue li{ padding-left: 15px; background:url(../images/bullet_arrow_blue.png) no-repeat 0 0.5em; margin-bottom: 3px; } #home #middle .col_3 .bullets_blue a{ color: #666; } #home #middle .col_3 .bullets_blue a:hover{ color: #2c70ed; } #home #middle .btn_more_news{ position:absolute; display:block; bottom: 18px; left: 25px; height: 24px; width: 109px; background:url(../images/btn_more_news.png) #fff no-repeat !important; text-indent:-999em; } #home #middle .btn_read_more{ position:absolute; bottom: 18px; display:block; height: 24px; width: 109px; background:url(../images/btn_read_more.png) #fff no-repeat !important; text-indent:-999em; } #home #middle #btn_read_more1{ left: 25px; } #home #middle #btn_read_more2{ left: 310px; } #home #middle #btn_read_more3{ left: 597px; } #home #middle .btn_more_promos{ position:absolute; display:block; height: 24px; width: 121px; background:url(../images/btn_more_promos.png) no-repeat; text-indent:-999em; } #home #middle .btn_more_events{ position:absolute; display:block; bottom: 18px; left: 597px; height: 24px; width: 131px; background:url(../images/btn_more_events.png) no-repeat; text-indent:-999em; } .rollover:hover{ -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; } /*** BANNER SECTION ***/ #banner_section{ position:relative; } #banner_title{ margin-top: -31px; margin-bottom: 13px; position:relative; width: 832px; font-size: 1.8em; text-align:right; } #banner_bar{ margin-top: -44px; width: 864px; height: 44px; -moz-opacity:.40; filter:alpha(opacity=40); opacity:.40; background:#FFFFFF; } #phone_no{ position:absolute; top: 243px; left: 24px; z-index: 10; width: 200px; font-size: 1.8em; color:#000000; } #middle{ background:#fff; padding: 22px 28px 31px 25px; overflow:hidden; } /*** BREADCRUMBS ***/ #breadcrumbs_panel{ background:#fff; border-bottom: 1px solid #f1f1f1; font-size: 1.1em; padding: 10px 38px 10px 22px; color: #666; } #breadcrumbs_panel span.label{ color: #666; margin: 0 7px 0 5px; } #breadcrumbs_panel a{ color: #666; } #breadcrumbs_panel span.divider{ margin: 0 7px; } #breadcrumbs_panel a:hover{ color: #000; } #breadcrumbs{ width: 650px; float:left; line-height: 14px; } #bookmarks{ float: right; width: 120px; } #heading_panel{ clear:both; padding: 10px 28px 10px 25px; background:#fff; border-bottom: 1px solid #f1f1f1; overflow:hidden; } #heading_panel h1{ width: 500px; float:left; line-height: 28px; color: #347cfa; font-size: 24px; font-weight: normal; } #heading_panel #btn_get_in_touch{ display:block; float:right; width: 134px; height: 28px; text-indent: -999em; background:url(../images/btn_get_in_touch.png) no-repeat; } /*** SIDE NAVIGATION ***/ #side_nav{ font-size: 1.2em; float:left; width: 170px; /*margin-right: 24px;*/ margin-right: 31px; padding-top: 5px; line-height: 1.4em; } #side_nav li{ padding-left: 15px; background:url(../images/bullet_arrow_blue.png) no-repeat 0 0.4em; margin-bottom: 8px; } #side_nav a{ color: #888; } #side_nav a:hover{ color: #2c70ed; } #side_nav a.active{ color: #2c70ed; font-weight: bold; } #side_nav li ul{ margin: 13px 0 20px 0; } #side_nav li li{ margin-bottom: 8px; } #side_nav li li a.active{ font-weight: normal; } #content{ float:left; } #content.narrow_center{ width: 380px; } #blog #content.narrow_center{ width: 480px; } #content.wide_center{ width: 100%; } .wider_right{ /*width: 615px;*/ width: 610px; } #content h2{ color: #2c70ed; font-size: 1.8em; font-weight:normal; margin-bottom: 1.4em; } #content h3{ color: #000; font-size: 1.2em; font-weight:bold; margin-top: 0; margin-bottom: 1.2em; } #content p, #content ul, #content ol, #content table{ font-size: 1.2em; color: #666; line-height: 1.6em; margin-bottom: 21px; } #content table{ font-size: 12px; } .content_managed ul li{ background: url(../images/bullet_arrow_blue.png) no-repeat 0 0.6em; padding-left: 12px; } #content a{ color: #347cfa; } #content a:hover{ color: #000; } #content .content_managed h3{ color: #2c70ed; font-size: 1.6em; font-weight:normal; margin-top: 0; margin-bottom: 1.6em; } #content .content_managed h4{ color: #000; font-size: 1.4em; font-weight:normal; margin-top: 0; margin-bottom: 1.4em; } #content .content_managed h5{ color: #000; font-size: 1.2em; font-weight:bold; margin-top: 0; margin-bottom: 1.2em; } #content ul.pdf_list{ list-style: none; margin-left: 0; padding-left: 0; margin-bottom: 45px; line-height: 26px;} #content ul.pdf_list li{ background: none; padding-left: 0; } #content ul.pdf_list li a{ background:url(../images/icon_pdf.gif) no-repeat 0 50%; padding-left: 25px; display:block; } #side_testimonial{ width: 199px; float:right; background:url(../images/testimonial_middle.png) repeat-y; overflow:hidden; } #side_testimonial .inside{ background:url(../images/testimonial_top.png) no-repeat top; overflow:hidden; } #side_testimonial .outside{ background:url(../images/testimonial_bottom.png) no-repeat bottom; overflow:hidden; } #side_testimonial .content{ padding: 40px 19px; } #side_testimonial .content .logo{ margin-bottom: 12px; } #side_testimonial .content p{ color: #888; font-size: 1.1em; line-height: 1.6em; margin-bottom: 16px; } #side_testimonial .content a.read_more{ color: #347cfa; font-size: 1.1em; } #side_testimonial .content a.read_more:hover{ color: #000; } /*** EVENTS ***/ .event{ float:left; padding: 5px; width: 252px; overflow:hidden; background: #f2f3f4; cursor: pointer; margin-right: 12px; margin-bottom: 15px; } .event.last_item{ margin-right: 0; } #content .event h2{ color: #347cfa; font-size: 1.2em; font-weight: bold; margin-bottom: 8px; } #content .event h2 a{ color: #347cfa; } .event img{ float:left; width: 64px; margin-right: 10px; } #content .event .event_info{ float:left; width: 173px; } #content .event .event_info p{ color: #777777; font-size: 1.1em; margin-bottom: 0; } #content .event .event_info p a{ color: #777777; } /*** TESTIMONIALS ***/ #testimonial_info{ padding: 7px 12px 10px 12px; border: 1px solid #e5e5e5; overflow:hidden; margin-bottom: 15px; } #testimonial_info table{ float:left; width: 370px; font-size: 1.2em; line-height: 1.4em; margin-top: 15px; } #testimonial_info table td{ padding: 6px; } #testimonial_info .underlined{ border-bottom: 1px solid #e5e5e5; } #testimonial_info .label{ color: #252525; width: 131px; } #testimonial_info .data{ color: #888; } #testimonial{ width: 406px; float:left; background:url(../images/quote_top.png) no-repeat top left; padding-left: 47px; } #testimonial #testimonial_inner{ background:url(../images/quote_bottom.png) no-repeat bottom right; padding-right: 40px; } #side_gallery{ width: 125px; float:right; padding-right: 12px; } #side_gallery li{ margin-bottom: 17px; } /*** CONTACT US ***/ #content .col_1{ width: 306px; float:left; } #content .col_2{ width: 301px; float:right; font-size: 1.2em; text-align:right; line-height: 15px;} .address{ list-style: none; } #google_map_wrapper{ float:right; margin-top: 19px; padding-top: 8px; width: 294px; height: 193px; background:url(../images/map_frame.png) no-repeat;} #google_map{ width: 278px; height: 177px; margin: 0px 0 0 8px; } /*** NEWS ***/ #content.wide_center .col_1{ width: 380px; float:left; } #content.wide_center .col_2{ width: 380px; float:right; } .news_list .date{ width: 90px; float:left; color:#000000; } .news_list .title{ width: 280px; float:right; } .special_features .news_list .title{ width: 100%; float: none; } .news_list .title a{ display:block; padding-right: 15px; background:url(../images/bullet_arrow_blue.png) no-repeat 100% 7px; } .news_list .title a.active{ color: #000000 !important; } .news_list li{ border-bottom: 1px solid #e1e1e1; margin-bottom: 6px; padding-bottom: 4px; overflow:hidden; } .news_frame{ width: 371px; background:url(../images/news_frame_bottom.png) no-repeat bottom; overflow:hidden; text-align:left;} .news_frame_inside{ padding: 24px; background:url(../images/news_frame_top.png) no-repeat top; } #content .news_frame h2{ font-size: 14px; font-weight: bold; margin-bottom: 5px; line-height: 18px; } #content.special_features .news_frame h2{ margin-bottom: 15px; } #content .news_frame p{ font-size: 12px; } #content .news_frame p.date{ color:#000000; margin-bottom: 10px; } #content .news_frame #gallery{ margin-left: 25px; margin-bottom: 0; } #content .news_frame #gallery li{ display:inline; margin-right: 10px; } #content .news_frame #gallery li img.magnify_info{ margin-left: 65px; } .btn_circle_left{ display:block; width: 16px; height: 16px; background: transparent url(../images/circle_arrow_left.png) no-repeat 0 -16px; float:left; margin-right: 10px; } .btn_circle_right{ display:block; width: 16px; height: 16px; background: transparent url(../images/circle_arrow_right.png) no-repeat 0 -16px; float:left; } .btn_circle_left:hover, .btn_circle_right:hover{ background-position: 0 -32px; } .pages{ float:left; line-height: 16px; font-size: 10px; padding-right: 10px; } /*** BLOG ***/ /* #blog #content h2{ color: #000; font-size: 1.2em; font-weight:normal; margin-bottom: 0.4em; } #blog #content p.date{ font-size: 1.1em; font-weight:normal; margin-bottom: 0.8em !important; } #blog #content .content{ font-size: 11px !important; } .blog_list li{ border-bottom: 1px solid #f1f1f1; padding-bottom: 5px; margin-bottom: 20px; } */ /*** CLIENT AREA ***/ #header{ background:#FFFFFF; overflow:hidden; padding: 10px 10px 15px 25px; border-bottom: 1px solid #f1f1f1; } #header h1{ width: 150px; float:left; font-weight: normal; font-size: 24px; margin-top: 30px; } #header #client_logo{ float:right; text-align:right; } #heading_panel h2{ color: #347cfa; font-size: 36px; width: 200px; float:left; } #sub_nav{ width: 500px; float:right; line-height: 36px; font-size: 12px; } #sub_nav li{ float:right; margin-left: 25px; } #sub_nav li a{ color: #888; padding-left: 12px; background:url(../images/bullet_arrow_gray.png) no-repeat 0 6px; } #sub_nav li a:hover, #sub_nav li a.active{ color: #347cfa; background:url(../images/bullet_arrow_blue.png) no-repeat 0 6px; } .gallery li{ display:block; clear:both; } .gallery a.thumb{ display:block; width: 82px; height: 56px; margin-right: 4px; margin-bottom: 4px; float: left; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; } .gallery a.active_thumb{ -moz-opacity:1; filter:alpha(opacity=100); opacity:1; } .gallery a.last_thumb{ border-right: 0px;} .gallery a.last_row{ border-bottom: 0px;} .gallery a.thumb img{ border: 0; margin: 0; } /* This
element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */ #client_area .jcarousel-container { position: relative; clear:both; width: 259px; float:left; margin-top: 80px; } #client_area .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } #client_area .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } #client_area .jcarousel-list li, #client_area .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 259px; height: 56px; margin-bottom: 5px; } /* The buttons are added dynamically by jCarousel before the