/* Common ******************************/ /* Fonts */ @import url("http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,700,700italic"); @import url("http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic"); /* Elements */ html, body { } body { } h1 { } h2 { } h3 { } h4 { } h5 { } ol, ul { } /* Classes */ .wrapper { } /* IDs */ #site-wrapper { } #site-wrapper #site-wrapper-push { } #branding-wrapper { background:url("/images/frontend/branding_bg.jpg") repeat-x top center; height:68px; margin:0; } #branding-wrapper #branding { } #branding-wrapper #branding #brand { position:relative; } #branding-wrapper #branding #brand h1 { padding:0; margin:0; top:1px; left:0; position:absolute; z-index:999; } #branding-wrapper #branding #brand h1 a { background:url("/images/frontend/logo_sm.png") no-repeat; width:220px; height:83px; display:block; } #branding-wrapper #branding #navigation { } #branding-wrapper #branding #navigation .hidden-xs { } #branding-wrapper #branding #navigation .hidden-xs ul { list-style:none; padding:0; margin:0; } #branding-wrapper #branding #navigation .hidden-xs ul li { display:inline-block; } #branding-wrapper #branding #navigation .hidden-xs ul li a { color:#D78B8B; font-size:13px; text-decoration:none; padding:9px 8px; margin:15px 0; display:block; } #branding-wrapper #branding #navigation .hidden-xs ul li a { text-shadow:1px 1px 1px #000000; -moz-text-shadow:1px 1px 1px #000000; -ms-text-shadow:1px 1px 1px #000000; -o-text-shadow:1px 1px 1px #000000; -webkit-text-shadow:1px 1px 1px #000000; } #branding-wrapper #branding #navigation .hidden-xs ul li a { transition:color 300ms ease-out; -moz-transition:color 300ms ease-out; -ms-transition:color 300ms ease-out; -o-transition:color 300ms ease-out; -webkit-transition:color 300ms ease-out; } #branding-wrapper #branding #navigation .hidden-xs ul li a.current, #branding-wrapper #branding #navigation .hidden-xs ul li a:hover { color:#FFFFFF; } #branding-wrapper #branding #navigation .visible-xs { } #branding-wrapper #branding #navigation .visible-xs ul { } #branding-wrapper #branding #navigation .visible-xs ul { } #branding-wrapper #branding #navigation .visible-xs ul li { } #branding-wrapper #branding #navigation .visible-xs ul li a { } #branding-wrapper #branding #navigation .visible-xs ul li a { } #branding-wrapper #branding #navigation .visible-xs ul li a { } #branding-wrapper #branding #navigation .visible-xs ul li a:hover { } #branding-wrapper #branding #navigation .visible-xs ul li ul { } #masthead-wrapper { background:url("/images/frontend/masthead_wrapper_bg.jpg") top center; display:block; } #masthead-wrapper #masthead { } #masthead-wrapper #masthead #home { } #masthead-wrapper #masthead #home .masthead_block { width:720px !important; height:302px !important; } #masthead-wrapper #masthead #home .masthead_block .mastheads { width:720px !important; height:302px !important; } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel { width:720px !important; height:302px !important; } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel .slides { width:720px !important; height:302px !important; } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel .slides .slide { width:720px !important; height:302px !important; } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel .slides .slide .masthead .content { background:rgba(0, 0, 0, 0.85); width:250px; padding:18px; top:50%; right:0; position:absolute; display:block; } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel .slides .slide .masthead .content { border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel .slides .slide .masthead .content { transform:translate(0, -50%); -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel .slides .slide .masthead .content h2 { color:#FFFFFF; font-family:"PT Serif", Georgia, Times, serif; font-size:28px; font-style:italic; font-weight:900; line-height:28px; text-transform:capitalize; margin:0 0 9px 0; } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel .slides .slide .masthead .content p { color:#FFFFFF; font-family:"Open Sans", Helvetica, Arial, sans-serif; font-size:13px; font-weight:300; line-height:18px; margin:0; } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel .slides .slide .masthead img { width:720px !important; height:302px !important; } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel .control_set { width:100%; text-align:center; margin:9px 0; bottom:0; position:absolute; z-index:999; } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel .control_set .slide_button { background:#FFFFFF; border:#FFFFFF solid 3px; text-indent:-9999px; width:18px; height:18px; margin:0 2px; display:inline-block; } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel .control_set .slide_button { border-radius:9px; -moz-border-radius:9px; -ms-border-radius:9px; -o-border-radius:9px; -webkit-border-radius:9px; } #masthead-wrapper #masthead #home .masthead_block .mastheads .agile_carousel .control_set .ac_selected { background:#CD7626; } #masthead-wrapper #masthead #default { } #masthead-wrapper #masthead #default .masthead_block { width:720px !important; height:150px !important; } #masthead-wrapper #masthead #default .masthead_block .mastheads { width:720px !important; height:150px !important; } #masthead-wrapper #masthead #default .masthead_block .mastheads .agile_carousel { width:720px !important; height:150px !important; } #masthead-wrapper #masthead #default .masthead_block .mastheads .agile_carousel .slides { width:720px !important; height:150px !important; } #masthead-wrapper #masthead #default .masthead_block .mastheads .agile_carousel .slides .slide { width:720px !important; height:150px !important; } #masthead-wrapper #masthead #default .masthead_block .mastheads .agile_carousel .slides .slide .masthead img { width:720px !important; height:150px !important; } #wood-divider { background:url("/images/frontend/wood_divider_bg.png") top center repeat-x; width:100%; height:20px; margin:-4px 0 0 0; position:relative; z-index:999; display:block; } #content-wrapper { } #footer-wrapper { } #footer-wrapper #footer { } #footer-wrapper #footer #navigation { } #footer-wrapper #footer #navigation ul { list-style:none; text-align:center; padding:0; margin:16px 0 0 0; } #footer-wrapper #footer #navigation ul li { display:inline-block; } #footer-wrapper #footer #navigation ul li a { color:#FFFFFF; text-decoration:none; padding:20px 15px; display:block; } #footer-wrapper #footer #navigation ul li a { text-shadow:1px 1px 1px #333333; -moz-text-shadow:1px 1px 1px #333333; -ms-text-shadow:1px 1px 1px #333333; -o-text-shadow:1px 1px 1px #333333; -webkit-text-shadow:1px 1px 1px #333333; } #footer-wrapper #footer #navigation ul li a { transition:color 300ms ease-out; -moz-transition:color 300ms ease-out; -ms-transition:color 300ms ease-out; -o-transition:color 300ms ease-out; -webkit-transition:color 300ms ease-out; } #footer-wrapper #footer #navigation ul li a:hover { color:#EF8A32; } #footer-wrapper #footer #rights { padding:0; margin:27px 0; } #footer-wrapper #footer #rights p { } #footer-wrapper #footer #rights p { } #footer-wrapper #footer #rights p:last-child { } /* Home ******************************/ #home { } #home #services-wrapper { } #home #services-wrapper #services { border-right:#999999 dashed 1px; } #home #services-wrapper #services .module-wrapper { border-top:none; border-left:#999999 dashed 1px; height:279px; overflow:hidden; } #home #services-wrapper #services .module-wrapper:hover { } #home #services-wrapper #services .module-wrapper:hover .module .body a.learn-more { bottom:0; } #home #services-wrapper #services .module-wrapper .module { } #home #services-wrapper #services .module-wrapper .module .header { height:38px; margin:0 0 9px 0; } #home #services-wrapper #services .module-wrapper .module .header h3 { font-size:21px; font-style:italic; font-weight:500; line-height:21px; } #home #services-wrapper #services .module-wrapper .module .header h3 img { width:36px; height:38px; margin:0 9px 0 0; float:left; display:inline; } #home #services-wrapper #services .module-wrapper .module .header h3 span { top:8px; position:relative; } #home #services-wrapper #services .module-wrapper .module .body { font-size:12px; height:180px; overflow:hidden; } #home #services-wrapper #services .module-wrapper .module .body p { text-align:center; padding:0; margin:0 0 18px 0; } #home #services-wrapper #services .module-wrapper .module .body a.learn-more { background:url("/images/frontend/learn_more_bg.png") no-repeat -52px 0; width:186px; height:26px; bottom:-26px; left:0; position:absolute; display:block; } #home #services-wrapper #services .module-wrapper .module .body a.learn-more { transition:bottom 0.5s; -moz-transition:bottom 0.5s; -ms-transition:bottom 0.5s; -o-transition:bottom 0.5s; -webkit-transition:bottom 0.5s; } #home #services-wrapper #services #marketing { } #home #services-wrapper #services #marketing h3 { padding:0 9px; } #home #services-wrapper #services #design { } #home #services-wrapper #services #design h3 { padding:0 24px; } #home #services-wrapper #services #web { } #home #services-wrapper #services #web h3 { padding:0 35px; } #home #services-wrapper #services #audio-video { } #home #services-wrapper #services #audio-video h3 { padding:0 17px; } #home #services-wrapper #services #audio-video h3 img { } #home #services-wrapper #services #audio-video h3 span { top:-3px; position:relative; } #home #engagement-wrapper { background:url("/images/frontend/engagement_wrapper_bg.png") repeat-x; border:none; padding:32px 0; } #home #engagement-wrapper #engagement { border:none; height:211px; overflow:hidden; } #home #engagement-wrapper #engagement .module { background:url("/images/frontend/engagement_module_bg_sm.png") no-repeat; width:156px; height:210px; margin:0; position:relative; } #home #engagement-wrapper #engagement .module h3 { color:#5A5A5A; background:none; border:none; font-size:14px; line-height:18px; padding:9px 0; margin:0; } #home #engagement-wrapper #engagement .module .previous { width:26px; height:30px; bottom:0; left:52px; position:absolute; display:block; } #home #engagement-wrapper #engagement .module .next { width:26px; height:30px; right:52px; bottom:0; position:absolute; display:block; } #home #engagement-wrapper #engagement #recent-projects { } #home #engagement-wrapper #engagement #recent-projects .module { } #home #engagement-wrapper #engagement #recent-projects .module .caroufredsel_wrapper { width:156px !important; height:74px !important; margin:34px 0 36px 0 !important; } #home #engagement-wrapper #engagement #recent-projects .module ul { } #home #engagement-wrapper #engagement #recent-projects .module ul li { width:156px !important; height:74px !important; margin:0; float:left; display:inline; } #home #engagement-wrapper #engagement #recent-projects .module ul li img { background:none; width:146px !important; height:74px !important; margin:0 5px; } #home #engagement-wrapper #engagement #products { } #home #engagement-wrapper #engagement #products .module { } #home #engagement-wrapper #engagement #products .module .caroufredsel_wrapper { width:156px !important; height:74px !important; margin:34px 0 36px 0 !important; } #home #engagement-wrapper #engagement #products .module ul { } #home #engagement-wrapper #engagement #products .module ul li { width:156px !important; height:74px !important; margin:0; float:left; display:inline; } #home #engagement-wrapper #engagement #products .module ul li img { background:none; width:146px !important; height:74px !important; margin:0 5px; } #home #engagement-wrapper #engagement #news { } #home #engagement-wrapper #engagement #news .module { } #home #engagement-wrapper #engagement #news .module h3 { padding:9px 0 6px 0; margin:0; } #home #engagement-wrapper #engagement #news .module .caroufredsel_wrapper { width:156px !important; height:105px !important; margin:0 !important; } #home #engagement-wrapper #engagement #news .module ul { } #home #engagement-wrapper #engagement #news .module ul li { width:156px !important; height:100px !important; margin:0; float:left; display:inline; } #home #engagement-wrapper #engagement #news .module ul li .header { padding:0 18px; } #home #engagement-wrapper #engagement #news .module ul li .header h3 { padding:0; margin:0; } #home #engagement-wrapper #engagement #news .module ul li .header h3 a { font-size:14px; } #home #engagement-wrapper #engagement #news .module ul li .header h3 a:hover { text-decoration:none; opacity:0.75; } #home #engagement-wrapper #engagement #news .module ul li .header h4 { } #home #engagement-wrapper #engagement #news .module ul li .body { font-family:"Open Sans", Helvetica, Arial, sans-serif; font-size:12px; font-weight:500; text-align:center; padding:0 18px; } #home #engagement-wrapper #engagement #news .module ul li .body .more { display:none; } #home #engagement-wrapper #engagement #news .module ul li .body .more:hover { } #home #engagement-wrapper #engagement #news .module .more { color:#770914; font-size:12px; text-align:center; margin:6px 0 0 0; display:block; } #home #engagement-wrapper #engagement #news .module .more:hover { text-decoration:none; opacity:0.75; } #home #engagement-wrapper #engagement #outreach { text-align:center; padding-top:12px; padding-bottom:12px; display:block; } #home #engagement-wrapper #engagement #outreach .newsletter { border-bottom:#777777 dashed 1px; padding-bottom:18px; margin-bottom:18px; } #home #engagement-wrapper #engagement #outreach .newsletter p { font-size:14px; } #home #engagement-wrapper #engagement #outreach .social { } #home #engagement-wrapper #engagement #outreach .social p { display:none; } #home #engagement-wrapper #engagement #outreach .social a { margin:0 2px 9px 2px; display:inline-block; } #home #engagement-wrapper #engagement #outreach .social a:hover { opacity:0.75; } #home #engagement-wrapper #engagement #outreach .social a img { width:42px; height:42px; } /* Default ******************************/ #default { } #default #content { } #default #content #sub-navigation-banners { } #default #content #sub-navigation--banners { } #default #content #sub-navigation--banners #sub-navigation { background:url("/images/frontend/sub_navigation_bg.jpg"); border:#BBB9B1 solid 5px; padding:0; margin-top:18px; } #default #content #sub-navigation--banners #sub-navigation { border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; } #default #content #sub-navigation--banners #sub-navigation ul { border:#E9E7E7 solid 1px; list-style:none; padding:18px; margin:0; } #default #content #sub-navigation--banners #sub-navigation ul { border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; } #default #content #sub-navigation--banners #sub-navigation ul li { border-top:#777777 dashed 1px; border-bottom:#777777 dashed 1px; margin:-1px 0 0 0; } #default #content #sub-navigation--banners #sub-navigation ul li a { color:#444444; padding:5px 9px; display:block; } #default #content #sub-navigation--banners #sub-navigation ul li a.current, #default #content #sub-navigation--banners #sub-navigation ul li a:hover { background:rgba(255, 255, 255, 0.5); text-decoration:none; } #default #content #sub-navigation--banners #sub-navigation ul li ul { border:none; padding:0; margin:0 0 5px 0; } #default #content #sub-navigation--banners #sub-navigation ul li ul li { border:none; padding:0; margin:0; } #default #content #sub-navigation--banners #sub-navigation ul li ul li a { padding:5px 18px 5px 27px; } #default #content #sub-navigation--banners #banners { border:none; padding:0; margin:18px 0; } #default #content #sub-navigation--banners #banners ul { list-style:none; padding:0; margin:0; } #default #content #sub-navigation--banners #banners ul li { width:100%; margin:0 0 9px 0; float:none; display:block; } #default #content #sub-navigation--banners #banners ul li a { display:block; } #default #content #sub-navigation--banners #banners ul li img { width:100%; } #default #content #banners { } #default #content #banners ul { } #default #content #banners ul li { } #default #content #banners ul li a { } #default #content #banners ul li img { } #default #content #body { } #default #content #body h2 { margin:18px 0; } #default #content #body p { } /* Contact ******************************/ #contact { } #contact #location-information { } #contact #location-information #location { } #contact #location-information #location #instructions { background:rgba(255, 255, 255, 0.85); padding:5px 9px; bottom:0; left:0; position:absolute; z-index:3; } #contact #location-information #location #image-1 { } #contact #location-information #location #image-1 { } #contact #location-information #location #image-2 { } #contact #location-information #location #image-2 { } #contact #location-information #location #image-2 { } #contact #location-information #location:hover #image-2 { } #contact #location-information #information { } #contact #location-information #contact-form { } #contact #location-information #contact-form h3 { } #contact #location-information #contact-form p.pull-right { } #contact #location-information #contact-form .well { } #contact #location-information #contact-form .well form { } #contact #location-information #contact-form .well form .submit-wrapper { } #contact #location-information #contact-form .well form .submit-wrapper { } #contact #location-information #contact-form .well form .submit-wrapper .submit { } #contact #quote-form { } #contact #quote-form h3 { } #contact #quote-form p.pull-right { } #contact #quote-form .well { } #contact #quote-form .well form { } #contact #quote-form .well form ul { padding:0; } #contact #quote-form .well form ul { column-count:3; -moz-column-count:3; -ms-column-count:3; -o-column-count:3; -webkit-column-count:3; column-gap:15px; -moz-column-gap:15px; -ms-column-gap:15px; -o-column-gap:15px; -webkit-column-gap:15px; } #contact #quote-form .well form ul li { } #contact #quote-form .well form ul li:first-child { } #contact #quote-form .well form .submit-wrapper { } #contact #quote-form .well form .submit-wrapper { } #contact #quote-form .well form .submit-wrapper .submit { } #contact .honey { } /* System ******************************/ /** Contact Form **/ #contact_form { } #contact_form form { } #contact_form form fieldset { } #contact_form form fieldset legend { } #contact_form form fieldset table { } #contact_form form fieldset table tr { } #contact_form form fieldset table tr.even td { } #contact_form form fieldset table tr.odd td { } #contact_form form fieldset table tr td { } #contact_form form fieldset table tr td.field_label { } #contact_form form fieldset table tr td.field_input { } #contact_form form fieldset table tr td.field_input input { } #contact_form form fieldset table tr td.field_input input { } #contact_form form fieldset table tr td.field_input textarea { } #contact_form form fieldset table tr td.field_input textarea { } #contact_form form fieldset table tr td.field_note { } #contact_form form fieldset input[type="submit"] { } #contact_form form fieldset input[type="submit"] { } /** FAQ **/ #faq { } #faq dl { } #faq dl.odd { } #faq dl.even { } #faq dl dt { } #faq dl dt:hover { } #faq dl dd { } #faq dl dd ul { } #faq dl dd ul { } #faq dl dd ul li { } /** News **/ #news { margin:0 0 18px 0; } #news .events { } #news .event { } #news .event .header { } #news .event .header h3 { } #news .event .header h3 a { } #news .event .header h4 { } #news .event .body { } #news .event .body a { } /** Photo Gallery **/ #photo_gallery { margin:0 0 18px 0; } #photo_gallery ul { text-align:left; } #photo_gallery ul li { margin:0 5px 18px 5px; display:inline-block; } #photo_gallery ul li .photo_image { width:222px; height:100px; overflow:hidden; } #photo_gallery ul li .photo_image a { } #photo_gallery ul li .photo_image a { transition:opacity 300ms ease-out; -moz-transition:opacity 300ms ease-out; -ms-transition:opacity 300ms ease-out; -o-transition:opacity 300ms ease-out; -webkit-transition:opacity 300ms ease-out; } #photo_gallery ul li .photo_image a:hover { opacity:0.50; } #photo_gallery ul li .photo_image a img { } #photo_gallery ul li .photo_info { } #photo_gallery ul li .photo_info strong { font-size:14px; font-weight:400; text-align:center; display:block; } #photo_gallery ul li .photo_info p { } /* Team */ #team { } #team #filter { border-top:#CCCCCC dotted 1px; border-bottom:#CCCCCC dotted 1px; list-style:none; text-align:center; padding:18px 0; margin:18px 0; } #team #filter li { display:inline-block; } #team #filter li a { color:#555555; background:#EFEFEF; text-decoration:none; padding:9px; margin:2px; display:block; } #team #filter li a { border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; } #team #filter li a:hover { color:#FFFFFF; background:#151515; } #team #items { text-align:center; } #team #items li { width:200px; height:234px; margin:0; display:inline-block; overflow:hidden; cursor:pointer; } #team #items li .media { border-bottom:#FFFFFF solid 1px; width:200px; height:200px; position:relative; display:block; overflow:hidden; } #team #items li .media img { width:100%; top:0; left:0; position:absolute; } #team #items li .media .media-1 { z-index:1; } #team #items li .media .media-2 { z-index:2; opacity:0; filter:alpha(opacity=0); } #team #items li .information { background:#151515; height:0; } #team #items li .information h3 { color:#FFFFFF; font-size:15px; font-weight:500; text-align:center; padding:5px; bottom:18px; position:relative; } #team #items li .information h4 { display:none; } #team #items li .information .titles { display:none; } #team #items li .information .titles .label { } #team #items li .information .biography { display:none; } #team #items li .information .biography p { } #team #items li .information .biography p:last-child { } #team #modals { } #team #modals .modal { } #team #modals .modal h3 { padding:0; margin:0; display:block; } #team #modals .modal h4 { padding:0; margin:0; display:block; } #team #modals .modal .titles { } #team #modals .modal .titles .label { display:inline-block; } #team #modals .modal .biography { border-top:#CCCCCC solid 1px; padding:18px 0 0 0; margin:18px 0 0 0; } #team #modals .modal .biography p { } #team #modals .modal .biography p:last-child { margin:0 !important; }