/* ---------------------- Stylesheet Guide ------------------------- 01. GLOBAL STYLES 02. LAYOUT 1. GENERAL STRUCTURE 2. CONTENT AREA 3. PORTFOLIO PAGES 4. FOOTER 5. MULTI COLUMNS 6. SIDEBAR 7. HOMEPAGE 8. SITEMAP 9. VIDEO + 3D THUMBS 03. NAVIGATION 1. MAIN NAVIGATION 2. VERTICAL SUB NAVIGATION 3. HORIZONTAL SUB NAVIGATION 4. BREADCRUMBS 04. LINKS 1. GENERAL LINKS 2. TOP LINK 3. CUSTOM BUTTONS 05. LISTS 1. GENERAL LISTS 2. CUSTOM LIST BULLETS 3. ACCORDION 4. TABS 06. TYPOGRAPHY 1. GENERAL TYPOGRAPHY 2. @FONT-FACE 3. MESSAGE BOXES 4. FOOTER 5. CALLOUTS 07. BLOG 08. FORMS 09. IMAGES 1. GENERAL 2. MODERN FRAME 3. SHADOW FRAME 10. MISCELLANEOUS 11. WORDPRESS 1. KARMA Pagenavi 2. MAILCHIMP 3. DEFAULTS 4. 404 ERROR PAGE 5. CONSTANT CONTACT 12. WIDGETS + SHORTCODES 1. DEFAULT STYLES 2. BLOGROLL - FOOTER 3. CALENDAR 4. RECENT POSTS - SIDEBAR 5. BLOGROLL - SIDEBAR 6. SEARCH - SIDEBAR 7. SOCIAL MEDIA 8. LATEST TWEETS 9. TESTIMONIALS SLIDER 13. PROGRESSIVE CSS ENHANCEMENTS 14. PRETTY PHOTO 15. IE SPECIFIC */ /* *********************************************************************************** */ /* 01. GLOBAL /* *********************************************************************************** */ * {font-size: 100.01%;} html {font-size: 62.5%;margin:0;padding:0;} body {margin:0;background:#f4f4f2;font:1.2em/19px "helvetica neue",Helvetica,Arial,Verdana,sans-serif;color:#666;min-width:1003px;} /* *********************************************************************************** */ /* 02. LAYOUT /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LAYOUT /*---------------------------------------------------------------*/ #wrapper {width:100%;display:table;} #wrapper #header {display:table-header-group;} .top-block .top-holder {width:980px;margin:0 auto;font-size:10px;padding:4px 0;min-height:4px;height:auto;} .top-block .top-holder:after {clear:both;display:block;content:"";} #header .rays {background: url(images/rays.png) 50% 0 no-repeat;} #header .header-area {width:980px;margin:0 auto;padding:38px 0 33px 0;} #header .header-area:after {clear:both;display:block;content:"";} #main {background:url(images/bg-main.gif) repeat-x;display:table-footer-group;position:relative;width:100%;} #main .main-area {width:980px;margin:0 auto;padding:43px 0 5px 0;} .tools .place {float:right;} .main-holder {height:1%;overflow:hidden;padding-top:45px;} .carousel-holder {width:315px !important;} /*---------------------------------------------------------------*/ /* 2. CONTENT AREA /*---------------------------------------------------------------*/ #content {width:720px;float:left;margin-left: 20px;} .content_left_sidebar {float: right !important;} .content_right_sidebar {width: 510px !important;} .content_full_width {width: 940px !important;padding: 0 20px 0 20px;float:left;margin-left: 0 !important;} .portfolio_full_width {margin-left: 0 !important;width:980px !important;} /*---------------------------------------------------------------*/ /* 4. FOOTER /*---------------------------------------------------------------*/ #footer {width:100%;position:relative;padding-top: 40px;} #footer .footer-area {width:980px;margin:0 auto;position:relative;} #footer .footer-wrapper {width:980px;overflow:hidden;} #footer .footer-holder {width:100%;overflow:hidden;padding:45px 0 25px 6px;} #footer .box {width:333px;float:left;} #footer_bottom {width: 100%;min-height:50px;height:auto;} #foot_left {float: left;width:440px;} #foot_left .textwidget {margin-top:-18px;} #foot_right {float: right;width:520px;text-align: right;} .info {width:980px;margin:0 auto;font-size:11px;overflow:hidden;padding:34px 0 0 8px;position:relative;} #footer .footer_post {padding: 2px 0 16px 0;} /*---------------------------------------------------------------*/ /* 5. MULTI COLUMNS /*---------------------------------------------------------------*/ .clear {clear: both;} .one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .one_sixth, .one_sixth_last, .two_thirds, .two_thirds_last {padding-bottom: 20px;} #content .one_half {float:left;width:342px;margin-right:30px;} #content .one_half_last {float:right;width:342px;margin:0;} #content .one_third {float:left;width:210px;margin-right: 30px; paddingleft: 10px;} #content .one_third_last {float:right;width:210px;margin:0;} #content .one_fourth {float:left;width:152px;margin-right:36px;} #content .one_fourth_last {float:right;width:152px;margin:0;} #content .one_fifth {float:left;width:124px;margin-right:23px;} #content .one_fifth_last {float:right;width:124px;margin:0;} #content .one_sixth {float:left;width:100px;margin-right:20px;} #content .one_sixth_last {float:right;width:100px;margin:0;} #content .two_thirds {float:left;width:470px;margin:0;} #content .two_thirds_last {float:right;width:470px;margin:0;} #content .three_fourth {float:left;width:550px;margin:0;} #content .three_fourth_last {float:right;width:530px;margin:0;} .content_full_width .one_half {float:left;width:455px !important;margin-right:30px !important;} .content_full_width .one_half_last {float:right;width:455px !important;margin:0 !important;} .content_full_width .one_third {float:left;width:293px !important;margin-right:30px !important;} .content_full_width .one_third_last {float:right;width:293px !important;margin:0 !important;} .content_full_width .one_fourth {float:left;width:208px !important;margin-right:36px !important;} .content_full_width .one_fourth_last {float:right;width:208px !important;margin:0 !important;} .content_full_width .one_fifth {float:left;width:168px !important;margin-right:23px !important;} .content_full_width .one_fifth_last {float:right;width:168px !important;margin:0 !important;} .content_full_width .one_sixth {float:left;width:140px !important;margin-right:20px !important;} .content_full_width .one_sixth_last {float:right;width:140px !important;margin:0 !important;} .content_full_width .two_thirds {float:left;width:595px !important;margin:0 !important;} .content_full_width .two_thirds_last {float:right;width:595px !important;margin:0 !important;} .content_full_width .three_fourth {float:left;width:690px !important;margin:0 !important;} .content_full_width .three_fourth_last {float:right;width:685px !important;margin:0 !important;} .content_full_width .two_thirds_last .one_third, .content_full_width .two_thirds_last .one_third_last, .content_full_width .two_thirds .one_third, .content_full_width .two_thirds .one_third_last {width:280px !important;} .content_sidebar .one_fourth, .content_sidebar .one_fourth_last {width:105px !important;} .content_sidebar .one_third, .content_sidebar .one_third_last {width:145px !important;} .content_sidebar .one_half, .content_sidebar .one_half_last {width:235px !important;} .content_sidebar .two_thirds, .content_sidebar .two_thirds_last {width:325px !important;} #footer .one_half {float:left;width:455px !important;margin-right:30px !important;} #footer .one_half_last {float:right;width:455px !important;margin:0 !important;} #footer .one_third {float:left;width:290px !important;margin:0 15px 0 15px !important;} #footer .one_third_last {float:right;width:305px !important;margin:0 !important;} #footer .one_fourth, #footer .one_fourth_last {float:left !important;width:227px !important;margin-right:23px !important;} #footer .one_fourth_last {margin-right:0px !important;float:right !important;} #footer .one_fifth {float:left;width:177px !important;margin-right:23px !important;} #footer .one_fifth_last {float:right;width:177px !important;margin:0 !important;} #footer .one_sixth {float:left;width:146px !important;margin-right:20px !important;} #footer .one_sixth_last {float:right;width:146px !important;margin:0 !important;} #content .tabs-area .one_half, #content .slide .one_half {float:left;width:310px;margin-right:30px;} #content .tabs-area .one_half_last, #content .slide .one_half_last {float:right;width:310px;margin:0;} #content .tabs-area .one_third, #content .slide .one_third {float:left;width:194px;margin-right:35px;} #content .tabs-area .one_third_last, #content .slide .one_third_last {float:right;width:194px;margin:0;} #content .tabs-area .one_fourth, #content .slide .one_fourth {float:left;width:141px;margin-right:30px;} #content .tabs-area .one_fourth_last, #content .slide .one_fourth_last {float:right;width:141px;margin:0;} #content .tabs-area .one_fifth, #content .slide .one_fifth {float:left;width:108px;margin-right:28px;} #content .tabs-area .one_fifth_last, #content .slide .one_fifth_last {float:right;width:108px;margin:0;} #content .tabs-area .one_sixth, #content .slide .one_sixth {float:left;width:92px;margin-right:20px;} #content .tabs-area .one_sixth_last, #content .slide .one_sixth_last {float:right;width:92px;margin:0;} #content .tabs-area .two_thirds, #content .slide .two_thirds {float:left;width:425px;margin:0;} #content .tabs-area .two_thirds_last, #content .slide .two_thirds_last {float:right;width:425px;margin:0;} #content .tabs-area .three_fourth, #content .slide .three_fourth {float:left;width:485px;margin:0;} #content .tabs-area .three_fourth_last, #content .slide .three_fourth_last {float:right;width:485px;margin:0;} .content_full_width .tabs-area .one_half, .content_full_width .slide .one_half {float:left;width:420px !important;margin-right:30px !important;} .content_full_width .tabs-area .one_half_last, .content_full_width .slide .one_half_last {float:right;width:420px !important;margin:0 !important;} .content_full_width .tabs-area .one_third, .content_full_width .slide .one_third {float:left;width:267px !important;margin-right:30px !important;} .content_full_width .tabs-area .one_third_last, .content_full_width .slide .one_third_last {float:right;width:267px !important;margin:0 !important;} .content_full_width .tabs-area .one_fourth, .content_full_width .slide .one_fourth {float:left;width:190px !important;margin-right:36px !important;} .content_full_width .tabs-area .one_fourth_last, .content_full_width .slide .one_fourth_last {float:right;width:190px !important;margin:0 !important;} .content_full_width .tabs-area .one_fifth, .content_full_width .slide .one_fifth {float:left;width:155px !important;margin-right:23px !important;} .content_full_width .tabs-area .one_fifth_last, .content_full_width .slide .one_fifth_last {float:right;width:155px !important;margin:0 !important;} .content_full_width .tabs-area .one_sixth, .content_full_width .slide .one_sixth {float:left;width:127px !important;margin-right:20px !important;} .content_full_width .tabs-area .one_sixth_last, .content_full_width .slide .one_sixth_last {float:right;width:127px !important;margin:0 !important;} .content_full_width .tabs-area .two_thirds, .content_full_width .slide .two_thirds {float:left;width:575px !important;margin:0 !important;} .content_full_width .tabs-area .two_thirds_last, .content_full_width .slide .two_thirds_last {float:right;width:575px !important;margin:0 !important;} .content_full_width .tabs-area .three_fourth, .content_full_width .slide .three_fourth {float:left;width:650px !important;margin:0 !important;} .content_full_width .tabs-area .three_fourth_last, .content_full_width .slide .three_fourth_last {float:right;width:650px !important;margin:0 !important;} .content_sidebar .tabs-area .one_half, .content_sidebar .slide .one_half {float:left;width:205px !important;} .content_sidebar .tabs-area .one_half_last, .content_sidebar .slide .one_half_last {float:right;width:205px !important;} .content_sidebar .tabs-area .one_third, .content_sidebar .slide .one_third {float:left;width:125px !important;} .content_sidebar .tabs-area .one_third_last, .content_sidebar .slide .one_third_last {float:right;width:125px !important;} .content_sidebar .tabs-area .one_fourth, .content_sidebar .slide .one_fourth {float:left;width:88px !important;margin-right:28px !important;} .content_sidebar .tabs-area .one_fourth_last, .content_sidebar .slide .one_fourth_last {float:right;width:88px !important;} .content_sidebar .tabs-area .one_fifth, .content_sidebar .slide .one_fifth {float:left;width:66px !important;} .content_sidebar .tabs-area .one_fifth_last, .content_sidebar .slide .one_fifth_last {float:right;width:66px !important;} .content_sidebar .tabs-area .one_sixth, .content_sidebar .slide .one_sixth {float:left;width:56px !important;} .content_sidebar .tabs-area .one_sixth_last, .content_sidebar .slide .one_sixth_last {float:right;width:56px !important;} .content_sidebar .tabs-area .two_thirds, .content_sidebar .slide .two_thirds {float:left;width:280px !important;} .content_sidebar .tabs-area .two_thirds_last, .content_sidebar .slide .two_thirds_last {float:right;width:280px !important;} .content_sidebar .tabs-area .three_fourth, .content_sidebar .slide .three_fourth {float:left;width:320px !important;} .content_sidebar .tabs-area .three_fourth_last, .content_sidebar .slide .three_fourth_last {float:right;width:320px !important;} /*---------------------------------------------------------------*/ /* 6. SIDEBAR /*---------------------------------------------------------------*/ #sidebar {background:url(images/_global/bg-sidebar.gif) 0 0 repeat-y;padding-bottom:65px;float: right;width: 173px;padding: 0 0 0 25px;} .left_sidebar {float: left !important;background:url(images/_global/bg-sidebar.gif) top right repeat-y !important;padding: 0 25px 0 0 !important;margin: 0 0 0 25px;} .contact_iphone {background:url(images/_global/bg-iphone-sidebar.png) 100% 0 no-repeat;height: 594px;position:relative;} .contact_iphone .sidebar-iphone, .contact_iphone .sidebar-widget {width:180px !important;} .iphone-wrap {margin:110px 0 0 75px;background: none !important;padding-top:5px;} .sidebar-iphone .social_icons {margin:0;padding:3px 0 0 0;float: none !important;} #main .contact_iphone .sidebar-widget {width:180px !important;margin: 0 !important;background: none !important;padding-bottom: 15px !important;} #main .contact_iphone .iphone-header {padding-bottom: 10px;color:#000;font-weight:normal !important;} #main .contact_iphone p {color:#444;} /*---------------------------------------------------------------*/ /* 7. HOMEPAGE /*---------------------------------------------------------------*/ .flash_wrap {min-height:400px;height:auto;} .port-wrap {height:650px;} .home-holder {padding: 0;} .home-flash-slider{width:940px;height:400px;margin:95px auto 0 auto;} /* Tall Banner General Settings */ .big-banner .rays {background: url(images/rays-big.png) 50% 0 no-repeat !important;height: 389px !important;} .big-banner #header .header-holder {height: 438px !important;} .big-banner #main {background-image:none !important;} .big-banner #main .main-area {padding-top: 118px;} .big-banner #main .flash-main-area {padding-top: 0px !important;} .home-banner-wrap {width:940px;height:419px;margin:87px auto 0 auto;background:url(images/bg-home-banner.png) 0px 0px no-repeat;position:relative;} .big-banner .content_full_width {padding-top: 0px !important;} .home-banner-main {width: 350px;top:32px;left:45px;position:absolute;} .home-banner-sub {width: 456px;height:309px;background:url(images/shadowBG.jpg) 0px 0px no-repeat;top:40px;right:40px;position:absolute;} .home-banner-sub-content {width: 436px;height:270px;margin: 10px 0 0 10px;} .home-banner-sub-full {width: 860px;height:304px;background:url(images/shadowBG-full.jpg) 0px 0px no-repeat;top:40px;right:40px;position:absolute;} .home-banner-sub-content-full {width: 840px;height:270px;margin: 10px 0 0 10px;} .home-bnr-jquery {position:relative;} /* *********************************************************************************** */ /* 03. NAVIGATION /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. MAIN NAVIGATION /*---------------------------------------------------------------*/ #menu-main-nav {list-style:none;margin:0;padding:0;list-style:none;float:right;} #menu-main-nav a {outline: none;} #menu-main-nav li {float:left;padding:5px 31px 12px 13px;position:relative;vertical-align:top;height:1%;margin-right: 2px;} #menu-main-nav ul li {background: none !important;} #menu-main-nav li.parent:hover {position:relative;} #menu-main-nav li.parent li.parent:hover {background:none !important;} #menu-main-nav li.parent li.parent li.parent:hover {background:none !important;} #menu-main-nav li.parent {letter-spacing:0.2px;} #menu-main-nav li strong {text-transform:uppercase;display:block;font-size:13px;letter-spacing: 0.6px;font-weight:800;} #menu-main-nav a {display:block;} #menu-main-nav a:hover {background-position:0 0;text-decoration:none;} #menu-main-nav .drop {width:236px;padding:0 1px 0 1px;position:absolute;left:-1px;top:52px;display:none;z-index:999;} #menu-main-nav .sub-menu {display: none;} #menu-main-nav .drop li.current-menu-item, #menu-main-nav .drop li.current_page_ancestor, #menu-main-nav .drop li.hover {z-index:10;} #menu-main-nav .drop .t, #menu-main-nav .drop .b {height:10px;overflow:hidden;} #menu-main-nav .drop .c {width:100%;} #menu-main-nav .drop ul {margin:0;padding:5px 0 8px;width:236px;list-style:none;} #menu-main-nav .drop ul li {float:none;padding:0;position:relative;height:1%;padding:0 8px;background:none;} #menu-main-nav .drop ul a {display:block;height:1%;width: 220px;} #menu-main-nav .drop ul a span {display:block;padding:7px 13px;height:1%;cursor:pointer;} #menu-main-nav .drop ul .drop {top:0;left:236px;} #menu-main-nav .drop ul .drop ul a {background:none;} #menu-main-nav .drop ul .drop ul a span {background:none;} #menu-main-nav .drop ul .drop ul .drop a, #menu-main-nav .drop ul .drop ul .drop a span {background:none !important;} #menu-main-nav li:hover .drop, #menu-main-nav li.hover .drop {display:block;} #menu-main-nav li:hover .drop ul .drop, #menu-main-nav li.hover .drop ul .drop {display:none;} #menu-main-nav li:hover .drop ul li:hover .drop, #menu-main-nav li.hover .drop ul li.hover .drop {display:block;} #menu-main-nav li.current-menu-parent li a span, #menu-main-nav li.current-menu-item li a span, #menu-main-nav li.current_page_ancestor li a span {text-decoration:none;color:#999;} #menu-main-nav .drop ul li.current-menu-item ul li a, #menu-main-nav .drop ul li.current-menu-item ul li a span, #menu-main-nav li .sub-menu li .sub-menu li .sub-menu li a span {background: none !important;} /*---------------------------------------------------------------*/ /* 2. VERTICAL SUB NAVIGATION /*---------------------------------------------------------------*/ #sub_nav {float: left;width:220px;float:left;background:url(images/_global/bg-sidebar.gif) 206px 0 repeat-y;padding-bottom:65px;overflow:hidden;} #sub_nav ul a {display:block;background:url(images/_global/separator3.gif) 0 100% repeat-x;padding:4px 0 8px 20px;height:1%;position:relative;margin:0 13px 0 0;} #sub_nav ul a:hover, #sub_nav ul li.current_page_item a {margin-right:0;color:#fff;text-decoration:none;} #sub_nav ul ul a {background:url(images/_global/bullet1.gif) 0 9px no-repeat;padding:4px 0 1px 14px;} #sub_nav ul ul a:hover {text-decoration:underline;color:#666;} #sub_nav ul {margin:0;padding:0;list-style:none;} #sub_nav ul li {vertical-align:top;height:1%;} #sub_nav ul ul {list-style:none;margin:0;padding:9px 0 6px 31px;} #sub_nav ul ul ul {padding:5px 0 9px 23px;} .nav_right_sub_nav ul li.current_page_item ul li a, .nav_right_sub_nav ul li.current_page_item ul li a:hover, .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a, .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a:hover, .nav_right_sub_nav ul li ul li a, .nav_right_sub_nav ul li ul li a:hover{padding-left: 15px !important;margin: 0 0 0 13px !important;} .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a, #sub_nav li.current-menu-parent ul li.current_page_item a {font-weight: bold;} .nav_right_sub_nav ul li.current_page_item ul li.current_page_item ul li a {font-weight: normal !important;} .nav_right_sub_nav {float: right !important;background:url(images/_global/bg-sidebar.gif) 12px 0 repeat-y !important;} .nav_right_sub_nav ul a {margin:0 0 0 13px !important;} .nav_right_sub_nav ul li.current_page_item a, .nav_right_sub_nav ul a:hover {margin-left:0 !important;padding-left: 33px !important;} #sub_nav ul li ul li.current_page_item ul li a {font-weight: normal !important;} /*---------------------------------------------------------------*/ /* 3. HORIZONTAL SUB NAVIGATION /*---------------------------------------------------------------*/ #horizontal_nav {width: 100%;float: left;background: url(images/_global/separator3.gif) 0 100% repeat-x;padding-bottom: 20px;margin: -20px 0 30px 0;} #horizontal_nav ul {margin:0 0 0 -25px;padding:0;list-style:none;height:1%;overflow:hidden;} #horizontal_nav ul li {float: left;margin-left: 25px;} #horizontal_nav ul {float:left;} #horizontal_nav ul a {float:left;padding:0 11px 0 0;outline:none;color:#474747;text-decoration: none;} #horizontal_nav ul a:hover, #horizontal_nav ul .current_page_item {background:url(images/_global/bg-horz-active.jpg) 100% 0 no-repeat;text-decoration:none;} #horizontal_nav ul .current_page_item a, #horizontal_nav ul a:hover {color:#fff !important;} #horizontal_nav ul a span {float:left;padding:4px 0 4px 13px;cursor:pointer;} #horizontal_nav ul .current_page_item span, #horizontal_nav ul a:hover span {background:url(images/_global/bg-horz-active.jpg) no-repeat;} /*---------------------------------------------------------------*/ /* 4. BREADCRUMBS /*---------------------------------------------------------------*/ .tools .breadcrumb {margin:0;padding:4px 0 19px 0;float:right;overflow:hidden;font-size:.9em;} .tools .breadcrumb a {padding:0 15px 0 7px;background:url(images/_global/arrow-right.png) 100% 50% no-repeat;margin:0 0 0 6px;color:#FFF;outline: none;} .tools .breadcrumb a:hover {color:#CCC;} .tools .breadcrumb .current_crumb {background:url(images/_global/arrow-up.png) 50% 100% no-repeat;padding:0 5px 23px 7px;font-weight: bold;} /* *********************************************************************************** */ /* 04. LINKS /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LINKS /*---------------------------------------------------------------*/ a {color:#666;outline: none;} #menu-main-nav a, #sub_nav a, #wrapper .tabset a {text-decoration: none;} a:hover { text-decoration:underline;} #header .logo {float:left;margin-left:22px;outline: none;} #header .sub-nav a, #header .sub-nav2 a {color: #575C60;text-decoration: none;} #header .sub-nav a:hover, #header .sub-nav2 a:hover {color: #8B949A;} #header .sub-nav li, #header .sub-nav2 li {color: #575C60;} .footer-holder a, #footer_bottom a {text-decoration: none;color:#575C60;} .footer-holder a:hover, #footer_bottom a:hover {color:#8B949A;} #footer_bottom a {text-decoration: underline;} #footer_bottom a{text-decoration:none;} .callout_button{border:0;margin:0;padding:6px 10px !important;background:#999 url(images/_global/bg-input-button-footer.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;color: #333;outline:none;border: 1px solid #999;display: inline-block;font-size: 12px !important;text-decoration: none;} .callout_button:hover {text-decoration: none;} #footer h3 a {color: #FFF !important;} .post_title h1 a {color:#222 !important;text-decoration:none !important;} /*---------------------------------------------------------------*/ /* 2. TOP LINK /*---------------------------------------------------------------*/ .link-top {padding:3px 0 0 17px;background:url(images/_global/bg-link-top.gif) 0 7px no-repeat;color:#333;font-size:11px;outline: none;margin:-9px 2px 15px 0;float: right;} .link-top:hover {color: #E34801;} #footer_bottom .link-top {background:url(images/_global/arrow-up-footer.png) 0 8px no-repeat;font-weight: bold;} #footer_bottom .link-top, #footer_bottom .link-top:hover {color: #FFF !important;text-decoration: none !important;} #footer_bottom .top-footer {float: right;padding:8px 0 0 12px;} /* *********************************************************************************** */ /* 05. LISTS /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LISTS /*---------------------------------------------------------------*/ .top-block .sub-nav {margin:0;padding:0;float:left;} .top-block .sub-nav2 {margin:0;padding:0;float:right;} .top-block .sub-nav ul, .top-block .sub-nav2 ul, #footer_bottom ul {margin:0;padding:0;list-style:none;float:left;overflow:hidden;} .top-block .sub-nav ul li, .top-block .sub-nav2 ul li, #footer_bottom ul li{float:left;margin:0 4px 0 -4px;padding:0 9px;} .top-block .sub-nav2 ul, #footer_bottom #foot_right ul{float:right;} .footer-holder ul {margin:0;padding:0;color:#999;list-style: none;} .footer-holder li {margin-bottom: 8px;} .search-list {margin:0 0 0 15px;padding:0;} .search-list li {margin-bottom: 20px;} .sitemap-list .sub-menu {list-style:none;margin-left:10px;padding:10px 0 5px 0;} .sitemap-list .sub-menu li .sub-menu {list-style:none;margin-left:15px;padding:10px 0 0 0;} /*---------------------------------------------------------------*/ /* 2. CUSTOM LIST BULLETS /*---------------------------------------------------------------*/ .list {margin:0;list-style:none;padding:0 0 20px 0;} .list li {padding:5px 0 0 15px;background:url(images/_global/bullet2.gif) 0 11px no-repeat;margin-bottom: 5px;} .list2 li {background:url(images/_global/bullet3.gif) 0 11px no-repeat;} .list3 li {background:url(images/_global/bullet4.gif) 0 11px no-repeat;} .list4 li {background:url(images/_global/bullet5.gif) 0 11px no-repeat;padding-left:20px;} /*---------------------------------------------------------------*/ /* 3. ACCORDION /*---------------------------------------------------------------*/ .accordion {width: 100%;padding:0 0 20px 0;background:none;} .accordion a {text-decoration: none;} .opener {background:#FFF url(images/_global/bg-accordion-opener.jpg) left bottom repeat-x;display:block;font-size:13px;padding:8px 9px;outline: none;color:#676767;border: 1px solid #C3C3C3;margin-bottom:3px;} .opener:hover {color:#222;text-decoration: none;} .opener strong {background:url(images/_global/bg-accordion-close.png) 2px 3px no-repeat;display:block;padding:2px 0 2px 32px;height:1%;cursor:pointer;text-shadow:1px 1px 1px #FFF;} .accordion .slide-holder {width:100%;overflow:hidden;} .accordion {list-style:none;} .accordion .ui-state-active strong {background:url(images/_global/bg-accordion-open.png) 2px 3px no-repeat !important;color:#222;} .accordion .slide {padding:20px 27px 0 27px;} /*---------------------------------------------------------------*/ /* 4. TABS /*---------------------------------------------------------------*/ #wrapper .tabs-area {padding: 20px 0 0 0;} #wrapper .tabset {margin:0;padding:0 0 18px 23px;list-style:none;height:1%;overflow:hidden;} #wrapper .tabset li {float:left;margin-right:20px;} #wrapper .tabset a {color: #666;} #wrapper .tabset a:hover {color: #FFF;} #wrapper .tabset .tab {float:left;padding:0 11px 0 0;outline:none;color:#474747;} #wrapper .tabset .active, .tabset a:hover {text-decoration:none;color:#FFF;} #wrapper .tabset .tab span {float:left;padding:3px 0 4px 13px;cursor:pointer;} #wrapper .tab-box {background:url(images/_global/bg-tab-box.gif) repeat-x;margin:0 9px 0 0;padding:30px 27px 0 27px;} #wrapper .blog-tab-box {margin:0 9px 0 0;padding:0 0 20px 0;width: 100%;} #wrapper #blog-tabs .tabset {padding:0 0 15px 0;float: right;} /* *********************************************************************************** */ /* 06. TYPOGRAPHY /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL TYPOGRAPHY /*---------------------------------------------------------------*/ #main .frame h1 {padding-bottom: 15px !important;font-size:24px !important;float:left;margin:3px 0 0 0 !important;color: #FFF;} #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {padding-bottom: 10px;font-weight: normal;margin:0;color: #222;} #main h1 {font-size:2.4em; padding-bottom: 20px;} #main h2 {font-size:2.1em;} #main h3 {font-size:1.7em;} #main h4 {font-size:1.5em;} #main h5 {font-size:1.3em;} #main h6 {font-size:.9em;color: #222;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;padding-bottom: 5px !important;} #sidebar h2 {padding-bottom: 5px;font-size:10px;} .search-title {color: #000;font-size:1.9em;} #main .portfolio_full_width h3 {color: #000;} #content p {margin:0;padding:0 0 20px 0;} p strong {color: #555;} .sitemap-last p {line-height:25px;} #content .sub-box3 .cols-holder {padding:41px 0 0;} #main .video-sub h2, #main .two-d-sub h2, #main .three-d-sub h2 {padding-bottom: 10px !important;} .home-banner-main h2 {color: #222 !important;font-size:2em !important;padding-bottom: 5px !important;font-weight:normal !important;} .home-banner-main p {font-size: 1.1em;line-height:21px;} .home-bnr-jquery .home-banner-main h2 {color:#FFF !important;} /*---------------------------------------------------------------*/ /* 4. FOOTER /*---------------------------------------------------------------*/ #footer p, #footer_bottom p {margin:0;} #footer, #footer_bottom {color: #575C60;} #footer h3 {text-transform:uppercase;color:#fff;display:block;font-size:12px;letter-spacing: 0.5px;border-bottom: 1px solid #3E4055;padding-bottom: 7px;margin-bottom: 16px;font-weight: bold;} #footer .footer_post h4, #footer .footer_post h4 a{text-transform:uppercase;color:#fff;display:block;font-size:11px;letter-spacing: 0.5px;} #footer .footer_post h4{padding-bottom: 3px;} #footer_bottom p { padding: 15px 30px; font-size: 11px;} /*---------------------------------------------------------------*/ /* 5. CALLOUTS /*---------------------------------------------------------------*/ .callout-wrap {float: left;width: 100%;padding-top: 20px;background:url(images/separator3.gif) 0 0 repeat-x;margin: 10px 0 30px 0;} .callout-wrap span {padding-bottom: 25px;background:url(images/separator3.gif) left bottom repeat-x;color: #222;font-size:1.8em;line-height: 28px;display: block;} .callout2 {color: #222;font-size:1.5em;line-height: 28px;} /* *********************************************************************************** */ /* 09. IMAGES /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL /*---------------------------------------------------------------*/ img, img a {border:0;} .attachment-fadeIn, .attachment-post-thumbnail {display:none;} img a, a img {cursor:pointer;} /*---------------------------------------------------------------*/ /* 2. MODERN FRAME /*---------------------------------------------------------------*/ /* preloading */ .preload_full, .preload_regular, .preload_small, .preload_two_col_large, .preload_two_col_small, .preload_three_col_large, .preload_three_col_small{background: url(images/_global/preload.gif) center center no-repeat;margin:8px 0 0 9px;float:left;} .preload_four_col_small, .preload_four_col_large{background: url(images/_global/preload-small.gif) center center no-repeat !important;margin:8px 0 0 9px;float:left;} .preload_full {width: 922px;height: 201px;} .preload_regular {width: 703px;height: 201px;} .preload_small {width: 493px;height: 201px;} .preload_two_col_large{width: 437px;height: 234px;} .preload_two_col_small{width: 324px;height: 180px;} .preload_three_col_large{width: 275px;height: 145px;} .preload_three_col_small{width: 202px;height: 113px;} .preload_four_col_large{width: 190px;height: 111px;} .preload_four_col_small{width: 135px;height: 76px;} .modern_banner_full iframe{margin:8px 0 0 9px;float:left;} .modern_img_frame {background: url(images/_global/image-frame-sprite.png) 0px 0px no-repeat;margin-bottom: 6px;} /* banners */ .modern_banner_full{width: 940px;height: 245px;background-position: -3px -857px !important;} .modern_banner_regular{width: 720px;height: 240px;background-position: 0px -1354px !important;} .modern_banner_small{width: 510px;height: 240px;background-position: -5px -1844px !important;} /* 2 cols */ .modern_two_col_large{width: 455px;height: 272px;background-position: 0px 0px !important;} .modern_two_col_small{width: 342px;height: 217px;background-position: -5px -630px !important;} /* 3 cols */ .modern_three_col_large{width: 293px;height: 179px;background-position: -1px -279px !important;} .modern_three_col_small{width: 220px;height: 144px;background-position: -224px -465px !important;} /* 4 cols */ .modern_four_col_large{width: 208px;height: 140px;background-position: -2px -465px !important;} .modern_four_col_small{width: 152px;height: 102px;background-position: -302px -300px !important;} /*---------------------------------------------------------------*/ /* 3. SHADOW FRAME /*---------------------------------------------------------------*/ /* preloading */ .shadow_preload_full, .shadow_preload_regular, .shadow_preload_small, .shadow_preload_two_col_large, .shadow_preload_two_col_small, .shadow_preload_three_col_large, .shadow_preload_three_col_small{background: url(images/_global/preload-white.gif) center center no-repeat;margin:6px 0 0 6px;float:left;} .shadow_preload_four_col_small, .shadow_preload_four_col_large{background: url(images/_global/preload-small-white.gif) center center no-repeat !important;margin:6px 0 0 6px;float:left;} .shadow_preload_full {width: 928px;height: 208px;} .shadow_preload_regular {width: 708px;height: 208px;} .shadow_preload_small {width: 498px;height: 208px;} .shadow_preload_two_col_large{width: 443px;height: 241px;} .shadow_preload_two_col_small{width: 330px;height: 186px;} .shadow_preload_three_col_large{width: 281px;height: 152px;} .shadow_preload_three_col_small{width: 208px;height: 120px;} .shadow_preload_four_col_large{width: 196px;height: 118px;} .shadow_preload_four_col_small{width: 140px;height: 83px;} .shadow_img_frame {background: url(images/_global/image-frame-sprite.png) 0px 0px no-repeat;margin-bottom: 6px;} /* .shadow_img_frame img {margin: 6px 0 0 6px;} */ /* banners */ .shadow_banner_full{width: 940px;height: 250px;background-position: -1px -1103px !important;} .shadow_banner_regular{width: 720px;height: 250px;background-position: -1px -1594px !important;} .shadow_banner_small{width: 510px;height: 250px;background-position: -754px -1355px !important;} /* 2 cols */ .shadow_two_col_large{width: 455px;height: 283px;background-position: -460px 0px !important;} .shadow_two_col_small{width: 342px;height: 226px;background-position: -347px -631px !important;} /* 3 cols */ .shadow_three_col_large{width: 293px;height: 191px;background-position: -461px -283px !important;} .shadow_three_col_small{width: 220px;height: 158px;background-position: -695px -476px !important;} /* 4 cols */ .shadow_four_col_large{width: 208px;height: 155px;background-position: -461px -475px !important;} .shadow_four_col_small{width: 152px;height: 118px;background-position: -764px -283px !important;} /* *********************************************************************************** */ /* 10. MISCELLANEOUS /* *********************************************************************************** */ .hr, .hr_top_link {border: 0;height: 2px;width: 100%;background: url(images/_global/separator3.gif) 0 0 repeat-x;margin: 1.6em 0;} .hr_top_link {margin-bottom: 1em;} .hr_shadow {border: 0;height: 20px;width: 100%;background: url(images/_global/separator-shadow-small.jpg) top center no-repeat;margin: 15px 0 22px 0;} .content_full_width .hr_shadow {background: url(images/_global/separator-shadow.jpg) top center no-repeat !important;} .content_sidebar .hr_shadow {background: url(images/_global/separator-shadow-xtra-small.jpg) top center no-repeat !important;} table{font-size:1.2em;} table td, table th{padding:6px;} .flash-wrap {min-height:400px;} /* *********************************************************************************** */ /* 13. PROGRESSIVE CSS ENHANCEMENTS /* *********************************************************************************** */ .message_green, .message_red, .message_blue, .message_yellow, #ka-submit, .opener, #ka-submit, .ka-form-submit, #mc_signup #mc_signup_submit, .callout_button, .testimonials{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #ka-submit, .ka-form-submit { -moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666; box-shadow: 1px 1px 3px #666; } #mc_signup #mc_signup_submit, .callout_button { -moz-box-shadow: 1px 1px 3px #222; -webkit-box-shadow: 1px 1px 3px #222; box-shadow: 1px 1px 3px #222; } #menu-main-nav li.parent:hover{ border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } h1,h2,h3,h4,h5,h6{text-shadow:1px 1px 1px #FFF;} #footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,.frame h1{text-shadow:none;} .home-bnr-jquery .home-banner-main h2{text-shadow:1px 1px 1px #222;} /* *********************************************************************************** */ /* 14. PRETTY PHOTO /* *********************************************************************************** */ div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(images/_global/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(images/_global/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(images/_global/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(images/_global/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(images/_global/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url(images/_global/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(images/_global/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(images/_global/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(images/_global/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(images/_global/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(images/_global/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}.pp_gallery ul a{border:1px #000 solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(images/_global/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;} /* *********************************************************************************** */ /* 15. IE SPECIFIC /* *********************************************************************************** */ #foot_right{position: relative;} .top-footer{position: absolute;top: 0;right: 0;} #foot_right ul{position: absolute;top: 0;right: 50px;}