/* ************************************************ Theme Name: Revolution Theme URI: Description: Revolution is a flexible premium template for corporate and personal websites Author: Weblusive Author URI: http://www.weblusive.com Version: 1.0 ************************************************ */ /****************** GLOBAL SETTINGS **************/ @charset "utf-8"; /* CSS Document */ * {margin:0; padding:0; list-style:none; color:#666} img{border:none} a{outline:none} h1, h2, h3, h4, h5, h6{font-family: "calibri" Georgia, Times New Roman, Times, serif;color:#555; font-weight: normal; font-weight:bold; margin-bottom:10px;} h1{font-size:1.833em; font-size:2.4em; line-height:2.75em;} h2{font-size:1.666em; font-size:1.9em; line-height:0.9em; line-height:1.2em;} h3{font-size:1.6em; font-size:1.80em; line-height: 1.1em;} h4{font-size:1.333em; font-size:1.50em; line-height:1.125em; } h5{font-size:1.1667em; font-size:1.60em; line-height: 1.286em;} h6{font-size:1em; font-size:1.2em; line-height:1.5em; margin-top:0.5em; margin-bottom:1em} p{ line-height:1.666em; font-size:1.1em; font-size:1.2em; font-family: calibri, Georgia, arial; } li{line-height:1.6em} .clear {clear:both; float:none} .code, .pre {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E0E0E0;overflow: auto;padding: 10px;line-height:20px;white-space: pre-wrap} .code {background: url("img/code_bg.gif") repeat scroll 0 0 #F2F3F5;padding: 0px 10px;} /**********************************************************/ /******************* BODY BACKGROUND **********************/ html>body {font-size:12px} body{background:url(img/backgrounds/bright_squares.png) ; font-size:100%; font-family: calibri, Arial, Helvetica, sans-serif;} /*********************************************************/ #container {width:960px; padding:0px 10px; margin:0px auto; background: url('img/shadow.png') repeat-y; min-height:300px} .inner-container{background-color:#fff} #primary-div{background:url('img/header_bg.png') repeat-x top; height:11px; position:absolute; left:0; top:0; width:100%;} #top-div{height:3px; background:#24BDDF; width:960px; margin:0px auto; } #title-container{background:#fff; padding:30px} #content{background:#fff; min-height:600px;} #content-inner{padding:2.5em; width:900px; margin:0px auto} #content-inner p{padding-bottom:9px; } #header {width:100%; height: 139px; background:#FFF; border-top: 1px solid #DFDFDF;} #header-inner{width:980px; margin:0px auto; /*border-top: 2px solid #272727;*/ background: url('img/shadow.png') repeat-y} #header-wrap{background:#0c0c0c url(img/bg_header.html) 0px 0px; margin:0px auto; height:139px; padding:0px 10px 0px 10px; width:940px;} #logo {width:140px; height:139px; width:290px; float:left} #logo a{display:table-cell; vertical-align:middle; font-size:24px; text-decoration:none} #logo-image {margin: 25px 10px 0px 0px; background:#0c0c0c; margin:9px 0px 0px 0px; width:164px; height:73px; width:290px; height:130px;} /*-- ESSENTIAL STYLES --*/ .sf-menu, .sf-menu * {list-style:none;} .sf-menu {line-height:1.0} .sf-menu ul {position:absolute; top:-999em; width:11em;} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float:left;position:relative;} .sf-menu a {display:block; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:2.2em; /* match top ul list item height */z-index:9999} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top: 0} /*----- SKIN -----*/ ul.sf-menu > li.top:first-child {margin-left:0} .sub-menu a:hover{background:url('img/submenu_hover.html') no-repeat left; color:#24bddf; padding-left:30px; } .sub-menu{background:#000; width:200px !Important; z-index:13; margin-top:12px; -moz-opacity:0.8; opacity:0.8} .sub-menu li{line-height:14px; height:40px; height:auto; padding-bottom:2px} .sub-menu li:first-child{padding-top:4px; position:relative; } .sub-menu li:last-child a{} .sub-menu a{color:#fff; display:block; font-size:12px; font-size:13px; text-transform:none; height:40px; height:auto: line-height:14px; padding:0px 20px !important; text-decoration:none} .sf-menu li li {height:30px; line-height:14px; padding-bottom:2px; height:auto;} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0} #top-menu {float:right; margin:24px 00px 0px 0px; border-bottom:solid 1px #dfdfdf} #top-menu ul {list-style:none;} #top-menu li.top {display:inline; margin-left:24px} #top-menu li:first-child {margin-left:0px} #top-menu li.top > a {text-decoration:none; color:#484848; padding-bottom:8px; font-size:1.233em; font-size:1.333em;} #top-menu li.top > a:hover, #top-menu a.active, #top-menu li.top.current-menu-item, #top-menu li.current-page-parent, #top-menu li.current_menu_parent {border-bottom:solid 3px #d70000 !Important; /*background:url('img/diagonals.png') repeat-x bottom;*/ margin-bottom:-3px} #slider {width:100%; height:400px; height:320px; background:url('img/slider_bg.png'); position:relative} #headline{} #headline, #inner-headline {height:100px; background:#232323; padding:0px 28px} #inner-headline{background:url('img/slider_bg.png'); } #headline h3, #headline p{ vertical-align:middle; display:table-cell; height:100px;} #headline h2, #inner-headline h2{font-size:1.9em; font-size:2.0em; line-height:30px;} #inner-headline h2{font-size:1.9em; font-size:2.2em ; line-height:30px; color:#14b5d9;} #headline a{margin-top:5px} #inner-headline h2, #headline h2{display:table-cell; height:100px; vertical-align:middle;} #headline h2{color:#fefefe; } /******** Jquery Cicle ********/ .ps_container {width: 960px;height: 320px; margin: 0px auto} .pc_bar_container{width: 960px;padding: 0 1px 0 10px;margin: 0px auto; position:absolute; bottom:25px} .pc_container .pc_item {margin-top: 15px;margin-left: 1px;width: 920px;height: 320px;} .pc_container .pc_bar_container {position: absolute;top: 340px;color: white;padding: 0px 10px 0px 10px;width: 100%;overflow:visible;} .pc_bar_container_underflow {width: 90000px;overflow: visible;} .pc_bar_container_overflow {overflow: hidden;position: absolute;top: 340px;color: white;margin: 0px 10px 0px 10px;padding: 0px;} .left, .center, .right {background-position: left;background-repeat: no-repeat;overflow: hidden;font-size: 1px;float: left;} .bar {background-position: left;overflow: hidden;font-size: 1px;float: left;} .pc_item .desc {display:none; position: absolute;width: 400px;padding:10px 10px 16px 10px;height: 70px; bottom:36px; right: 0px; top:auto; overflow:hidden; background:url('img/nivo-bg.png')} .pc_item .desc h2, .pc_item .desc p{color: #fff} .pc_item .desc h2{margin-top:0} #cycle-prev, #cycle-next{width:32px; height:32px; background-repeat:no-repeat; position:absolute; top:140px; z-index:999; cursor:pointer} #cycle-prev{background-image:url('img/slider_left.png'); left:-16px} #cycle-next{background-image:url('img/slider_right.png'); right:-16px} .slider-nav{position:relative} /*******************************/ .button{display: inline-block;zoom: 1;*display: inline;vertical-align: baseline;margin: 2px; outline: none;border:none;cursor: pointer;text-align: center;text-decoration: none;padding: .3em .6em;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.2);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.1);box-shadow: 0px 0px 0px 0px rgba(0,0,0,.2); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#f0f0f0; border:2px solid #d9d9d9; font-weight:bold;} .button.square{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px} .button span{color:#FFF;font-size: 18px; line-height:40px; padding:2px 8px 2px 4px} .button.small{-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow:none; padding:0em .4em} .button.small span{font-size:12px; line-height:30px} .with-icon{padding-right:36px;background-position:right center;background-repeat:no-repeat;display:block;} .button span.with-icon{padding-right:33px; display:inline} .with-icon.question{background-image:url('img/icons/question.png')} .with-icon.pictures{background-image:url('img/icons/pictures.png')} .with-icon.email{background-image:url('img/icons/email.html')} .with-icon.settings{background-image:url('img/icons/settings.png')} .with-icon.chat{background-image:url('img/icons/chat.png')} .with-icon.shopping-cart{background-image:url('img/icons/shopping_cart.png')} .with-icon.help{background-image:url('img/icons/help.png')} .with-icon.calendar{background-image:url('img/icons/calendar.png')} .with-icon.print{background-image:url('img/icons/print.png')} .with-icon.home{background-image:url('img/icons/home.png')} .with-icon.portfolio{background-image:url('img/icons/portfolio.png')} .with-icon.attachment{background-image:url('img/icons/attachment.png')} .with-icon.blog-read-more{background-image:url('img/icons/arrow.png')} .button.grey-back{background:#d6d6d6} .tabs {list-style:none; margin:0 !important; padding:0; height:38px} .tabs li {float:left; text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; } .tabs a {font-size:18px !important; font-family: calibri, Georgia, arial; display:block;text-align:center; background: #24bddf;color:#fff; border-right:solid 1px #fff;text-decoration:none !important;padding:10px 40px;margin:0px; position:relative;} .tabs a:active, .tabs a:hover, .tabs .current, .tabs .current:hover, .tabs li.current a {background: #fff;color:#000; } .tabs .current, .tabs .current:hover, .tabs li.current a {cursor:default !important; text-decoration:none !important;} .panes{border-bottom: 1px solid #CED7C1 !important} .panes .pane {display:none} .panes > div {display:none; padding:28px 30px;min-height:100px;font-size:14px;background-color:#fff; margin-top:-1px} .tabs.tabtype2 {list-style:none; margin:0 !important; padding:0 0 1px 0;height:35px;} .tabs.tabtype2 li { position:relative; float:left; text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; } .tabs.tabtype2 a {position:relative; font-size:14px !important;display:block;height: 35px; line-height:35px;text-align:center; background:#f3f4f5;border:solid 1px #ced7c1; border-left:none; text-decoration:none;color:#000;padding:0px 20px;margin:0px; position:relative;} .textwidget .tabtype2 a{padding: 0 15px} .textwidget .tabtype2 a.wt-title{padding:0} .tabs.tabtype2 a:active, tabs.tabtype2 a:hover, tabs.tabtype2 a.current, tabs.tabtype2 a.current:hover, .tabs.tabtype2 a.current {background: #e8ebec;color:#000;text-decoration:none !important;} .tabtype2 .current, .tabtype2 .current:hover, .tabtype2 li.current a {cursor:default !important; text-decoration:none !important;} .tabs.tabtype2 li:first-child a{border-left:solid 1px #ced7c1} .panes .pane { display:none; height: auto; } .panes > div.tabtype2 {display:none;padding:10px ;min-height:100px;font-size:14px;background-color:#fff;} .textwidget .panes > div.tabtype2 {padding:0px; min-height:0px} .panes > div.tabtype2 li{padding:6px 10px} .panes > div.tabtype2 a:hover{text-decoration:none} .tab-arrow{background:url(img/tab_arrow.png) no-repeat center; position:absolute; left:50%; bottom:-9px; margin-left:-9px; display:block; width:18px; height:9px} /****** Related Posts ******/ #related-cats{border-top: 14px solid #F7F7F7;} .related-cats{width:100px;height:100px; float:left;margin-right:40px; } .related-cats img{border: 4px solid #d0d0d0;cursor: pointer;display:block; height:60px; width:100px } .related-cats a{text-decoration:none;color:#666;margin-top:6px;display:block; font-size:12px; font-size:13px;} .related-cats a:hover{text-decoration:underline;} #related-posts, #comment-form-block{margin-left:30px; float:left; width: 474px; border-bottom:dotted 1px #a2a2a2; padding-bottom:20px} #comment-form-block{margin-top:30px; border:none} .related-posts li{width:50%;text-align:left;float:left;margin-bottom:20px;} .related-posts .list-post-desc{width:166px} .related-posts img{width:56px; height:56px; border:solid 1px #000} .related-posts .list-post-desc a{font-weight:normal;} .related-posts {list-style:none; margin-bottom:50px} /*******************************************************************/ /*----- Popular Posts -----*/ .list-post-thumb{float:left;width:50px;margin-right:10px;} .wt-title{color:#333;font-size:14px} .list-post-desc{float:right;width:174px;} .list-post-desc span{color:#8c8c8c} ul.popular-posts{padding-left:0;} .popular-posts li, .recent-comments li{list-style:none; padding:8px 0px; border-bottom:dotted 1px #e7e7e7; margin:10px 0px !important} .popular-posts li:hover{background:#f8f8f8} .popular-posts li:last-child{background:none;} .popular-posts img, .list-post-thumb img{border:solid 1px #000;padding:0px !important;margin-top:6px; display:block} .list-post-desc a{font-size:12px;font-size:13px; font-weight:bold;text-decoration:none;padding:0;line-height:18px;display:block; padding-top:4px} .by-author{font-size:11px; font-size:12px;} .recent-comments {list-style:none} .one_half, .one_third, .two_third, .one_fourth , .three_fourth, .one_fifth, .four_fifth { float:left; margin-right:9%; /*margin-top:10px; margin-bottom:10px*/} .one_half { width: 45.5%; } .one_third { width: 28.66%; margin-right:6.5%} .two_third { width:63.32%; margin-right:7%} .one_fourth { width:19%; margin-right:8% } .one_fifth {width:16%; margin-right:5%; } .four_fifth { width: 75.2%; } .three_fourth { width:70%; } .last {clear: right;margin-right: 0 !important;} .featured-bg{background:url('img/slider_bg.png'); padding:10px 14px 50px 14px} .featured-block{padding:1.5em} .featured-block img{float:left;padding: 0em 1.5em 0.75em 0em} .featured-block h3{background:url('img/divider.png') repeat-x bottom; padding-bottom:4px; margin-bottom:1em;} #social-bg{height:65px; background:#2a2a2a} #social-bg-wrap, #copyright-wrap{width:980px; margin:0px auto; background: url('img/shadow.png') repeat-y} #social-bg-wrap{height:65px} #social-icons-container{float:right; margin-right:20px} #social-icons-container a{ text-decoration:none; float:left; display:block; border-left:dotted 1px #5a5a5a; padding:0px 18px 0px 18px; height:65px; line-height:65px;} #social-icons-container a span{font-size:14px;display:block; float:right; color:#cfcfcf; line-height:65px} #social-icons-container a img{display:block; float:left; padding:14px 8px 0px 0px} #social-icons-container a:hover{background:#222} #social-title{color:#eee; font-size:20px; height:65px; vertical-align:center; display:table-cell; float:left; padding:0 0 0 32px; line-height:65px; margin:0} .social{margin-top:20px} #footer{width:100%; background:#171717; min-height:100px} #footer-inner{width:920px; margin:0px auto; padding:30px; background: url('img/shadow.png') repeat-y} .footer-block{width:264px; margin-left:52px; float:left} .footer-block ul{list-style:none} .footer-block li, .footer-block p, .footer-block a{color:#cfcfcf} .footer-block li{margin-bottom:10px;} .footer-block li a{text-decoration:none; font-size:12px; font-size:13px; padding-left:20px; background:url('img/icons/list-5.png') no-repeat 0px 3px; display:block} .footer-block a:hover{color:#555} .footer-block:first-child{margin-left:0} .footer-block h3{color:#fff; font-weight:normal; border-bottom:solid 1px #303030; padding-bottom:6px; font-size:16px; margin-bottom:16px} #copyright { background:#111; } #copyright-wrap{height:40px; line-height:40px; text-align:right; } #copyright-wrap span{color:#cfcfcf; font-size:11px; font-size:12px; margin-right:30px} .portfolio-block1{width:282px; height:270px; overflow:hidden; float:left; margin:20px 24px 20px 0px} .portfolio-block img, .portfolio-block1 img, .about-block img.person{border:solid 5px #dfdfdf; padding:1px; background:#fff} .portfolio-block1 img, .portfolio-block img{width:270px; height:130px} .portfolio-block1 p a, .portfolio-block p a, .about-block a, .event-location, .post-desc p a{color:#8c8c8c; font-size:12px; font-size:13px; font-style:italic; text-decoration:none} .portfolio-block1 h4, .portfolio-block h4. .about-block h4{padding-bottom:4px; font-size:16px} .portfolio-block1 h4{margin:4px 0px 6px 0px} .portfolio-block1 p{margin-top:0px} .portfolio-block, .about-block{height:200px; overflow:hidden; margin:20px 0px} .about-block p{margin-top:0; margin-bottom:0} .about-block{border-bottom: 1px dotted #CCCCCC;padding: 20px 0 40px; height:auto} .portfolio-block .one_third{margin-right:44px} .portfolio-block a{color:#333} .portfolio-block1 p a:hover, .portfolio-block p a:hover {text-decoration:underline} .portfolio-block1 h4 a, .portfolio-block h4 a, .post-desc h4 a{text-decoration:none; font-size:18px; color:#000} .portfolio-type1{margin-top:1.5em; margin-bottom:1.5em} .read-more{display:block; background:url('img/more.png') no-repeat left; padding-left:16px; text-decoration:none; font-size:0.8em; font-size:1.0em; margin-top:10px; color:#000} ul.gallery-thumb {list-style: none;margin: 0; } ul.gallery-thumb li {margin: 26px 57px 20px 0; float: left;position: relative;width: 100px;height: 100px; } ul.gallery-thumb li img {padding:5px; width: 100px; height: 100px; position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; border:solid 3px #dfdfdf} ul.gallery-thumb li img.hover {margin-top:15px;border: none; -moz-box-shadow: 0 0 5px 5px #dfdfdf;-webkit-box-shadow: 0 0 5px 5px #dfdfdf;box-shadow: 0 0 5px 5px #dfdfdf;} .title {position:absolute;width:185px;height:30px; line-height:30px; padding:0px 6px; margin:0;font-weight:900;background:#24BDDF; text-shadow:#333 0px 1px 1px; text-align:center; color: #fff; font-size:12px; font-size:13px; overflow:hidden} div.toggle-trigger {width:194px; height:50px; background:#24bddf; cursor:pointer} div.toggle-trigger.tc2{padding:10px; background:#bababa; height:20px; width:592px; border-bottom:solid 1px #fff;} div.toggle-trigger a {padding:0px 30px 0px 28px; line-height:50px; height:50px; background:url('img/toggle.png') no-repeat right -39px; text-decoration:none; color:#fff; font-size:12px; font-size:13px;} div.toggle-trigger.tc2 a{font-size:12px; font-size:13px; display:block; width:100%; padding:0px; line-height:20px; height:20px;} div.toggle-trigger.active a{background: url('img/toggle.png') no-repeat right -8px;} .toggle-container.tg1{background:#24bddf; max-height:200px; padding:0px 20px 20px 20px; width:600px} .toggle-container.tg1 ul {list-style:none} .toggle-container.tg1 li{float:left; border-bottom:1px dotted #eee; margin-right:30px;} .toggle-container.tg1 li a{text-decoration:none; color:#fff; display:inline-block; width:170px; padding:11px 0 5px; font-size:13px;} .toggle-container.tc2{border:solid 1px #ccc; padding:9px; background:#fff} #feedburned{margin:10px 0px} #feedburned input[type="text"]{font-size:12px; font-size:13px; width:216px; padding:2px 6px; height:31px; float:left; border:none; border-right:solid 1px #353535; background:#000; color:#D8D8D8} #feedburned input[type="submit"]{float:right; width:34px; height:35px; background:url('img/subscribe.png') no-repeat; border:none; cursor:pointer} /*----- Spacing -----*/ .top0{margin-top:0px} .top5{margin-top:5px} .top10{margin-top:10px} .top15{margin-top:15px} .top20{margin-top:20px} .top25{margin-top:25px} .top30{margin-top:30px} .top40{margin-top:40px} .top50{margin-top:50px} .top80{margin-top:80px} .top100{margin-top:100px} .bottom0{margin-bottom:0px} .bottom5{margin-bottom:5px} .bottom10{margin-bottom:10px} .bottom15{margin-bottom:15px} .bottom20{margin-bottom:20px} .bottom25{margin-bottom:25px} .bottom30{margin-bottom:30px} .bottom40{margin-bottom:40px} .bottom50{margin-bottom:50px} .left0{margin-left:0px} .left5{margin-left:5px} .left10{margin-left:10px} .left15{margin-left:15px} .left20{margin-left:20px} .left25{margin-left:25px} .left30{margin-left:30px} .left40{margin-left:40px} .left50{margin-left:50px} .right0{margin-right:0px} .right5{margin-right:5px} .right10{margin-right:10px} .right15{margin-right:15px} .right20{margin-right:20px} .right25{margin-right:25px} .right30{margin-right:30px} .right40{margin-right:40px} .right50{margin-right:50px} #contact-form {margin-top:20px} #contact-form label{font-size:12px; font-size:13px; font-family:calibri, Georgia, arial; color:#000; display:block; padding-bottom:4px} #contact-form input[type="text"], #contact-form textarea{font-size:1.2em; font-family:calibri, Georgia, arial; padding:2px 4px; border:solid 1px #bdbdbd; background:#e7e9eb} #contact-form label.error{color:#D70000} #contact-form input[type="text"]{width:232px; height:26px} #contact-form textarea {width:544px; height:144px} #contact-form input[type="submit"]{color:#fff; background:#d6d6d6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#000; cursor:pointer; border:none; padding:.4em .8em; font-size:.8em; font-size:0.9em; } #contact-address p, #contact-form p{line-height:24px; color:#8c8c8c} #contact-form textarea{width:550px} p.about-position{color:#8c8c8c; font-style:italic} .event-block{background:#fafafa; border:solid 1px #c7ced1; float:left; width:270px; margin:0px 28px 50px 0px} .event-date{background:url('img/event_date.png') no-repeat top; width:49px; height:70px; float:left; text-align:center; margin:-1px 0px 0px -1px} .event-date span{text-transform:uppercase; font-size:11px; font-size:12px; color:#fff; display:block; line-height:1.1em} .event-date span.day{font-size:18px; padding-top:5px} .event-time{color:#d70000; font-size:11px; font-size:12px; padding-top:14px} .event-desc{float: left;padding: 16px 20px 20px;width: 180px;} .event-desc img{max-width:180px; height:auto} .event-desc h4{padding-bottom:6px} .event-desc p{padding-top:4px} .event-desc p.event-location{padding-top:0px; padding-bottom:4px; border-bottom:solid 1px #dfdfdf} .blog-post:first-child{margin-top:30px} .blog-post{padding-bottom:20px; margin-bottom:35px; border-bottom:solid 1px #dfdfdf} .inner-post{margin-bottom:10px} .post-comment-count{width:78px; height:79px; background:url('img/blog_comments.png') no-repeat; text-align:center; float:none} .post-comment-count span.cquantity{font-size:30px; padding-top:12px} .post-comm{text-decoration:none} .blog-date{margin-left:58px; margin-top:-1px; float:none} .post-desc{width:474px; width:574px; width:580px; margin-left:30px; float:left} .post-desc img{border:solid 6px #dfdfdf; padding:1px} .post-desc h4 a{font-size:20px} .post-left{width:106px; float:left; display:none; } .blog-left-col{float:left; width:610px; margin-right:30px} .blog-right-col{float:left; width:260px; } #search-input{border:none; color:#ccc; float:left; width:214px; height:26px; padding:2px 5px; background:#a2a2a2} #search-submit{border:none; border-left:solid 1px #8c8c8c; cursor:pointer; background:#a2a2a2 url('img/icons/search.png') no-repeat 6px 6px; float:left; text-align:center; width:30px; height:30px} .ad-container{border-top:solid 14px #f7f7f7; border-bottom:solid 14px #f7f7f7; padding:30px 0px} /********************** PAGINATION STYLES **************************/ .navigation{margin-top:20px} .wp-pagenavi{border-top:solid 1px #CCC;padding:10px;margin-top:40px;} .wp-pagenavi .pages { float: right; font-size: 13px; font-size:14px; height: 29px; line-height: 29px; display: inline-block!important; padding: 0 13px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current {color:#585858; background:#eee; padding: 4px 10px;border: 1px solid #ccc; text-decoration:none;font-weight:normal;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;margin-right:6px;} .wp-pagenavi span.current, .wp-pagenavi a:hover { border-color: #d0d0d0; background:#d0d0d0; text-shadow:#000 1px 0px 0px;margin-right:6px;} .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first, .wp-pagenavi a.last { display: none!important; } .page, .navigation span { font-size:12px; font-size:13px; } #breadcrumb-container {color:#333;position:absolute;right:2px;top:4px;} #breadcrumb-container a, #breadcrumb-container span{color:#333;font-size:12px; font-size:13px; text-transform:none;} .pagination {margin:14px auto 0;width:100px;} .pagination li {float:left;margin:0 1px;list-style:none;} .pagination li a {display:block;width:12px;height:0;padding-top:12px;background:#ccc;float:left;overflow:hidden;} .pagination li.current a {} /*******************************************************************/ h3.inner-title{font-size:16px; border-bottom:dotted 1px #a2a2a2; margin-bottom:14px; padding-bottom:6px} .flickr_badge_image {float: left;margin: 10px 30px 0px 0} .flickr_badge_image img{border:solid 1px #000; width:50px; height:50px} #blog-category-list {list-style:none} #blog-category-list li {float:left; width:110px; margin-right:36px} #blog-category-list li a{font-size:12px; font-size:13px; color:#000000; background:url('img/blog_list_arrow.png') no-repeat left; padding-left:14px; text-decoration:none} #blog-category-list li a:hover{text-decoration:underline} /************************** COMMENTS ******************************/ ol.commentlist { list-style:none; margin:0; padding:0; margin-top:10px} ol.commentlist li { margin:0 0 5px; padding:5px 7px 5px 72px; position:relative; background:url(img/divider.png) repeat-x bottom; margin-bottom:10px} ol.commentlist li.pingback comment-author { padding:0 170px 0 0; } ol.commentlist li .comment-author{font-size:20px; width:100px; position:absolute; left:0px; top:14px} ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; } ol.commentlist li div.vcard cite.fn, cite.fn a.url { font-size: 14px; color:#000} ol.commentlist li div.vcard cite.fn a.url {font-weight:bold; text-decoration:none; } ol.commentlist li div.vcard img.avatar {border:1px solid #000; padding: 0px; width:42px; height:42px; display:block} ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; font-size:11px; line-height: 16px;position:absolute; right:10px; text-align:right; top:5px; } ol.commentlist li div.comment-meta a { text-decoration:none; } ol.commentlist li p { font-weight:normal; font-size: 12px; font-size:13px; margin:5px 0 12px; } ol.commentlist li ul { font-weight:normal; font-size: 12px; font-size:13px; list-style:square; margin:0 0 12px; padding:0; } ol.commentlist li div.reply{position:absolute; right:0px; top:6px; background-color:#F6F6F6} ol.commentlist li h4.reply{text-align:right} ol.commentlist li h4.reply a { text-decoration:none; font-size:14px; color:#000; background:url(img/more.png) no-repeat right; padding-right:16px} ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; } ol.commentlist li ul.children li{border-top:dotted 1px #858585; background:none} ol.commentlist li ul.children li.depth-2 { margin:28px 0 3px; } ol.commentlist li ul.children li.depth-3 { margin:28px 0 3px; } ol.commentlist li ul.children li.depth-4 { margin:28px 0 3px; } ol.commentlist li ul.children li.depth-5 { margin:28px 0 3px; } ol.commentlist ul.children li.odd {} ol.commentlist ul.children li.even {} ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } .cancel-comment-reply a{color:#900; text-decoration:none; font-size:12px; font-size:13px; border:dotted 1px #333; padding:3px 6px} a.comment-date{font-size:11px; font-size:12px; text-decoration:none;} #commentform input[type="text"], #commentform textarea{margin-bottom:20px;width:350px;} #commentform label{display:block} /*******************************************************************/ /************************ PRICING TABLES **************************/ #pricing-table-1, #pricing-table-2{margin:10px 0px; } #pricing-table-1 .column, #pricing-table-2 .column{position:relative;float:left;text-align:center;} #pricing-table-1 .column{width:200px;background: #f9f9f9;background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ebebeb));background: -moz-linear-gradient(top, #f9f9f9, #ebebeb);border:solid 2px #DEDEDE; border-left:none; padding:10px 10px 20px 10px;} #pricing-table-1 .column:first-child{border-left:solid 2px #DEDEDE;} #pricing-table-2 .column{width:224px;background: #333;margin-right:0px;padding:10px 0px 20px 0px;-moz-box-shadow: 0 0 10px #111;-webkit-box-shadow: 0 0 10px #111;box-shadow: 0 0 10px #111} #pricing-table-1 .column.last-item, #pricing-table-2 .column.last-item{margin-right:0;} #pricing-table-1 .column:hover, #pricing-table-1 .column.activecol{ -moz-box-shadow: 0 1px 10px #a2a2a2; -moz-box-shadow: 0 1px 10px rgba(162,162,162,0.81); -webkit-box-shadow: 0 1px 10px #a2a2a2; -webkit-box-shadow: 0 1px 10px rgba(162,162,162,0.81); box-shadow: 0 1px 10px #a2a2a2; box-shadow: 0 1px 10px rgba(162,162,162,0.81); cursor:pointer } .column.activecol{margin-top:-10px; z-index:99} #pricing-table-2 .column:hover{background:#444;cursor:pointer;} #pricing-table-1 ul, #pricing-table-2 ul{list-style:none;padding-bottom:20px;} #pricing-table-2 ul{padding-bottom:40px;} #pricing-table-1 h2{border-bottom:dotted 1px #333;padding-bottom:10px;font-size:20px;margin-bottom:10px; color:#24bddf} #pricing-table-2 h2{text-align:left;text-transform:uppercase;font-size:1.2em; background:#24BDDF; margin:10px 0 20px 0; padding:8px 0px 8px 20px} #pricing-table-2 h3{background:url('img/separator_2.png') no-repeat bottom center;padding-bottom:10px;margin-bottom:10px;color:#FFF;} #pricing-table-2 h3.price{font-size:3.6em;padding:16px 0px 26px 0px;} #pricing-table-1 li{color:#333;padding-bottom:6px;line-height:30px; font-size:12px; border-bottom:dotted 1px #bbb} #pricing-table-2 li{font-size:12px; color:#ffffff;padding-bottom:6px;line-height:30px;text-align:left;background-position:28px 10px;background-repeat:no-repeat;background-image:url('img/check_white.png');padding-left:50px;} #pricing-table-2 .best-value{position:absolute; right:-11px; top:0px;background:url('img/best_value_badge.html') no-repeat;width:111px;height:104px;display:block;} #pricing-table-2 .button, #pricing-table-1 .button{font-size:12px; text-transform:uppercase; padding:2px 24px;color:#FFF; background:#333} #pricing-table-2 .button{background:#111} /*******************************************************************/ /************************ SITEMAP STYLES **************************/ /* -------- Top Level --------- */ .sitemap ul{list-style:none;} .sitemap a{text-decoration:none;} .primary-navigation {margin: 0;float: left;width: 100%;} .primary-navigation #home {display: block;float: none;background: url('img/tree/L1-left.png') center bottom no-repeat;position: relative;z-index: 2;padding: 0 0 30px 0;} .primary-navigation li {float: left;background: url('img/tree/L1-center.png') center top no-repeat;padding: 30px 0;margin-top: -30px;} .primary-navigation li a {margin: 0px 20px 0 0;padding: 12px 10px;display: block;font-size: 12px; font-size:13px; font-weight: bold;text-align: center;color: #333; background: url('img/tree/white-highlight.png') top left repeat-x;background-color: #f0f0f0; border:solid 1px #ccc;} .primary-navigation li a:hover{background-color: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));background: -moz-linear-gradient(top, #ededed, #fff);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');} .primary-navigation li:last-child {background: url('img/tree/L1-right.png') center top no-repeat;} /* -------- Second Level --------- */ .sitemap .primary-navigation li li {width: 100%;clear: left;margin-top: 0;padding: 20px 0 0 0;background: url('img/tree/vertical-line.png') center bottom repeat-y; overflow:hidden} .sitemap .primary-navigation li li a {padding:5px 6px;color:#555;} .sitemap .primary-navigation li li a:hover {border-color: #94b75f;background-color: #e7f1d7;color:#333;} .sitemap .primary-navigation li li:first-child {padding-top: 30px;} .sitemap .primary-navigation li li:last-child {background: url('img/tree/vertical-line.png') center bottom repeat-y;} .sitemap .primary-navigation li li a:link:before, .sitemap .primary-navigation li li a:visited:before {color: #8faf5c;} /* -------- Third Level --------- */ .sitemap .primary-navigation li li ul {margin: 10px 0 0 0;width: 100%;float: right;padding: 9px 0 10px 0;background: url('img/tree/L3-ul-top.png') center top no-repeat;} .sitemap .primary-navigation li li li {background: url('img/tree/L3-center.png') left center no-repeat;padding: 5px 0;} .sitemap .primary-navigation li li li a {font-size: 12px;padding: 5px 0;width: 80%;float: right;} .sitemap .primary-navigation li li li a:hover {background-color: #fffce5;border-color: #d1b62c;} .sitemap .primary-navigation li li li:first-child {padding: 15px 0 5px 0;background: url('img/tree/L3-li-top.png') left center no-repeat;} .sitemap .primary-navigation li li li:last-child {background: url('img/tree/L3-bottom.png') left center no-repeat;} .sitemap .primary-navigation li li li a:link:before, .sitemap .primary-navigation li li li a:visited:before {color: #ccae14;font-size: 9px;} .sitemap {margin: 40px 0;float: left;width: 100%;} /* ----- Utility Navigation ------*/ .sitemap #utilityNav {float: right;max-width: 50%;margin-right: 10px;} .sitemap #utilityNav li {float: left;margin-bottom: 10px;} .sitemap #utilityNav li a {margin: 0 10px 0 0;padding: 5px 10px;display: block; border: 2px solid #e3ca4b;font-size: 12px; font-size:13px; font-weight: bold;text-align: center;color: black;background: #fff7aa url('img/tree/white-highlight.png') top left repeat-x;} .sitemap #utilityNav li a:hover {background-color: #fffce5;border-color: #d1b62c;} .sitemap #utilityNav li a:link:before, .sitemap #utilityNav li a:visited:before {color: #ccae14;font-size: 9px;margin-bottom: 3px;} ul.sidebar-list{list-style:none;margin:10px 0px;} ul.sidebar-list li{height:40px;line-height:40px;border-bottom:dotted 1px #CCC;padding-left:4px;} ul.sidebar-list a{ text-decoration:none;color:#333;font-size:14px;} ul.sidebar-list a:hover{color:#777;} .sitemap .sub-menu{background: none;margin-top: 0;width: 160px !important; -moz-opacity:1; opacity:1} .sitemap .sub-menu li{height:52px;} /*******************************************************************/ /*************************** 404 PAGE *****************************/ #error-page-list a:hover{text-decoration:none; } #error-page-list{margin:20px 0px;} #search-form{} #search-form label{display:block;font-weight:bold;padding-bottom:6px;font-size:14px;} #search-form input{float:left;} #search-form input.txt{margin-right:4px;height:20px;padding:2px 8px;width:170px;} #search-form #search-submit{height:30px;padding:0px 0px 2px 0px;text-shadow:none; margin:0 !important} .error-descr-block .inner-title{margin:40px 0px 6px 0px;} /*******************************************************************/ /************************* WIDGET STYLES ***************************/ /*------ Widgets ------ */ .widget { margin-bottom:60px; clear:both;} .widget h3:first-child, .widgettitle { margin: 0 0 10px 0; padding: 14px 0 6px 0; border-top: 14px solid #F7F7F7;} .widget h3:first-child a:hover { text-decoration: none; } .widget ul { list-style-type: none; margin: 0; padding: 0; } .widget ul li ul { margin-top: 5px; margin-bottom: -7px; } .widget ul li ul li { padding-left: 13px; } .widget li { margin: 0; padding: 6px 0;} .widget li a { font-size:12px; font-size:13px; font-size:14px !important; font-weight: normal; text-decoration:none} .widget li a:hover { text-decoration: underline; } .widget img { padding: 9px; margin-bottom: 10px; } .widget span.rounded-all { padding: 0; } /*------ Widget Areas ------- */ .widget-area ul {list-style: none;margin-left: 0;} .widget-area ul ul {list-style: square;margin-left: 1.3em;} .widget_search #s {/* This keeps the search inputs in line */width: 60%;} .widget_search label {display: none;} .widget-container {margin: 0 0 18px 0;} .widget-title {color: #222;font-weight: bold;} .widget-area a:link, .widget-area a:visited {text-decoration: none;} .widget-area a:active, .widget-area a:hover {text-decoration: underline;} .widget-area .entry-meta {font-size: 11px;} #wp_tag_cloud div {line-height: 1.6em;} #wp-calendar {width: 100%;} #calendar_wrap {background: #fff; border: 1px solid #CED7C1;padding: 10px;} #wp-calendar caption {color: #333;font-size: 14px;font-weight: bold;padding-bottom: 4px;text-align: center;} #wp-calendar thead {font-size: 11px;} #wp-calendar thead th {font-weight:bold;background:#333; color:#fff} #wp-calendar tbody {color: #111;} #wp-calendar tbody td {background: #f2f2f2;padding: 3px 0 2px;text-align: center; font-size:12px; font-size:13px;} #wp-calendar tfoot a{font-size:12px; font-size:13px; color:#333; text-decoration:none; border-bottom:dotted 1px #333} #wp-calendar tbody td a{background:#eee;display:block;text-decoration:none;border:solid 1px #CCC;} #wp-calendar tbody .pad {background: none;} #wp-calendar tfoot #next {text-align: right;} .widget_rss a.rsswidget {color: #000;} .widget_rss a.rsswidget:hover {color: #ff4b33;} .widget_rss .widget-title img {width: 11px;height: 11px;} .info-table{border-collapse:collapse;} .info-table th{padding:4px 10px;} .info-table td{text-align:center;padding:10px;vertical-align:top;} /*******************************************************************/ /*********************** SHORTCODES STYLES ************************/ a[href$=".pdf"] {padding-left:20px;background:url('img/icons/filetypes/pdf.png') no-repeat left;font-weight:bold;} .checklist ul {padding:10px 0px 10px 8px;list-style:none!important} .checklist li{padding:5px 5px 5px 30px;background: url(img/check.png) no-repeat center left} .checklist.checklist-1 li{background-image: url(img/icons/check_1.png);} .checklist.checklist-2 li{background-image: url(img/icons/check_2.png);} .checklist.checklist-3 li{background-image: url(img/icons/check_3.png);} .list ul {padding-left:8px;list-style:none!important;} .list ul li{padding:5px 5px 5px 24px;background: url(img/icons/list.png) no-repeat left center;} .list.list-1 ul li{background-image: url(img/icons/list-1.png);} .list.list-2 ul li{background-image: url(img/icons/list-2.png);} .list.list-3 ul li{background-image: url(img/icons/list-3.png);} .list.list-4 ul li{background-image: url(img/icons/list-4.png);} .list.list-5 ul li{background-image: url(img/icons/list-5.png);} .list.list-6 ul li{background-image: url(img/icons/arrow.png);} /* special list class starts from here */ .spl_list {background: url(img/icons/list-1.png) 2px 5px no-repeat !important; font-size:14px; font-size:1.2em; line-height:22px !important; padding:0px 0px 5px 22px !important; } /* special list class ends here */ .highlight{color:#FFF;background-color:#333;padding:2px;} .highlight.rounded{-moz-border-radius:5px;-webkit-border-radius:5px;} .box .box-title{text-align:center; margin-bottom:-1px; background:#ebebeb; border:solid 1px #c6c6c6; border-bottom:none} .box .box-title h2{padding:6px 8px; font-size:16px; color:#000; margin-bottom:0} .box-content { padding: 10px 16px; min-height:35px; background:#f6f6f6;border:solid 1px #d0d0d0;} .box-content.blue, .box-title.blue{border-color:#a9ccd6} .box-title.blue{background:#c8e1e8} .box-content.red, .box-title.red{border-color:#d7a993} .box-title.red{background:#f4cab5} .box-content.violet, .box-title.violet{border-color:#bcb6d1} .box-title.violet{background:#cec9e1} .box-content.yellow, .box-title.yellow{border-color:#dfd991} .box-title.yellow{background:#f3eeb0} .box-content.green, .box-title.green{border-color:#a2d8af} .box-title.green{background:#b9e6c3} .box.error {} .box.error .box-content { border-color:#ff9471; background:#ffcebe} .box.error .box-title {text-align:left; background:none; border:none;} .box.error .box-title h2{color:#e10000; padding:0px 0px 6px 0px} .box.info {} .box.info .box-content { border-color:#82b5e9; background:#bedeff} .box.info .box-title {text-align:left; background:none; border:none;} .box.info .box-title h2{color:#1db5e0; padding:0px 0px 6px 0px} .box.warning {} .box.warning .box-content {border-color:#eee641; background:#fffcc1} .box.warning .box-title {text-align:left; background:none; border:none;} .box.warning .box-title h2{color:#da8b14; padding:0px 0px 6px 0px} .box.success {} .box.success .box-content { border-color:#91c184; background:#c0f0b3; } .box.success .box-title {text-align:left; background:none; border:none;} .box.success .box-title h2{color:#639e33; padding:0px 0px 6px 0px} blockquote {padding:0 0 15px 38px;margin:0 0 1em 0;font-size:15px; font-size:17px; background:url(img/quote.png) no-repeat;color:#c8c8c8;} blockquote p {line-height:1.8em !important; line-height:1.6em!important; padding:0 !important;font-size:15px;} blockquote.center {} blockquote .author {padding:10px 0 5px 0;color:#000;font-style:italic;text-align:right;font-size:12px; font-size:13px;} blockquote.left {width:200px;float:left;padding:0px 10px 0px 40px;margin:0 20px 4px 0;} blockquote.right {background:url(img/quote.png) no-repeat;width:200px;float:right;margin:0 0 4px 20px;padding-bottom:0px;} blockquote em, blockquote i, blockquote cite {font-style:normal;} blockquote span.testimonial-quote{background:url('img/quote.png') no-repeat left; display:block;width:34px; height:26px; float:left;margin:6px 10px 4px 0px;} blockquote p {padding:0px;font-size:13px; font-size:15px; line-height:16px; line-height:15px; font-style:italic;color:#8c8c8c;} /*----- Tabs with icons -----*/ .tabs2 {margin-top:13px;height:83px;background:none;} .tabs2 li { float:left;text-align:center;margin-top:7px;margin-right:-1px;position:relative; list-style:none} .tabs2 a {background:#f3f4f5; border:1px solid #CED7C1; border-top:none; color:#333;display:block;padding:14px 10px 0px 43px;position:relative;font-size:14px;text-decoration:none;height:36px; zoom: 1;} .tabs2 li.current a{background:#E8EBEC;border-top:none;} .tabs2 img {position:absolute;cursor:pointer;left:10px;top:10px;z-index:22; width:32px; height:32px} .tabs2 strong {display:block; font-size:13px;} .panes2 {border:1px solid #CED7C1;min-height:280px;margin-bottom:-20px;padding-bottom:20px;position:relative;background:#fff;} .panes2 > div {display:none;position:absolute;top:0px;left:0px;color:#8c8c8c; padding:20px} .overlay {display:none;width:500px;padding:20px;} /*----- Tooltip Tabs -----*/ .tabs3{font-size:16px;font-weight:bold;} .tabs3 img {margin:0 20px 0px 0px; cursor:pointer; } .tab-desc {border:1px solid #ced7c1; width:475px;min-height:140px;display:none;margin-top:17px; padding:10px 20px;position:relative; background:#fff;} .tab-desc .arrow {float: left;height: 8px;margin: 0 10px;width: 24px;position:absolute;top:-8px;left:30px;background:url('img/icons/arrow-up.png')} /*----- Accordion Tabs -----*/ .accordion { width: 400px;border:1px solid #CED7C1;border-top:none;background:#fff;} .accordion h2 {margin:0;padding:6px 10px;border:none; border-top:1px solid #CED7C1; cursor:pointer;background:#fff; font-size:14px; display:block; height:30px; line-height:30px} .accordion h2.current {cursor:default;background:#BABABA; color:#fff !important} .accordion .acc-pane { border-top:1px solid #d0d0d0;display:none;height:180px;padding:15px;} .accordion .acc-pane h3 {font-weight:normal;margin:0 0 -5px 0;font-size:16px;color:#999;} /*----- Tooltips -----*/ .tooltip, .tooltip2 {display:none;background:transparent url(img/tooltip1.png);font-size:12px; font-size:13px; height:90px;width:181px;padding:10px 15px;color:#000; } .tooltip.style2 {background-image: url(img/tooltip2.png) !important} .tooltip.style3 {background-image: url(img/shortcodes/tooltip/white_arrow_big.html); color:#333} .tooltip2 {display:none; height:154px; padding:14px; width:322px; background:url(img/tooltip1_big.png); color:#333} .tooltip2.style2{background:url(img/tooltip2_big.png)} .tooltip2 a {color:#333;} .tooltip3 {background-color:#ebebeb; border:2px solid #c6c6c6; padding:10px 15px; width:200px; display:none} .tooltip3.white{color:#fff} /*----- Overlays -----*/ .overlay {display:none;z-index:10000; width:675px; min-height:200px;border:2px solid #ccc;} .overlay .close {background:url('img/close.png');position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;} /*----- Ordered lists -----*/ .ordered-list{margin:20px 0px; color:#333; } .ordered-list li{margin-left:30px;} .ordered-list.style1 {font-family:"calibri", Georgia, Times New Roman, Times, serif, sans-serif;color: #222;} .ordered-list.style1 li {padding-left:2px;color:#111;font-size:18px;} .ordered-list.style1 p {font-size:0.7em; font-size:12px; color:#555;padding:5px 0;margin:0px;} .ordered-list.style2 {font: bold 1em calibri, Tahoma;color: #999;list-style: upper-roman;padding:4px 0px 4px 6px;} .ordered-list.style2 p {font: normal 1.2em Georgia, Times, serif;color: #000;} .ordered-list.style2 li{background:#eee;height:30px;} .ordered-list.style3 {font: italic 1.4em calibri, Arial, Helvetica, sans-serif;color: #666;list-style: lower-alpha;} .ordered-list.style3 p {font: normal 1.1.em calibri, Arial, Helvetica, sans-serif;color: #000;border-left: solid 1px #999;margin: 0;padding: 0 0 1em 1em;} .sorry404{line-height:34px;} /*----- Ad Banners -----*/ .banner{background:#F8F8F8;border:solid 1px #CCC;} .banner img{padding:0;} .banner a{text-align:center;text-decoration:none;outline:none;} .banner-88x31, .banner-88x31 img{width:88px;height:31px;} .banner-120x60, .banner-120x60 img{width:120px;height:60px;} .banner-120x90, .banner-120x90 img{width:120px;height:90px;} .banner-120x240, .banner-120x240 img{width:120px;height:240px;} .banner-120x600, .banner-120x600 img{width:120px;height:600px;} .banner-125x125, .banner-125x125 img{width:125px;height:125px;} .banner-160x600, .banner-160x600 img{width:160px;height:600px;} .banner-234x60, .banner-234x60 img{width:234px;height:60px;} .banner-425x425, .banner-425x425 img{width:425px;height:425px;} .banner-425x500, .banner-425x500 img{width:425px;height:500px;} .banner-425x600, .banner-425x600 img{width:425px;height:600px;} .banner-468x60, .banner-468x60 img{width:468px;height:60px;} .banner-728x90, .banner-728x90 img{width:728px;height:90px;} #slider-container{width:960px;margin:0px auto;} /*----- Frames -----*/ .frame { padding:6px;text-align:center} .alignright,img.alignright,a img.alignright { float:right; margin:0px 0 10px 15px; text-align:right} .alignleft,img.alignleft,a img.alignleft { float:left; margin:0px 15px 4px 0; text-align:left} .aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px} .frame,.small_frame { display:inline-block;} .frame img{ padding:4px; margin:0; display:block;} .small_frame img { padding:3px; margin:0;} .frame.shadow{-moz-box-shadow:0px 0px 2px 2px #000;} .frame span.frame-title{font-style:italic;color:#000;padding:0px 6px;font-size:12px;text-align:right !important;} .image-frame, .frame img{padding:4px;border:solid 1px #ced7c1;} .frame img{border-width:1px} /*----- Step Lists -----*/ .step-list{list-style:none} .step-list-li{width:40px;height:40px;} .step-list-round, .dropcap{height: 40px;width: 40px;-moz-border-radius: 20px;-webkit-border-radius: 20px;position:relative;text-align:center;float:left;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);} .step-list-round span, .dropcap span{position:absolute; right:14px;top:6px;font-family:"calibri", Times New Roman, Georgia, Arial;font-size:28px; font-size:30px; font-weight:bold; color:#FFF;} .step-list-round span{top:10px; right:12px} .step-content{float:left;margin:0px 0px 20px 10px;width:200px;} .step-content p{margin:0px;} /*----- Dropcaps -----*/ .dropcap{margin:5px 10px 0 0;} .dropcap span {color: #fff; font-size: 34px; left: 10px; top: -2px} .dropcap.no-back{ box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; background:none} span.dropcap{font-family:"calibri", Times New Roman, Georgia, Arial;font-size:40px;font-weight:bold; color:#000; line-height:30px; margin:6px 8px 6px 0px} /*----- Workstream Circles -----*/ .workstream img{border:none; display:block; margin:auto} .workstream {background: url("img/icon-bg.html") no-repeat scroll 0 0 transparent; height: 68px; width: 68px; text-align:center;} .workstream a {cursor: pointer;text-align:center;display: table-cell; vertical-align: middle;height:68px;width:68px;opacity: .5;} .workstream a:hover{opacity: 1;} .workstream p.wdesc{display:none;} .workstream:hover .workstream-rotator, .active {display: block !important;} .rotator{width:113px;height:113px; background:url('img/klorik.html') no-repeat;position:relative;} .rotator div{width:90px;margin-top:36px;height:80px;top:10px; left:10px;position:absolute;transform:none;font-size:13px;text-align:center;-moz-rotation:rotate(0 deg) !important;} /*******************************************************************/ /****************** UNDER CONSTRUCTION PAGE ************************/ .meter{width:550px;height:30px;margin:100px auto 0px auto;} .meter-wrap, .overlay{position: relative;} .meter-wrap, .meter-value, .meter-text {width: 500px; height: 30px;} .meter-value {background: #efefef;text-align:left; border-bottom:solid 3px #D70000 } .meter-wrap{text-align:left;} .meter-text {position: absolute;top:0px; left:0;color: #333;text-align: center;width: 100%; font-size:11px; line-height:30px} #cs-logo{text-align:center; width:920px; margin:0px auto; padding:20px 0px} h3.coming-soon{text-align:center; font-size:20px; color:#333; font-weight:normal; letter-spacing:6px} p#uct{font-size:17px; width:550px; margin:0px auto 30px auto !important; } p#uct, p#est{color:#535353; line-height:1.3em} #coming-soon{background:#ebebeb;} #countdown_dashboard {height: 100px; width:550px; margin:0px auto 0px auto; border-top:solid 1px #dfdfdf; padding-top:10px} .dash {width: 90px;height: 80px;float: left;margin-left: 20px;position: relative; color:#fff} .dash .digit {font-size: 30pt;font-weight: bold;float: left;width: 30px;text-align: center;font-family: calibri, Times;color: #333;position: relative;} .dash .digit div{color:#333} .dash_title {position: absolute;display: block;bottom: 0px;left: 0px;font-size: 10px;color: #555;text-transform: uppercase;letter-spacing: 2px; width:70px; text-align:center} /*******************************************************************/ /*********************** TWITTER WIDGET ****************************/ #twitter_update_list li{list-style:none;font-size:14px;} #twitter_update_list li > a{font-size:12px;color:#1db5e0;display:block;padding:0} #twitter_update_list a{ font-size:12px; color:#555} #twitter_update_list li span a{margin:10px 0px} #twitter_update_list {padding:0;} #twitter_update_list li span{font-size:12px;} .twitbird{background:url(img/twitter-icon.html) no-repeat;width:25px;height:19px; float:right} .twitter li{list-style-image:none} .fctitle{position:absolute; z-index:40; width:110px; text-align:center; font-size:11px; font-weight:bold} .twitter-widget h2{background:url('img/twitter.html') no-repeat left;padding-left:48px;height:48px;} .twitter-avatar{float:left; width:52px} .twitter-avatar img{padding:3px; border:solid 1px #b2b2b2} .twitter-content{float:left; margin-left:16px; width:189px} a.twitter-date{display:block; font-size:10px !important; margin-top:4px} /*******************************************************************/ .edge{margin-right:0 !Important} #slider-container{width:960px;margin:auto;} #slider3d{width: 960px; margin: auto;position: relative;z-index: 1;height:320px} #home-portfolio-widget .portfolio-block1{height:220px} .thumb_carousel {padding: 15px 0;} .thumb_carousel div.slide {position: relative;} .thumb_carousel div.slide>img{border: 1px solid #ccc; padding:5px; width:100%} .thumb_carousel div.slide div {background-color: rgba(0, 0, 0, 0.6); display: none;position: absolute;bottom: 13px;left:6px;} .thumb_carousel div.slide h4 {font-size: 20px;padding: 10px 20px 0px 20px;} .thumb_carousel div.slide p {font-size: 14px;padding: 0px 20px 10px 20px} .thumb_carousel div.slide h4, .thumb_carousel div.slide p {color: white;margin: 0;} div.thumbnails {text-align: center;} div.thumbnails img {cursor: pointer;border: 1px solid #ccc;background-color: white;padding: 7px;margin: 7px;display: inline-block;} div.thumbnails img:hover {background-color: #eee;} div.thumbnails img.selected {background-color: #ccc;} .image_carousel {position: relative;} .image_carousel img {border: 1px solid #ccc;background-color: white;padding: 6px;margin: 7px;display: block;float: left;} a.prev, a.next {background: url('img/miscellaneous_sprite.png') no-repeat transparent;width: 45px;height: 50px;display: block;position: absolute;top: 52px;} a.prev {left: -22px;background-position: 0 0} a.prev:hover {background-position: 0 -50px} a.next {right: -22px;background-position: -50px 0} a.next:hover {background-position: -50px -50px} a.prev span, a.next span {display: none;} .list_carousel {margin:10px 0px} .list_carousel div {margin: 0;padding: 0;list-style: none;display: block;} .list_carousel li {text-align: center;background-color: #f0f0f0;border: 1px solid #ccc; padding: 0;margin: 6px;display: block;float: left;} .timer {background-color: #BABABA;width: 0;height: 10px;} .divider{ border-bottom:8px solid #f0f0f0; margin-bottom:20px} .black-back{background-color:#000} .red-back{background-color:#d70000} .seablue-back{background-color:#24BDDF} .grey-back{background-color:#d6d6d6} .orange-back{background-color:#f79100} /************************ ACCORDION IMAGES GALLERY ****************************/ .kwicks {list-style: none;position: relative;margin: 0;padding: 0;} .kwicks li{/* these are required, but the values are up to you (must be pixel) */width: 350px;height: 310px;/*do not change these */display: block;overflow: hidden;padding: 0; } .kwicks.horizontal li {margin-right: 0px;float: left;background: #000 url(images/loader.html) no-repeat 50% 50%;} .kwicks.vertical li{margin-bottom: 5px; /*Set to same as spacing option. */ } .kwicks li img{max-height:310px !important;} .kwickshadow {z-index: 10;background: url(img/kwickshadow.png) repeat-y;position: absolute;right: 0px;height: 310px;width: 27px;} .slideimage {float:left;padding:0;margin:0} .slide-minicaption {bottom:60px;left:0px;float:left;position:absolute;color:#fff;padding:10px 10px 10px 15px;font-size:10px;line-height:18px;background:#222;width: 120px;} .slide-minicaptiontitle {font-size:13px; letter-spacing:0; color:#fff; display:block;line-height:16px;} .slidecaption {top:90px;left:0px;position:absolute;color:#fff;padding:15px;font-size:12px;line-height:18px;background:#111;width: 460px;height:106px;overflow:hidden;} .slidecaption p{color:#DDD;padding-bottom:20px;} .slidecaption a {color:#fff; font-family:"calibri", Georgia, Times New Roman, Times, serif; text-decoration:none;} .slidecaption a:hover {text-decoration:none;} .slidecaptiontitle {font-size:18px; font-weight:bold; color:#fff; display:block;padding-bottom:10px; line-height:22px;} .slidecaptiontitle a {color:#fff;} .slidecaptiontitle a:hover {color:#fff; text-decoration:none;} /***********************************************************************/ /************************** HORIZONTAL ACCORDION ***********************/ /* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */ .easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0} .easy-accordion dt,.easy-accordion dd{margin:0;padding:0} .easy-accordion dt,.easy-accordion dd{position:absolute} .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Opera */ -o-transform: rotate(-90deg);/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;} .easy-accordion dd{z-index:1;opacity:0;overflow:hidden} .easy-accordion dd.active{opacity:1;} .easy-accordion dd.no-more-active{z-index:2;opacity:1} .easy-accordion dd.active{z-index:3} .easy-accordion dd.plus{z-index:4} .easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} .easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:1.2em;} /* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */ #accordion-1, .horizontal-accordion{width:960px;height:316px; margin:auto} #accordion-1 dl, .horizontal-accordion dl{width:960px;height:316px;} #accordion-1 dt, .horizontal-accordion dt{height: 43px;left: 0;margin-left: -22px;padding: 0 10px;position: absolute;text-align: right;top: 278px;width: 280px;z-index: 3;cursor: pointer;font-family: "calibri", Futura Bold,Arial,Helvetica,sans-serif;font-size: 14px; font-size:16px; font-weight: bold;height: 43px;letter-spacing: 1px;line-height: 38px;background: #F0F0F0;} #accordion-1 dt.active, .horizontal-accordion dt.active{cursor:pointer;color:#fff;background: #232323;} #accordion-1 dt.hover{color:#000;} #accordion-1 dt.active.hover{color:#fff} #accordion-1 dd, .horizontal-accordion dd{ padding:25px;margin-right:3px;} #accordion-1 dd{background: #f8f8f0;} #accordion-1 .slide-number, .horizontal-accordion .slide-number{color:#333;left:10px; bottom:8px; font-weight:bold;} #accordion-1 .active .slide-number{color:#fff;} #accordion-1 a{color:#68889b} #accordion-1 .more{padding-top:10px;display:block} #accordion-1 p{font-size:14px} .horizontal-accordion dt{border:1px solid #a4a4a4; border-top:none} .horizontal-accordion dt:first-child{border-top:1px solid #a4a4a4} /***********************************************************************/ #slider-mainwrap{background:#232323} #portfolio-widget .portfolio-block1{height:auto} .service_bullet { background-image: url(img/icons/list-5.png) 0px 0px no-repeat !important; width:16px; } .team { float:left; width:150px; } .team img { border:1px solid #ccc; border-radius:1px !imporant; padding:0px !important; background:#fff; width:130px; height:155px; box-shadow:0px 0px 4px #ccc !important; } .team_content { float:left; width:405px; padding:0px !important; margin:0px !important; } .team_content p { padding-bottom:6px !important; } .team_content h4 { font-style:italic; color:#666; } .team_content h6 { font-style:italic; color:#999; } .team_divider { clear:both; height:1px; background:#f7f7f7; margin:20px 0px 30px 0px !important; display:block; float:left; width:100%; } a.service_link { text-decoration:none; } a:hover.service_link { text-decoration:underline; } /* contact us classes starts from here */ .contact-us { margin-bottom:20px; } .contact-us h3 { font-size:19px !important; font-weight:bold !important; text-decoration:underline; padding-bottom:5px; } .contact-us h4 { font-size:18px !important; padding:0px; line-height:18px !important; font-weight:bold !important; font-style:italic; color:#24bddf; } .contact-us h5 { font-size:16px !important; line-height:14px !important; padding:0px !important; font-style:italic; font-weight:bold !important; } .contact-us p { font-size:15px !important; line-height:22px !important; padding:0px !important; } .contact-us p a{text-decoration:none;} .contact-us p a:hover{text-decoration:underline;} /* hotel booking link starts from here */ a.hotel_booking { line-height:50px; color:#24bddf; font-size:16px !important; text-decoration:none; } a:hover.hotel_booking { text-decoration:underline; opacity:0.9; } /* preferred hotels classes starts from here */ .hotls { padding-top:8px; padding-bottom:10px; } .hotls p { font-size:16px; line-height:20px; padding-left:4px; } .hotls p span { width:38px; align:left; float:left; font-size:inherit; font-weight:bold; } .hotls p a { text-decoration:none !important; font-size:16px; line-height:20px; } .hotls p a:hover { text-decoration:underline !important; }