/* @override http://inchoo.net/wp-content/themes/newinchoo/style.css */ /* Theme Name: Inchoo (Green) Theme URI: http://inchoo.net Description: Inchoo custom design Author: Tomislav Bilic Author URI: http://inchoo.net 2009, Tomislav Bilic. All rights reserved. */ @import url("reset.css"); @import url("960.css"); body { font: 0.75em Tahoma, Arial, sans-serif;line-height: 1.5em;background: #dde6d5 url(images/body_bg.png) repeat-x 0 0;padding:0 0 25px 0} /* links */ a {color: #0070b1; text-decoration: none;} a:hover {text-decoration: underline;} .clear{clear: both; height: 5px;} /* headings */ h1, h2, h3, h4{font-family: Arial;letter-spacing:-1px;font-weight: normal;text-shadow: 1px 1px #efefef; } h1 {font-size: 30px;} h1.title, h2 {color:#334A1F;font-size:30px;font-weight:normal;line-height:30px;margin:0 0 15px;} h3 {font-size: 22px;margin-bottom: 15px;} .post_listed_content h3{margin-bottom: 20px;} h4 {margin:5px 0 15px 0; color:#4B752B;} h1 a, h2 a, h3 a {color: #0070b1; text-decoration: none;} .left{float:left;} .right{float:right;} .sIFR-alternate a{color: #000;} p {margin: 0 0 20px 0;} blockquote { margin: 0px; padding:5px 5px 5px 15px; border-left:3px solid #C1DDA7; background: #DDE6D5; color: #000; font-size:12px; font-style:italic; } blockquote p { margin: 5px 0px 5px 0px;} /*--------------------------------------------LAYOUT*/ #wrapper{background: url(images/wrapper_bg.png) repeat-x 0 159px; } /*---------Start--------Header*/ #header{height: 79px;clear: both; background: #dde6d5 url(images/body_bg.png) repeat-x 0 0;} #header h1{width: 255px; height: 62px; background-image: url(images/inchoo_logo.png); background-repeat: no-repeat; float: left;margin-top: 8px; text-indent: -9999px;margin-left: 0;} #header h1 a{display: block; width: 100%; height: 100%;} #header div#partner {float: right; text-indent: -9999px;} #header div#partner a{ display: block; width: 280px; height: 50px; background: url(images/surgeworks_europe_logo.png) no-repeat;margin-right: 5px;margin-top: 10px;cursor: pointer;} /*---------END--------Header*/ /*---------Start Main Nav-----*/ #main-nav{position: relative;} #subnav-no #main-nav{background-image: url(images/index_main_nav_bg.png); background-repeat: no-repeat; height:80px; padding:0 0 0 20px;} #subnav-yes #main-nav{background-image: url(images/page_main_nav_bg.png); background-repeat: no-repeat; height: 100px; padding:0 0 0 20px; } /*MAIN NAV TOP*/ #main-nav-top { margin:15px 0 0 5px; float: left; list-style:none; padding: 0px; width: 600px;} #main-nav-top li { float:left; height:40px; text-indent:-9999px; margin:0px 15px 0 0; padding:0px;} #main-nav-top li.home {width:70px;} #main-nav-top li.portfolio {width: 85px;} #main-nav-top li.services {width: 80px;} #main-nav-top li.blog {width: 84px;} #main-nav-top li.inchoo {width: 75px;} #main-nav-top li.contact {width: 80px;} #main-nav-top li a {display:block; width:100%; height:100%; background-image: url(images/main_nav_top_bg.png); background-repeat:no-repeat;} #main-nav-top li.home a {background-position: 0 0;} #main-nav-top li.portfolio a { background-position: -94px 0;} #main-nav-top li.services a { background-position: -203px 0; } #main-nav-top li.blog a {background-position: -308px 0; } #main-nav-top li.inchoo a { background-position: -417px 0; } #main-nav-top li.contact a { background-position: -518px 0; } /*- - HOVER - - */ #main-nav-top li.home a:hover{ background-position: 0 -42px } #main-nav-top li.portfolio a:hover{ background-position: -94px -42px } #main-nav-top li.services a:hover{ background-position: -203px -42px } #main-nav-top li.blog a:hover{ background-position: -308px -42px } #main-nav-top li.inchoo a:hover{ background-position: -417px -42px } #main-nav-top li.contact a:hover{ background-position: -518px -42px } /*- - END OF HOVER - - */ /*- - CURRENT - - */ #main-nav-top li.home a.current { background-position: 0 -84px } #main-nav-top li.portfolio a.current { background-position: -94px -84px } #main-nav-top li.services a.current { background-position: -203px -84px } #main-nav-top li.blog a.current { background-position: -308px -84px } #main-nav-top li.inchoo a.current { background-position: -417px -84px } #main-nav-top li.contact a.current { background-position: -518px -84px } /*- - CURRENT - - */ /*Main Search*/ #search {width: 182px; height: 30px;background: transparent; background-image: url(images/bg_search.png); position: absolute;top:20px; right: 15px;} #search #searchform {height: 30px;} #search #s{width: 140px; height: 15px; border: none; font-size: 12px; color: #538030;margin-top: 7px; padding-left: 6px;padding-top: 0px; background: transparent; float: left;} #search .searchbutton{width: 25px; height: 25px; border: none; background: transparent;padding: 0; cursor: pointer; float: left; } /*Main Search - -BOTTOM*/ /*MAIN NAV BOTTOM*/ ul#main-nav-bottom {float: left; margin: 3px 0 0 5px;padding:0;width: 900px} ul#main-nav-bottom li a{display: block; float: left; height: 22px; font-size: 14px; color: #000; padding-top: 12px;} #main-nav-bottom li {list-style-type: none; margin: 0; padding: 0; float: left; margin-right:15px;} #main-nav-bottom li.current_page_item, #main-nav-bottom li.category_active {background: url(images/current_indicator.png) no-repeat center 4px;} #main-nav-bottom li.current_page_item a{color:#000;font-weight:bold;text-decoration:underline;} /*---------END Main Nav------*/ /*---------Start Eyecatcher----- */ #index_eyecatcher{/*background-image: url(images/index_eyc_bg.png);*/ background-repeat: no-repeat; height:285px;} #iphone_eyecatcher{background-image: url(images/eyecatcher_iphone.png); background-repeat: no-repeat; height:260px; margin: 8px 0 0 0 ;} #online_marketing_eyecatcher{background-image: url(images/eyecatcher_online_marketing.png); background-repeat: no-repeat; height:260px; margin: 8px 0 0 0 ;} #zend_eyecatcher{background-image: url(images/eyecatcher_zend_development.jpg); background-repeat: no-repeat; height:260px; margin: 8px 0 0 0 ;} #magento_eyecatcher{background-image: url(images/eyecatcher_magento_development.jpg); background-repeat: no-repeat; height:260px; margin: 8px 0 0 0 ;} #page_eyecatcher{height: 265px;margin-top: 5px;padding: 0 0 0 5px;} #slider {width: 920px;margin: 0 auto;position: relative;} .scroll {height: 245px; overflow-y: hidden; overflow-x: hidden; position: relative; /* fix for IE to respect overflow */ clear: left; padding-top: 10px;} .scrollContainer div.panel {padding: 0px;height: 245px;width: 920px; /* change to 560px if not using JS to remove rh.scroll */} #index_eyecatcher ul.navigation {list-style: none;margin: 0;padding: 0;padding-bottom: 0px;} #index_eyecatcher ul.navigation li {float:left; height: 27px; text-indent: -9999px;} #index_eyecatcher ul.navigation li a { background-image: url('images/eyecatcher_matrix.png'); background-repeat: no-repeat; display: block; width: 100%; height:100%; cursor: pointer; } #index_eyecatcher ul.navigation li.magento a {background-position: 0px 0px; width:230px;} #index_eyecatcher ul.navigation li.marketing a {background-position: -231px 0; width:230px;} #index_eyecatcher ul.navigation li.iphone a {background-position: -461px 0; width:220px;} #index_eyecatcher ul.navigation li.zend a {background-position: -681px 0; width:240px;} #index_eyecatcher ul.navigation li.magento a.selected {background-position: 0px -27px} #index_eyecatcher ul.navigation li.marketing a.selected {background-position: -231px -27px} #index_eyecatcher ul.navigation li.iphone a.selected {background-position: -461px -27px} #index_eyecatcher ul.navigation li.zend a.selected {background-position: -681px -27px} #index_eyecatcher ul.navigation a {padding: 0px;color: #000;text-decoration: none;} #index_eyecatcher ul.navigation a:hover {} #index_eyecatcher ul.navigation a:focus { outline: none;} #index_eyecatcher img.scrollButtons.left, #index_eyecatcher img.scrollButtons.right{display: none;} /*---------END Eyecatcher--------*/ /*---------Start Main------*/ #main { float:left; width: 930px; padding: 10px 5px 0px 5px;background: #3c5826 url(images/main_top.png) no-repeat 5px 0; margin-top:9px;line-height: 18px;font-size: 13px;} #content{background-color: #fff; float:left; width: 910px; padding: 5px 10px 10px 10px;} #main ul li{list-style-type: disc;} #main ul.list-view li{display: block;margin: 20px 0px;overflow:hidden;padding-left: 0px;} #main ul.list-view strong{margin-bottom: 10px;display: block; } #main ul.list-view img{margin-right: 10px; } #blog_feed{float:left; width: 440px;margin-right: 10px;} #about{float:left; width: 450px;} .service_left h3, .service_right h3{font-size:1.4em;font-weight:normal;margin:0 0 10px 5px;} .service_left{ width:440px; float:left; margin-bottom:25px; clear:both; } .service_right{width:440px; float:right;margin-bottom:25px;} .service_left p, .service_right p{ padding:10px;} #left{float:left;padding:0 0 0 5px;width:620px; display: inline;} #right{width: 255px; float: right;padding-top:5px; display: inline; margin-right: 5px; } #left img.alignnone{ } /*Services - - Start*/ #services_page p{ line-height: 16px; } .services_magento, .services_iphone, .services_wordpress_ecommerce{width: 400px; height: 439px;float: left; margin:0 20px 0 8px; padding: 0px 20px;background-repeat: no-repeat; position: relative; } .services_online_marketing, .services_zend, .services_wordpress_development{ width: 400px; height: 439px; float: right; background-repeat: no-repeat; padding: 0px 20px; position: relative; } .services_magento{ background-image: url(images/services_magento_development.jpg);margin-bottom:30px;} .services_zend{ background-image: url(images/services_zend_development.jpg);} .services_iphone{ background-image: url(images/services_iphone_development.jpg);} .services_online_marketing{ background-image: url(images/services_online_marketing.jpg);margin-bottom:30px;} .services_wordpress_ecommerce{ background-image: url(images/services_wordpress_e_commerce.png);margin-bottom:30px;} .services_wordpress_development{ background-image: url(images/services_wordpress_development.png)} .title_magento, .title_online_marketing, .title_iphone, .title_zend, .title_wordpress_development, .title_wordpress_ecommerce{margin-bottom:15px; font-weight: bold; font-size: 25px;} .title_magento, .title_online_marketing {margin-top: 230px; } .title_iphone, .title_zend, .title_wordpress_ecommerce, .title_wordpress_development{margin-top: 220px;} .title_online_marketing a{color: #5da71c;}.title_iphone a{color: #49595b;}.title_zend{color: #0072bc;} .services_call_to_action{background-image:url(images/services_call_to_action.png);height:37px;margin:27px auto 0; padding-top:19px;text-align:center;width:230px;background-repeat: no-repeat;position: absolute; right: 110px;bottom: 22px; } .services_call_to_action a{vertical-align: middle;font-size: 15px;font-weight: bold;} .red{ color: #9e0b0f;}.green{ color: #5DA71C;}.greyblue{color: #49595b;}.blue{color: #0072bc;}.limegreen{color: #5D9601; } .paleblue{color: #2B95BE;} /*Services - - End*/ .title620, .title890{color: #334a1f; margin-bottom: 15px; padding-bottom: 10px;background-position: center bottom; background-repeat: no-repeat; } .title620{background-image: url(images/bg_title_620.gif);width: 620px;} .title890{background-image: url(images/bg_spacer_890.gif);width: 890px; } .spacer, .spacer890{clear: both; height: 10px;background-position: center top; background-repeat: no-repeat; margin-bottom: 15px; } .spacer { background-image: url(images/bg_spacer.gif);width: 620px;} .spacer890{ background-image: url(images/bg_spacer_890.gif);width: 890px;} .pagination, .buttons{clear: both;margin-top:16px;} /*.buttons{border-top:1px solid #DDE5E6;margin:-5px 0 25px;padding:0 0 25px 10px;}*/ .pagination{float:right;height:34px; width: 78px; margin-top:-40px;background-image: url(images/category_nav_off.png); background-repeat: no-repeat;} .nextlink a, .previouslink a { display: block;float: left;width:39px; height: 34px; background-image: url(images/category_nav.png); background-repeat: no-repeat;text-indent: -9999px; } .previouslink a{background-position: -39px 0px;} .nextlink a{background-position: 0px 0px;} .previouslink a:hover{background-position: -39px -34px;} .nextlink a:hover{background-position: 0px -34px;} .alignleft{float: left;} .alignright{float: right; margin-left: 7px; margin-bottom: 7px;} a.read_more {background:url("images/bg-read-more.png") no-repeat scroll 0 0 transparent; display:block; float:right; font-size:12px; height:15px; padding-bottom:12px; padding-top:7px; text-align:center; width:120px;} a.read_more:active{ position: relative; top: 1px; left: 1px; } div.buttons a.comments {padding:5px 0 0 5px;} .description{margin-bottom: 8px;font-size: 0.8em;padding:3px 0 3px } /* Service page - - - START */ .left_articles_page h2{ margin-left: 5px;} /*Service page - - - END*/ /*BLOG post listing*/ #main .left_articles h2 { margin:0 0 5px 0; } #main .left_articles .post_listed_utils { margin: 0 0 5px 0px; padding:0; font-size: 11px; color: #666} #main .left_articles .post_listed_utils .comments{ background:transparent url(images/icon_comment.gif) no-repeat 0 4px; padding:0px 0px 0px 17px; display:block; float:right} #main .left_articles .post_listed_content{width: 620px; clear: both; font-family: Tahoma; font-size: 12px; } #main .left_articles .spacer_category{clear: both;width: 637px; height: 35px; background-image: url(images/bg_spacer_category.gif);background-position: center center; background-repeat: no-repeat; } .greentext { } /*BLOG post listing end*/ /*BLOG article --- START*/ .utils_separator{ background-image: url(images/utils_separator.gif); height: 30px;background-repeat: no-repeat; background-position: center center; clear: both;width: 160px;} #btn_subscribe{ background-image: url(images/btn_subscribe.png);height: 50px; width: 160px; text-indent: -9999px; } #btn_subscribe a{ display: block; width: 100%; height: 100%; } #vr-social h4{text-align: right; font-size: 16px; color: #2c401b; font-weight: normal;margin-bottom: 12px; } .wp-caption-text{ text-align: center; padding: 5px 10px; background: #dde6d5; } /*BLOG article --- END*/ div#related_posts h3{padding-top: 10px;} div#related_subscribe{width:620px;background: url(images/bg_related_posts.gif) no-repeat; float: left; margin-bottom: 15px;} div#related_posts {width: 345px; float:left;} div.subscribe_to_post{float:right;margin:5px 23px 0 0;padding-bottom:40px;width:200px;} #subscribeform {border: none;padding:3px;text-align:center;} #subscribeform p {margin-bottom: 5px;color: #415e28;} #related_posts h3{width:200px; font-size: 24px;} div#related_posts ul.related_post li{ padding: 0px;margin:0px 0px 3px 0;list-style-type: none;font-size: 1em;} div#related_posts ul.related_post{margin:0; padding:0px; width: 350px;} h3#comments{margin: 15px 0 12px 0; font-size: 30px;font-weight: normal; color: #334a1f;font-family: Arial; text-shadow: 1px 1px #efefef; } h3#comments .comments_number{ color: #539b1a;font-size:30px;font-weight: bold;} h3#comments .add_yours a{ color: #334a1f;font-size:20px;font-weight: normal; text-decoration: underline; } .comment{clear:both;margin-bottom:10px;padding:15px 15px 0px 15px;width:593px;float:left;} #left .commentlist ul { margin: 0; padding: 0; float: left; font-family: Arial; } #left .commentlist ul li{list-style-type: none; margin: 0 0 5px 0; padding: 0; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .commentlist img.avatar{border: 1px solid #000; } .commentAvatar {width: 50px; float: left; } #comment_wrapper{width: 330px; float:left;margin-left: 15px;} .odd{background-color: #e9efe4;color: #2b3f1a;} .odd .url, .even .url{font-weight: bold; } .odd .url{color: #3d8404; } .odd .commentmetadata a{font-size: 12px; color: #2c401b;} .even .url{color: #8e7210; } .even{background-color: #efece4; font-size: 13px; color: #22210e; } .even .commentmetadata a{font-size: 12px; color: #4a491f;} #commentform ul{padding: 0; margin:0; width: 640px; }#commentform p.subscribe-to-comments { display:block; margin-left: 115px; width: 300px;}#commentform p.subscribe-to-comments input { width: 20px; float: left; display: inline;}#commentform p.subscribe-to-comments label { display:block; font-size:14px; float: right; width: 270px; margin: 0 5px;} #read_the_blog, #commentform input#submit {background:transparent url(images/btn_submit.png) no-repeat scroll 0px 0px; border:medium none; color:#FFFFFF; cursor:pointer; display:block; font-size:13px; font-weight:bold; margin:0 0 0 115px; width:140px; } #read_the_blog{ display:block;font-size:13px;font-weight:normal;letter-spacing:1px;padding:4px 0 9px 14px;width: 140px;text-decoration: none;margin:0;} #read_the_blog:hover {background-position: 0px -31px ;} #commentform input#submit:hover {background-position: 0px -31px ;} #form #comment_textarea{float:left;width:505px; } #form textarea,#contact_form .cform textarea{padding:5px; width:491px; border: 1px solid #dde6d5;background: #f3f6f0 url(images/bg_textarea.gif);background-repeat: repeat-x; height: 125px; overflow: auto;font-family: Arial; height:115px ; } .post_listed_content #form{float: left; letter-spacing:-1px; font-family: Arial; margin-top:10px;} h3#respond{ clear: both; margin: 27px 0 20px 0;padding-bottom: 18px; } h3#respond a{ color: #334a1f; font-size: 30px;font-weight: normal;font-family: Arial;cursor: default; } h3#respond a:hover{text-decoration: none; } h3#respond a span{color: #539b1a; font-weight: bold;font-family: Arial; } #commentform input, #contact_form .cform input{background: url(images/bg_input_comment.gif); border: 1px solid #dde6d5; padding: 6px 2px; width:497px;} #commentform .logged_in{display: block; margin:5px 0 5px 0; font-size:13px; font-style: italic; } #commentform label{font-size: 16px; color:#3d8404; margin-bottom: 5px; display: block;float:left; width: 115px; font-weight: normal; } .commentAuthor{font-size: 16px;text-shadow: 1px 1px #fff; } #comment_text{clear: both; border-top: 1px dotted #000; padding-top: 12px; margin-top:13px; float:left; width:100% } #form ul li{ margin-bottom: 10px;} #portfolio_wrapper{float:left;font-family:Tahoma;font-size:12px;padding:0 8px;width:890px;} .portfolio_item{float:left;margin-bottom:20px;width:895px;} #portfolio_wrapper .spacer{clear: both;width: 895px; height: 35px; background-image: url(images/portfolio_spacer.gif);background-position: center center; background-repeat: no-repeat; margin-bottom: 15px; } .portfolio_item h4{color:#0070b1; font-size: 21px;font-family: Arial;font-weight: normal; margin-bottom: 15px;} .portfolio_item h4 a{text-decoration: underline; } .portfolio_item .portfolio_image{float: right;width: 630px; } .portfolio_item .portfolio_image img{border:1px solid #000; } .portfolio_item .portfolio_description{float:left;width:240px;} #main .portfolio_item .portfolio_description ul {padding-left: 0px; } #main .portfolio_item .portfolio_description ul li{background:transparent url(images/bg_li_check.gif) no-repeat scroll left 3px; list-style-type:none;margin:10px 0;padding-left:25px;font-weight: bold; font-size: 11px; } .back2top{display: block;clear: both; background: url(images/bg_back_to_top.gif);background-repeat: no-repeat; background-position: left center;padding-left: 30px; text-transform: uppercase; font-size: 11px; color: #464646; } /* Contact */ #contact_wrapper{ width: 890px;padding: 0px 8px; float: left; } #european_office{ float: left; width: 430px; } #international_office{ float: right; width:430px;} #main .contact_info ul {color:#000000;margin:0 0 15px;padding:10px;width:380px;} #main .contact_info ul li{margin: 5px 0;padding: 0;list-style-type: none; } #main .contact_info ul li span{color:#333333;display:block;float:left;font-weight:bold;width: 5em;} #main .contact_info ul li span.branding, span.branding {color: #4B752B; font-family: Arial; display: inline; float: none; } #contact_form{width: 890px; float: left;} #contact_form label { display: block; } #contact_form ol.cf-ol { list-style-type: none; margin-left: 0px; padding-left: 0; padding-top: 10px; } #contact_form span { font-size: 10px; font-weight: bold; color: #3c5826; } #contact_form span.reqtxt, #contact_form span.emailreqtxt { font-size: 10px; color: #5d7065; padding-left: 10px; } #contact_form input#sendbutton.sendbutton { border: 1px solid #405f26; width: 200px; margin-top: 10px; background: url(images/footer_bg.jpg) no-repeat -8px -130px; color: #fff; font-size: 14px; padding: 8px; margin-left: 300px; cursor: pointer; } #contact_form input#sendbutton.sendbutton:hover { cursor: pointer; } #contact_form p.cf-sb { border: none; } #contact_form legend { font-size: 22px; color: #547f31; display: block; width: 500px; padding-bottom: 10px; } #contact_form .linklove{display:none;} #contact_form ol.cf-ol li { list-style-type: none; padding-left: 0px; } #contact_form .cform input{ background: #fff; border: 1px solid #dde6d5; padding: 12px 4px; width:493px; font-size: 16px; color: #3e5b25; } /* Contact --- END */ /*---------END Main--------*/ /*Sidebar*/ div.box{margin: 10px 0 0;} #right .box a{color: #2c401b;} #categories{float: left;padding-bottom: 1px;margin-bottom: 15px;background: #f3f6f1 url(images/bg_sidebar_bottom.gif) no-repeat center bottom;} #categories h3{width: 255px;height: 38px;text-indent: -9999px;background: url(images/bg_blog_categories.png) no-repeat;} #categories ul{ margin: 0;padding-right: 0px;padding-top: 0px;padding-left: 0px;} #categories ul{ margin: 0;padding-right: 0px;padding-top: 0px;padding-left: 0px;} #categories ul li {list-style-type: none;padding: 6px 0 9px;background: url(images/separator.gif) no-repeat left bottom;margin: 0 0 0 18px;} #right #request-a-quote{width: 255px;height: 62px; clear: both;text-indent: -9999px; margin-bottom:20px;} #right #request-a-quote a{display: block; width: 100%;height: 100%;background: url(images/btn_request_a_quote_255x124.png);background-position: 0px 62px; } #right #request-a-quote a:hover{background-position: 0px 0px;} /*#content #raq{float: right; width: 260px;min-height: 300px;background: url(images/raq_bg.png);padding-right: 10px;padding-left: 10px;} #raq h4 {height: 50px;margin-bottom: 15px;padding-top: 23px;} #raq p strong {display: block;margin: 0 0 10px 0;}*/ /*Sidebar Porftolio ---START*/ #sidebar-portfolio-wrapper, #sidebar-service-wrapper{ } #sidebar-portfolio{background:#e9efe4 url(images/bg_sidebar_portfolio_top.gif); background-repeat: no-repeat; min-height: 235px; padding:40px 0 0 15px;width: 240px; } #sidebar-portfolio h4 a,#sidebar-service h4 a {color: #2c401b; font-size: 17px;margin:5px 0 10px 0;display: block; } #sidebar-portfolio h4 a:hover, #sidebar-service h4 a:hover{text-decoration: underline; } #sidebar-portfolio .sidebar_portfolio_thumb{ padding: 2px; border: 1px solid #d3dccb; background:#fff;} #sidebar-portfolio #sidebar-categories{ margin: 10px 0 0 0;clear: both; } #sidebar-portfolio-bottom, #sidebar-service-bottom{height: 5px; background-image: url(images/bg_sidebar_portfolio_bottom.gif);clear:both; width:255px;} #sidebar-portfolio-button, #sidebar-service-button{width: 186px; height: 44px; text-align: center; position: relative; top: -25px; left: 35px;} #sidebar-portfolio-button span{} #sidebar-portfolio-button a, #sidebar-service-button a{background-image: url(images/btn_view_entire_portfolio_186x85.png); background-repeat: no-repeat; display: block; width: 100%; height: 32px; color: #486f29;padding: 12px 0 0 0; background-position: 0px -44px;} #sidebar-portfolio-button a:hover, #sidebar-service-button a:hover{background-image: url(images/btn_view_entire_portfolio_186x85.png); background-position: 0px 0px; text-decoration: none; } /*Sidebar Porftolio ---END*/ /*Sidebar Porftolio ---START*/ #sidebar-service img{border: 1px solid #d3dccb; } #sidebar-service{background:#e9efe4 url(images/bg_sidebar_service_top.gif); background-repeat: no-repeat; min-height: 205px; padding:40px 0 0 15px;width: 240px; } #sidebar-service-wrapper{} /*Sidebar Porftolio ---END*/ /*Sidebar Twitter ---START*/ #twitter_updates_wrapper{} #twitter_div{position: relative; min-height:70px ;} #twitter_updates{background:#e4f7f8 url(images/bg_sidebar_twitter_top.png); background-repeat: no-repeat; padding:40px 0px; font-size: 14px; color: #1b4a5a; font-family: Times; font-style: italic; } #twitter_updates_bottom{background-image: url(images/bg_sidebar_twitter_bottom.gif); height: 5px; clear: both; width:255px;} #twitter_update_list{padding: 0;text-align: center;margin-left: 30px; width: 190px; } #twitter_updates #twitter_update_list li{margin: 0;padding: 0; list-style-type: none;} /* Sidebar - Subscribe RSS Start */ #sidebar_rss{width: 255px;height: 53px;clear: both; } #sidebar_rss a{display: block; width: 100%; height: 100%; background-image: url(images/btn_subscribe_rss.png); text-indent: -9999px;background-position: 0px 53px; } #sidebar_rss a:hover{background-position: 0px 0px;} /* Sidebar - Subscribe RSS - - Stop */ /* Sidebar - Stay in Touch- - Start */ #sidebar-stayintouch-wrapper { margin: 10px 0 25px; background: #dde5d5 url(images/bg_sidebar_stayintouch_bottom.png) no-repeat 0 100%; color:#1B4A5A; font-family:Arial; font-size:14px; padding: 0 0 10px 0; width: 255px; } #sidebar-stayintouch { background: transparent url(images/bg_sidebar_stayintouch_top.png) no-repeat scroll 0 0; padding-top:45px; } #sidebar-stayintouch ul { list-style-type: none; margin-left: 5px; overflow:hidden; padding:0; } #sidebar-stayintouch ul li{ float: left; display: inline; text-indent: -9999px; height: 43px; } ul.social-media li.facebook a, ul.social-media li.facebook a:link, ul.social-media li.facebook a:visited { height:43px; margin-left: 0; width:61px; display: block; background: transparent url("images/socialmedia.jpg") no-repeat -61px 0; } ul.social-media li.facebook a:hover { background: transparent url("images/socialmedia.jpg") no-repeat -61px -43px; } ul.social-media li.youtube a, ul.social-media li.youtube a:link, ul.social-media li.youtube a:visited { height:43px; width:61px; display: block; background: transparent url("images/socialmedia.jpg") no-repeat -122px 0; } ul.social-media li.youtube a:hover { background: transparent url("images/socialmedia.jpg") no-repeat -122px -43px; } ul.social-media li.rss a, ul.social-media li.rss a:link, ul.social-media li.rss a:visited { background:transparent url(images/socialmedia.jpg) no-repeat 0 0; display:block; margin-left: 0; height:43px; width:61px; } ul.social-media li.rss a:hover { background: transparent url("images/socialmedia.jpg") no-repeat 0 -43px; } ul.social-media li.linkedin a, ul.social-media li.linkedin a:link, ul.social-media li.linkedin a:visited { background:transparent url(images/socialmedia.jpg) no-repeat -183px 0; display:block; margin-left: 0; height:43px; width:61px; } ul.social-media li.linkedin a:hover { background: transparent url("images/socialmedia.jpg") no-repeat -183px -43px; } /* Sidebar - Stay in Touch- - Stop*/ /* Sidebar - Inchooers- - start*/ #sidebar-inchooers-wrapper { margin: 10px 0 25px; background: #dde5d5 url(images/bg_sidebar_stayintouch_bottom.png) no-repeat 0 100%; color:#1B4A5A; font-family:Arial; font-size:14px; padding: 0 ; width: 255px; } #sidebar-inchooers { background: transparent url(images/inchooers-bg.png) no-repeat scroll 0 0; padding:40px 15px 0; } #sidebar-inchooers p { margin: 7px 0; font-size: 12px;} #sidebar-inchooers-wrapper #sidebar-portfolio-button { top: 15px; margin-bottom: 20px; } /* Sidebar - inchooers - stop */ /* Sidebar - MailChimp - start */ #mc_embed_signup { padding: 20px 17px 0 17px; } #mc_embed_signup legend{ margin-bottom: 7px; font-size: 14px; font-weight: bold; color: #486F29; } #mc_embed_signup input{ width: 208px; padding: 5px; border: 1px solid #ccc; } #mc_embed_signup .btn{ width: 125px; height: 37px; border: none; margin: 2px 0 12px; background: transparent url("images/subscribe_btn.png") no-repeat 0 -39px; float: right; padding-bottom: 8px; color: #486F29; cursor: pointer; } #mc_embed_signup .btn:hover { background: transparent url("images/subscribe_btn.png") no-repeat 0 0; } #mce-success-response { font-size: 12px; color: #486F29; margin: 10px 5px; } /* Sidebar - MailChimp - Stop */ /*Follow buttons*/ #twitter_follow{width: 255px;height: 54px; position:relative; top: -37px; left: 13px; text-indent: -99999px; } #btn_inchoo_twitter {width: 109px; height: 54px;float: left; } #btn_surgeworks_twitter {width: 123px; height: 54px; float: left;} #btn_inchoo_twitter a {width: 100%x; height: 100%;background-image: url(images/btn_follow_inchoo_109x108.png); background-repeat: no-repeat; display: block; width: 100%; height: 54px; color: #486f29;background-position: 0px -54px;} #btn_inchoo_twitter a:hover {background-position: 0px 0px; } #btn_surgeworks_twitter a {width: 100%x; height: 100%;background-image: url(images/btn_follow_surgeworks_123x105.png); background-repeat: no-repeat; background-position: 0px -52px; display: block; width: 100%; height: 54px; color: #486f29;} #btn_surgeworks_twitter a:hover {background-image: url(images/btn_follow_surgeworks_123x105.png);background-position: 0px 0px;} #upper_quote, #lower_quote{width: 18px;height: 17px; position: absolute; } #upper_quote{background-image: url(images/bg_upper_quote.gif);top:0px; left: 8px; } #lower_quote{background-image: url(images/bg_lower_quote.gif);left: 225px; bottom: 11px ;} /*Sidebar Twitter ---END*/ /*Your loot --- START*/ #your_loot_block_wrapper{float: left;background: url(images/bg_block_your_loot_bottom.gif); background-repeat: no-repeat; background-position: bottom center;background-color: #f1f5ed; margin-bottom: 20px;padding-bottom: 7px; } #your_loot{ width: 255px;background-image: url(images/bg_block_your_loot_top.gif); background-repeat: no-repeat;margin: 0 auto;color: #e9efe4;padding-top: 45px;} #counter_wrapper{float:left;margin-left:5px;width:245px;} #counter{ width: 113px; height: 65px; float: left;line-height: 60px; margin: 0 0 0 3px; } #counter .count_number {background-image:url(images/bg_count.png);float:left;font-size:50px;height:65px;margin:0;padding:0 0 0 13px;width:41px; display: block; } #congrats {width:124px; height:63px; float:right;background: #2c401b; text-align: center;font-family: Tahoma; font-size: 13px; font-weight: bold;} #congrats p{margin: 5px 0;} #congrats span{font-weight: normal; } #counter .first{margin:0px 4px 0px 0px} .your_loot_info{clear: both; font-family: Tahoma; font-weight: bold; font-size: 10px;width: 240px; margin: 5px 0 0 8px; background: #539B1A url(images/bg_block_your_loot_info_bottom.gif) no-repeat scroll center bottom;padding: 5px 0; } .your_loot_info p{ padding: 0px 10px; margin:0px 0px 5px 0px} .your_loot_info span{ font-weight: normal; } /*Your loot --- END*/ /*Related Articles --- Start */ #sidebar-related-articles-wrapper{background: url(images/bg_sidebar_related_articles_top.gif); padding-top:40px; width:255px; margin-bottom: 20px;} #related_articles{background-color: #e9efe4;} #right #related_articles ul{margin: 0 auto;padding: 0;width:225px;font-family: Tahoma; font-size: 12px; } #right #related_articles ul li{list-style-type: none;padding: 6px 0 8px 0; background: url(images/sidebar_separator.gif);background-position: bottom center; background-repeat: no-repeat; } #right #related_articles ul li a{color: #334a1f;} #sidebar-related-articles-wrapper h3{display: none; } #related-articles-bottom{ background: url(images/bg_sidebar_related_articles_bottom.gif); height: 7px; clear: both;width:255px; } /*Related Articles --- End */ /*Sidebar - - END*/ /*Pagenavi --- START*/ .wp-pagenavi{ margin: 25px 0px 15px; clear: both; height: 25px; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { border:1px solid #E9EFE4; color:#2E471B; margin:1px; padding:5px 6px 5px 7px; text-decoration:none; } .wp-pagenavi a:hover { background-color: #DDE6D5; } .wp-pagenavi a:active { text-decoration: none; background-color: #DDE6D5; } .wp-pagenavi span.pages { color: #6e7c63; background-color: #FFFFFF; padding-right: 5px; } .wp-pagenavi span.current { background-color:#E9EFE4; color:#406325; font-weight:bold; margin:3px; padding:5px 6px 5px 7px; border: 1px solid #E9EFE4; } .wp-pagenavi span.extend { padding:4px; margin: 3px; color: #000000; background-color: #FFFFFF; border: 1px solid #E9EFE4; } /*Pagenavi --- END*/ /*FOOTER*/ #footer{background-image: url(images/footer_bg.jpg); background-repeat: no-repeat;height:270px; clear: both;} #subfooter{ clear: both; width: 550px; margin: 15px auto; text-align: center; padding-top:20px;} #subfooter { text-shadow: 1px 1px #efefef; } /*Request a quote - - START*/ #footer_content{position: relative;} #footer ol{padding: 0;margin: 0; } #footer input {background:transparent url(images/bg_input_rac.png) no-repeat scroll 0 0;border:medium none;font-size:14px;padding:12px 10px 8px;width:200px;} div#usermessage2a{color:#fff; font-weight:bold; left:355px; padding:5px; position:absolute; top:35px;} #footer #sendbutton2 { position: relative; display:block; background: transparent url(images/btn_get_that_qoute.png) no-repeat 0 0; top: 170px; left: 745px; width: 170px; height: 60px; text-indent:-99999px; cursor:pointer; overflow: hidden; } #footer ol li{position: absolute;color: #fff;} /*name*/ li#li-2-2 {top: 69px;left: 20px;} /*company name*/ li#li-2-3 {top: 135px;left: 20px;} /*e-mail*/ li#li-2-4 {top: 194px;left: 20px;} /*phone*/ li#li-2-5 {left: 270px;top: 69px;} /*phone*/ #footer input#cf2_field_5{background: url('images/btn_input_2.png') no-repeat scroll 0px 4px; width: 180px;} /*Message*/ li#li-2-6 {left: 270px;top: 135px;} /*My budget is select*/ li#li-2-7 {left:729px;top:68px;} li#li-2-7 select {background-color:#fff;border:none;margin:11px 0px 0px 5px;width:185px;border: 1px solid white; } /*Captcha input*/ li#li-2-8 {left: 510px;top: 69px;} /*Captcha input*/ input#cforms_q2{background: url('images/bg_input_captcha.png') no-repeat scroll 0px 4px;width: 190px;} #footer textarea#cf2_field_6{ width: 420px; height: 80px; left: 270px;background: transparent url(images/bg_textarea_rac.png) no-repeat;border: none;padding:10px 10px 5px;font-size: 13px; overflow:auto;font-family:arial; line-height:17px;} #footer label{ display: block;} #cforms2form {} #footer span.reqtxt, #footer span.emailreqtxt {display: none;} #footer ol{list-style-type: none;} #footer p#ll2.linklove {display: none;} #footer legend{display: none;} /*Request a quote - - END*/ /*FOOTER -- END*/ /*--Links--*/ /*Sociable*/ #vr-social{float: left;width: 600px;background: #f6f9f4;border: 1px solid #edf2e9; padding: 10px;margin-top: 15px;border-bottom-width:15px;margin-bottom: 30px; } #vr-social h4{ width: 130px;float: left; } div.sociable { width: 440px; margin: 10px 0px 0px 0px;float: right; } div.sociable a img{background: #f3f9ed;padding: 3px; } div.sociable_tagline { display: none; } .sociable span { display: block; } .sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } .sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px; } .sociable ul li:before { content: ""; } .sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; } .sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } /*Sociable ----END */ /* Style for Usual tabs */ .usual { margin:16px auto; font-size:10px; width: 255px;} .usual ol { margin:0; padding:0; } .usual ol li { display:block; list-style-type: none; float:left; padding:5px; text-decoration:none; margin:0 1px 0 0; color:#FFF; background:#444; cursor:pointer;} .usual ol li:hover { color:#FFF; background:#111; } .usual ol li.tab_active { color:#fff; background:#415E28; cursor:default; } .usual div { padding:0px 10px; clear:left; border:1px solid #415E28;} .tab_hidden { display:none;} .tab_visible { display:block;} #usual1 ul { margin:0; padding:0; list-style-type: none;} #usual1 ul li { list-style-type: none; margin:0px 1px; padding:5px 0px; font-size: 10px; font-weight: normal; color:#666; border-top:1px solid #fff; border-bottom:1px solid #CFDBC8} #utility{ display:none; /*position: absolute;background: url(images/winter_2009.png) no-repeat -23px 0;width: 998px;height: 91px;z-index: 1;text-indent: -9999px;*/ } #utility a{width: 350px;height: 91px;display: block;} /* Landing page */ .landing_page h1 { font-family: georgia, times new roman, serif; font-size: 40px; color: #000; line-height: 40px; text-align: center; } .landing_page h1 span { font-size: 55px; color: #679932;} .landing_page h2 { font-size: 22px; color: #999; margin-top:10px; text-align:center;} .landing_page p { font-size: 15px;} .landing_page #request-a-quote a { background:url("images/btn_request_a_quote_255x124.png") repeat scroll 0 62px transparent; display:block; height: 62px; width:255px; text-indent: -9999px; float:left; margin-left: 110px; } .landing_page #request-a-quote a:hover { background-position: 0 0;} .testimonial { float: left; width: 400px; background-color: #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 20px; font-size: 14px; } .testimonial img {float: left; margin: 0 15px 15px 0;} .landing_page .portfolio { margin: 20px 0; overflow:hidden;} .landing_page .portfolio img { float: left; width: 158px; margin-right: 20px; padding: 2px; border: 1px solid #999;} /*----------------------------------------LAYOUT END*/ .syntaxhighlighter { overflow: hidden;} /* mailchimp */ #sidebarpost { margin:0; padding:0; list-style-type:none; } #mailchimpcss ul li{ list-style-type:none; } /* Magento Professional licence */ .magento-professional{ background: url('images/bg-magento-proffesional.jpg') no-repeat right 10px; } h3.order-magento-professional{ color: #406325; font-size: 48px; margin: 15px 0 0px 0; letter-spacing: -1px; } h3.order-magento-professional span{ display: block; color: #78a33f; font-size: 25px; margin-top: 15px; margin-bottom: 20px; margin-left: 3px; letter-spacing: -1px;} .please-fill{ border-bottom: 1px dotted #c5c5c5; width: 380px; padding-bottom: 15px; } .magento-professional legend {display: none; } .magento-professional label {display: block;color: #406325;margin-top:10px; } .magento-professional ol {list-style-type: none;margin: 0;padding: 0; } .magento-professional li { } .magento-professional li input { padding: 3px; width: 300px;font-size: 12px; } .magento-professional span.reqtxt, .magento-professional span.emailreqtxt {color: #78a33f;padding-left: 5px;font-size: 10px; } .linklove{display: none;} #sendbutton3 {background: url(images/btn-order-now.jpg) no-repeat scroll 0 0 ;border: none;width: 168px;height: 56px;text-indent: -9999px; margin-top: 15px;cursor: pointer; display:block; position: relative; font-size: 0px; line-height: 56px; } #sendbutton3:hover{ background-position: 0 -57px; } h4.faq-header {font-size: 26px; border-top: 1px dotted #333; padding: 30px 0 0px 0;}