/*********************************************************************** ******************* reset.css ****************************************** ************************************************************************/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} th {color:#000;line-height:40px;min-height:40px;text-align:center;padding:10px;font-weight:bold;} blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a img {border:none;} .clearer {height:0px;overflow:hidden;margin:0px;clear:both;} .center {text-align:center;} /* self-clear floats */ .group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* ie.css */ * html .group { /* IE6 */ height:1%; } *:first-child+html .group { /* IE7 */ min-height:1%; } /***********************************************************************/ html, body, div, p{ margin: 0; padding: 0; border: 0; } img { border:0 } /* Main Layout */ html { min-height:100% } body { font-family:Calibri, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, san-serif; font-size:14px; line-height:1.8em; } /* typography */ p, li, address, dd, blockquote { color:#000; font-size:1em; line-height:1.61em } h1, h2, h3, h4, h5, h6, p, dl, ul, ol { margin:1em 0 0.8em; } a, a:hover { text-decoration:none } h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#8d8c8c; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color:#2c2b2b; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {color:#454545;margin-top:0;clear:both;} h1 { font-size:2.3em } h2 { font-size:2.154em } h3 { font-size:1.8em } h4 { font-size:1.428em } h5 { font-size:1em } h6 { font-size:0.9em } .post h3 {font-size:1.54em;} body h5, body h6 {font-family: "Droid Sans", serif !important;} .cufon-delicious h1, .cufon-delicious h2, .cufon-delicious h3 {letter-spacing:-2px;} .cufon-delicious h4, .cufon-delicious h5, .cufon-delicious h6 {letter-spacing:-1px;font-weight:normal;} #content ul { margin-left:40px; list-style:square } #content ol { margin-left:40px; } i, em { font-style:italic; } strong { font-weight:bold; } #content blockquote { background:url('images/cite.png') no-repeat 45px 25px; padding:35px; } dt { font-weight:bold; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #615c5c; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #2a2a2a; } .no_js .hide-if-no-js {display:none;} .post p {margin-bottom:1.3em;} .line { border-top:1px solid #cacaca } .space { height:45px } .border-line { height:1px; background:#ddd; width:100%; clear:both; margin:1.2em 0; } body .last, body .widget-last { margin-right:0; border-right:0; } .shadowBg {background:url('images/shadow.png') center 10px no-repeat;} .wrapper { width: auto; margin:0 auto; /* main width */ background-color:#FFF; margin-top:40px; margin-bottom:2px; } .responsive .wrapper { max-width:1200px; width:auto; overflow:hidden; } .wrapper ul{list-style-position:inside;} /* ====================== START MAIN STRUCTURE ====================== */ #header { position:relative; } #logo { float:left; margin:30px 0 30px 20px; } #nav { float:right; } #slogan { margin:2em 0; } #slider { } #content { padding:1em 20px 30px; } #primary { width:640px; } #sidebar { width:250px; } #footer { padding:10px 10px 30px; } .extra-content { padding:0 20px 30px; clear:both; } #content .extra-content {padding:0 0 30px;} /* layouts */ .layout-sidebar-left #sidebar, .layout-sidebar-right #primary { float:left; } .layout-sidebar-right #sidebar, .layout-sidebar-left #primary { float:right; } .layout-sidebar-no #primary { float:left; width:100%; } .home #content { padding-top:3em; } /* ====================== END MAIN STRUCTURE ====================== */ /* ====================== START HEADER ====================== */ #topbar{background-color:#edecec;padding:0 10px;} #topbar ul{list-style:none;margin:0;} #topbar ul li{display:inline-block; font-size:10px; margin:8px 0px 6px; } #topbar ul li a, #topbar ul li a:visited{color:#898787;} #topbar ul li a:hover{color:#2c2b2b;text-decoration:none;} #topbar ul.topbar_links {float:right;} #topbar .theme_breadcumb {float:left;line-height:32px;font-size:0.8em;margin:0;font-family:'Droid Sans', sans-serif !important;} #topbar .theme_breadcumb a {color:#656363;} #topbar .theme_breadcumb a.current {color:#2c2b2b;} #topbar .theme_breadcumb a:hover {color:#000;} #topbar .theme_breadcumb a.no-link {cursor:default;} /* navigation */ #nav { font-family:Verdana, Tahoma, Arial, san-serif; } #nav ul {list-style:none; margin-top:40px;} #nav ul li{display:inline-block; margin-right:25px; height:41px; line-height:32px; position:relative;} #nav ul li a, #nav ul li a:visited{color:#898787; font-size:10px; text-transform:uppercase; padding-top:12px; display:block;} #nav ul li a:hover, #nav .menu ul li.current_page_item a, #nav ul li.current-menu-item a{color:#000;} #nav .menu ul li, #nav ul li.home {background:url('images/icons/nav/home.png') top center no-repeat;} #nav .menu ul li.page-item-2, #nav ul li.folder {background:url('images/icons/nav/folder.png') top center no-repeat;} #nav .menu ul li.page-item-3, #nav ul li.bookmark {background:url('images/icons/nav/bookmark.png') top center no-repeat;} #nav .menu ul li.page-item-4, #nav ul li.burst {background:url('images/icons/nav/burst.png') top center no-repeat;} #nav .menu ul li.page-item-5, #nav ul li.calendar {background:url('images/icons/nav/calendar.png') top center no-repeat;} #nav .menu ul li.page-item-6, #nav ul li.email {background:url('images/icons/nav/email.png') top center no-repeat;} #nav .menu ul li.page-item-7, #nav ul li.bag {background:url('images/icons/nav/bag.png') top center no-repeat;} #nav .menu ul li.page-item-8, #nav ul li.diap {background:url('images/icons/nav/diap.png') top center no-repeat;} #nav .menu ul li.page-item-9, #nav ul li.pen {background:url('images/icons/nav/pen.png') top center no-repeat;} #nav .menu ul li.page-item-10, #nav ul li.people {background:url('images/icons/nav/people.png') top center no-repeat;} #nav .menu ul li:hover, #nav .menu ul li.current_page_item, #nav ul li.home:hover, #nav ul li.home.current-menu-item, #nav .menu ul li.page-item-2:hover, #nav .menu ul li.page-item-2.current_page_item, #nav ul li.folder:hover, #nav ul li.folder.current-menu-item, #nav .menu ul li.page-item-3:hover, #nav .menu ul li.page-item-3.current_page_item, #nav ul li.bookmark:hover, #nav ul li.bookmark.current-menu-item, #nav .menu ul li.page-item-4:hover, #nav .menu ul li.page-item-4.current_page_item, #nav ul li.burst:hover, #nav ul li.burst.current-menu-item, #nav .menu ul li.page-item-5:hover, #nav .menu ul li.page-item-5.current_page_item, #nav ul li.calendar:hover, #nav ul li.calendar.current-menu-item, #nav .menu ul li.page-item-6:hover, #nav .menu ul li.page-item-6.current_page_item, #nav ul li.email:hover, #nav ul li.email.current-menu-item, #nav .menu ul li.page-item-7:hover, #nav .menu ul li.page-item-7.current_page_item, #nav ul li.bag:hover, #nav ul li.bag.current-menu-item, #nav .menu ul li.page-item-8:hover, #nav .menu ul li.page-item-8.current_page_item, #nav ul li.diap:hover, #nav ul li.diap.current-menu-item, #nav .menu ul li.page-item-9:hover, #nav .menu ul li.page-item-9.current_page_item, #nav ul li.pen:hover, #nav ul li.pen.current-menu-item, #nav .menu ul li.page-item-10:hover, #nav .menu ul li.page-item-10.current_page_item, #nav ul li.people:hover, #nav ul li.people.current-menu-item {background-position:bottom center;} /* dropdown */ #nav ul.sub-menu, #nav ul.children { display:none; margin:5px; position:absolute; top:42px; left:-18px; z-index:100000; list-style:none; margin:0; } #nav ul.sub-menu li, #nav ul.children li { clear:both; display:block; width:170px; border:none; height:auto; line-height:1em; margin:0; background:none; } #nav ul.sub-menu li a, #nav ul.children li a { font-size:0.75em; font-weight:normal; color:#eee; padding:6px 18px; } #nav ul.sub-menu li ul, #nav ul.children li ul { top:0; left:170px !important; } #nav ul.sub-menu li.left ul, #nav ul.children li.left ul { top:0; left:-200px !important; } #nav ul.black ul.sub-menu, #nav ul.black ul.children { -moz-box-shadow: 0 0 5px #000; padding:9px 0; -webkit-box-shadow: 0 0 5px #000; background-color:#000; filter:alpha(opacity = 80); border:1px solid #333; background:rgba(0,0,0,0.8); } #nav ul.black ul.sub-menu li:hover, #nav ul.black ul.sub-menu li.sub:hover, #nav ul.black ul.children li:hover, #nav ul.black ul.children li.sub:hover { background-color:#0F0F0F; background-color:rgba(0,0,0,0.6) } #nav ul.black ul.sub-menu li.sub, #nav ul.black ul.children li.sub { background:url('images/icons/arrow-sub.png') 156px center no-repeat } #nav ul.black ul.sub-menu ul, #nav ul.black ul.children ul { top:-10px } #nav ul.white ul.sub-menu, #nav ul.white ul.children { left:-10px; font-size: 1.05em; display:none; position:absolute; text-transform: none; padding:5px 0; background:#fff; border:1px solid #d3d3d3; z-index:100000; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); } #nav ul.white ul.sub-menu li, #nav ul.white ul.children li { float:none; display:block; margin:0; line-height:1em; padding: 0 10px; } #nav ul.white ul.sub-menu li:first-child a, #nav ul.white ul.children li:first-child a { border:0; } #nav ul.white ul.sub-menu li a, #nav ul.white ul.children a { color:#8c969e; letter-spacing:0; display: block; padding:6px 0; border-top: 1px solid #DDD; text-align:left; } #nav ul.white ul.sub-menu li a:hover, #nav ul.white ul.children a:hover { color:#333; } #nav ul.white ul.sub-menu ul, #nav ul.white ul.children ul { top:-6px; } /*indicators*/ #nav a.sf-with-ul{ min-width:1px; padding-right: 15px; } #nav .sf-sub-indicator{position:absolute; display:block; width:10px; height:7px; text-indent:-999em; background: url('images/menu-arrow.png') bottom left; top: 23px; left: 110% !important;} #nav a:focus >.sf-sub-indicator, #nav a:hover >.sf-sub-indicator, #nav a:active >.sf-sub-indicator, #nav li:hover >a >.sf-sub-indicator, #nav li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow.png') top left;} #nav ul.sub-menu .sf-sub-indicator, #nav ul.children .sf-sub-indicator{ display:block; background: url('images/menu-arrow.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 6px;} #nav ul.sub-menu a >.sf-sub-indicator, #nav ul.children a >.sf-sub-indicator{ display:block; background: url('images/menu-arrow.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 6px} #nav ul.sub-menu a:focus >.sf-sub-indicator, #nav ul.sub-menu a:hover >.sf-sub-indicator, #nav ul.sub-menu a:active >.sf-sub-indicator, #nav ul.sub-menu li:hover >a >.sf-sub-indicator, #nav ul.sub-menu li.sfHover >a >.sf-sub-indicator, #nav ul.children a:focus >.sf-sub-indicator, #nav ul.children a:hover >.sf-sub-indicator, #nav ul.children a:active >.sf-sub-indicator, #nav ul.children li:hover >a >.sf-sub-indicator, #nav ul.children li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow.png') top right; } #nav ul.black ul .sf-sub-indicator {display:none;} /* nojs */ body.no_js #nav ul li:hover > ul { display:block } /* slogan */ #slogan { font-family: 'Open Sans Condensed', sans-serif;text-align:center; } #slogan {margin-top:0;background:url('images/slogan-shadow.png') no-repeat center bottom;} #content #slogan {padding-top:0;} .home #slogan {background:none;} #slogan p {text-align:left;font-size:1.4em;} #slogan h2 {font-weight:300; text-align:left; line-height:110%;} #slogan h1 {font-family: "Tangerine", serif; text-shadow: 4px 4px 4px #888; line-height:110%;} #slogan h3 {font-size:2.4em; padding-top: 40px; padding-bottom:5px; line-height: 110%;}, #slogan h1.only { font-size:1.714em; color:#5d5c5c; } .cufon-delicious #slogan h3, .cufon-delicious #slogan h1.only { letter-spacing:-1px; } #slogan h1, #slogan h3 { margin:0; font-weight:300; } #slogan h1 span, #slogan h3 span { color:#000; } /* slider */ #slider {position:relative;background:#e2e1e1 url('images/bg/bg-light.png') center bottom no-repeat;} #slider img{margin:0; padding:0;display:block;} #slider.fixed-image img {width:auto;height:auto;max-width:100%;} #slider .shadow{position:absolute;bottom:0;width:100%;height:10px;left:0;background:url('images/shadow-slider.png') no-repeat top center;z-index:10;} .slider-mobile {display:none;} /* ====================== END HEADER ====================== */ /* ====================== START CONTENT ====================== */ a {color:#000;} a:hover {color:#1a1a1a;} .home #content {padding-top:40px;} .gradient {background:#fbfafa url('images/section-gradient.gif') repeat-x top left;} .gradient-small {background:#fcfbfb url('images/testimonials-gradient.png') repeat-x top left;} .image-sphere-style .sphere, .image-sphere-style .sphere img {border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;display:block;margin:0;} .image-sphere-style .sphere {border:5px solid #B9B7B7;} /* header map */ .header-map {position:relative;border-top:15px solid #edecec;padding-bottom:10px;background:#b3b2b2;margin-bottom:30px;} .header-map iframe {} .header-map #map-wrap {width:100%;height:0px;overflow:hidden;} .header-map #map-wrap.opened {width:100%;height:400px;overflow:hidden;} .header-map #map {width:100%;height:400px;} .header-map .tab-label {display:block;width:59px;height:20px;background:url('images/map-tab.png') no-repeat;position:absolute;bottom:-20px;right:30px;padding:0 25px 0 10px;line-height:15px;color:#221f1f;font-family:'Droid Sans', sans-serif;font-size:0.857em;text-shadow:1px 1px 2px #fff;} .header-map .shadow {position:absolute;top:0;left:0;height:5px;width:100%;} /* ====================== END CONTENT ====================== */ /* ====================== START HOME SECTIONS ====================== */ .home-sections h1, .home-sections h2, .home-sections h3, .home-sections h4, .home-sections h5, .home-sections h6 {color:#000;margin-top:0;margin-bottom:0.3em;padding-left:10px;} .home-sections h1 span, .home-sections h2 span, .home-sections h3 span, .home-sections h4 span, .home-sections h5 span, .home-sections h6 span {color:#a6a4a4;} .home-sections p {margin:1.5em 0 0 !important;padding-left:10px;padding-right:10px;} .home-sections .section {padding:40px 0 40px 20px;min-height:170px;position:relative;min-height:180px;} .home-sections .section .section-title {width:205px;position:absolute;top:40px;left:20px;} .home-sections .section .section-title h2 {margin:1;width:195px;height:164px;line-height:160px;font-size:22px;font-weight:normal;color:#000;text-align:right;letter-spacing:0px;padding-right:10px;} .home-sections .section .section-title h4 {color:#000;margin:40px 0 0.5em;font-weight:normal;font-size:1.714em;} .home-sections .section .section-title h4 span {color:#000;} .home-sections .section .section-title p {margin:0.3em 0 0.5em !important;} .home-sections .section .section-content {margin-left:250px;padding-right:20px;} .home-sections .section .shadow {width:100%;height:10px;background:url('images/sections-shadow.png') no-repeat top center;position:absolute;bottom:-10px;z-index:1;left:-10px;padding-right:10px;} .cufon-delicious .home-sections .section .section-content h1, .cufon-delicious .home-sections .section .section-content h2, .cufon-delicious .home-sections .section .section-content h3 {letter-spacing:-1px;} .home-sections .post-sidebar {margin-top:20px;} .home-sections .post-sidebar .one-third {margin-bottom:20px;} .home-sections .section .box-sections {width:210px;} .home-sections .tabs-container .tabs {margin:0;list-style:none;overflow:hidden;position:relative;height:60px;} .home-sections .tabs-container .tabs li{ background:none; border:none !important; width:16.65%;float:left;text-align:center;} .home-sections .tabs-container .tabs h4{ padding:0; margin:0; font-size:16px; font-weight:normal; background:#e8e8e8; border-left:1px solid #d5d5d5; height:60px; line-height:60px; overflow:hidden; } .home-sections .tabs-container .tabs h4 a {display:block;} .home-sections .tabs h4 a, .home-sections .tabs h4 a:visited, .home-sections .tabs h4 a:hover{color:#666 !important;} .home-sections .tabs .active h4 a, .home-sections .tabs h4 a:visited, .home-sections .tabs h4 a:hover{color:#302f2f !important;} .home-sections .tabs-container .tabs .current h4, .home-sections .tabs-container .tabs h4:hover{background:none;} .home-sections .tabs-container div.panel {padding-left:0;} .home-sections .tabs-container .tabs li:first-child.current h4 {border-left-color:transparent;} .home-sections .tabs-container .border-box{ border:none !important; background:none; padding-top:20px; } /* ====================== END HOME SECTIONS ====================== */ /* ====================== START FOOTER ====================== */ #footer {background:#dddada; font-size:0.857em;} /* widgets */ #footer .footer-main .widget { float:left; width:172px; margin:20px 1.06% 0; } #footer .widget h3 { margin:0 0 1em; color:#000; font-size:1.6em; font-weight:normal; } .cufon-delicious #footer .widget h3 { letter-spacing:-1px; } #footer .widget ul { margin:0; list-style:none; } #footer .widget ul li a, #footer p { color:#000; } #footer .widget ul li a { line-height:2em; } #footer .widget ul li a:hover { color:#000; } #footer .hentry-post { margin-bottom:1.4em; } #footer .title { font-size:13px; color:#414243 !important; margin:0; float:none; width:auto; font-weight:bold; } #footer .title:hover {color:#000 !important;} #footer p { margin-top:0.4em; line-height:1.8em; color:#1c1c1c; } #footer .recent-posts {padding-left:0;} #footer .widget_flickrRSS img, #footer .slickr-flickr-gallery img{background-color:#C0BEBE;border:1px solid #FFFFFF;border-radius:6px 6px 6px 6px;display:block;float:left;height:50px;margin:0 12px 12px 0;padding:3px;width:50p} #footer .widget_flickrRSS img:hover, #footer .slickr-flickr-gallery img:hover {background:#eee;} #footer .recent-post p.post-date {background:url('images/time-icon.png') left center no-repeat;color:#656363;font-size:0.9167em;padding-left:20px;margin:0;} #footer .last-news .box-post .box-post-body {margin-left:0;} #footer.columns-1 .footer-main .widget { width:97.872%; } #footer.columns-2 .footer-main .widget { width:47.872%; } #footer.columns-3 .footer-main .widget { width:31.206%; } #footer.columns-4 .footer-main .widget { width:22.872%; } #footer.columns-5 .footer-main .widget { width:17.872%; } #copyright{background-color:#edecec;padding:0 10px;} #copyright p {display:inline-block; font-size:10px; margin:8px 0px 6px; } #copyright a, #copyright a:visited{color:#000; text-decoration:none;} #copyright a:hover{color:#666;} /* ====================== END FOOTER ====================== */ /* Extras */ .clear{clear:both;} .left{float:left;} .right{float:right;} .nomargin{margin:0} .nopadding{padding:0} .for-mobile {display:none !important;}