/* @override http://classyllama.com/wp-content/themes/classyllama/css/style.css */ /* Colors CLS Blue #1dd0db */ /* @group Global Styles */ /*@font-face { font-family: "Trebuchet MS"; src: url('../fonts/"Trebuchet MS".ttf'); }*/ html { background-color: #222; color: #fff;} body { background: #222 url(../images/middle_bar_bg.gif) repeat-x 0px -49px; font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 12px; } #wrapper { width: 718px; margin: 0px auto; position: relative;} h1, h2, h3, h4, h5, h6 { color: #fff; } p { color: #ddd; } em { font-style: italic; } strong { font-weight: bold; } body #content h1{font-size:1.8em;margin:1em 0 .5em; } body #content h2{font-size:1.6em;margin:1.07em 0 .535em; font-weight: normal; color: #1dd0db; font-family: "Trebuchet MS";} /*body #content h2:before { content: '~ '; color: #1dd0db; font-size: 20px;} body #content h2:after { content: ' ~'; color: #1dd0db; font-size: 20px;}*/ body #content h3{font-size:1.4em;margin:1.14em 0 .27em; font-weight: normal; font-family: "Trebuchet MS";} body #content h4{font-size:1.2em;margin:1.23em 0 .215em; } body #content h2 a { border-bottom-width: 0px; color: #1dd0db;} body #content h2 a:hover { color: #fff; text-decoration: none; border-bottom-width: 0px;} body #content h4.post-date { font-size: 0.9em; font-weight: normal; margin: 0px 0px 0.5em;} /*a { color: #1dd0db; text-decoration: none;} a:hover { color: #1dd0db; text-decoration: underline;}*/ #content a { color: #fff; border-bottom: 1px dotted #777; text-decoration: none; } #content a:hover { border-bottom: 1px dotted #1dd0db; text-decoration: none;} #content .wp_codebox_msgheader .left a { color: #000; } .left { float: left; } .right { float: right; } .clear { clear: both; } .col-two { float: left; width: 50%;} body div.info, body div.success { background:#F8FAFC url(../images/icons/information.png) no-repeat scroll 15px 50% !important; border-bottom:2px solid #B5D4FE; border-top:2px solid #B5D4FE; padding:5px 20px 5px 45px !important; color: #000 !important; } body div.alert, body div.failure{ background:#FFF6BF url(../images/icons/exclamation.png) no-repeat scroll 15px 50% !important; border-bottom:2px solid #FFD324; border-top:2px solid #FFD324; padding:5px 20px 5px 45px !important; color: red !important;} ul.columns { margin-left: 0px !important; } ul.columns li { list-style: none !important; float: left; margin-bottom: 10px;} #sidebar { float: right; width: 200px; margin-left: 20px; } #sidebar ul { margin-left: 0px !important; } #sidebar ul li { list-style: none !important; } a.ellipsis { border-bottom-width: 0px !important; color: #1dd0db !important; } a.ellipsis:hover { border-bottom: 1px dotted #1dd0db !important; } /* @end */ /* @group Header */ #header { height: 138px; padding-top: 18px; } #logo a { width: 483px; height: 112px; background: url(../images/logo.gif) no-repeat; display: block; text-indent: -4000px; } /*#logo a:hover { background-position: -483px top; }*/ /* @end */ /* @group Menu */ ul#nav_main { position: absolute; top: 130px; } ul#nav_main li { float: left; margin-right: 3px;} ul#nav_main li a { float: left; padding-right: 13px; color: #fff; text-align: center; text-decoration: none; background: url(../images/nav_button_right.gif) no-repeat right -1000px; font-size: 12pt; cursor: pointer;} ul#nav_main li a span { float: left; background: url(../images/nav_button_left.gif) no-repeat left -1000px; padding: 4.5px 0px 4.5px 13px; height: 18px; line-height: 14px; font-family: "Trebuchet MS"; font-size: 15px;} ul#nav_main li.current_page_item a, body.blog-page ul#nav_main li.page-item-40 a { background-position: right top !important; } ul#nav_main li.current_page_item a span, body.blog-page ul#nav_main li.page-item-40 a span { background-position: left top !important; color: #fff !important; height: 17px !important; } ul#nav_main li a:hover { background-position: right -50px; } ul#nav_main li a:hover span { background-position: left -50px; color: #111; height: 16px; } /*ul#nav_main li a:active { background-position: right top; } ul#nav_main li a:active span { background-position: left top; }*/ /* @end */ /* @group Content */ #content { clear: both; margin-top: 20px; padding-bottom: 30px; } #content .post img { max-width: 100%; height: auto; } #content .wp-caption { border:1px solid #666; text-align:center; background:#333; padding:10px 10px 5px 10px; max-width: 718px; height: auto; margin-bottom: 10px;} .wp-caption p { margin: 0px !important; padding-top: 3px;} /* @end */ /* @group Middle Bar */ #middle_bar { background: url(../images/middle_bar_bg.gif) repeat-x; height: 205px; margin: 10px 0px;} #middle_bar .content { width: 718px; margin: 0px auto; padding: 10px 0px; color: #fff;} .magento-logo { float: left; margin: 0px 16px 10px 0px;} /* @end */ /* @group Bottom Bar */ #bottom_bar_container { position: fixed; bottom: 0px; width: 100%; z-index: 100;} #bottom_bar { background: url(../images/bottom_bar_bg.gif) no-repeat; width: 760px; margin: 10px auto 0px; } #bottom_links { /*overflow: auto;*/ padding-left: 17px; position: relative; } #bottom_links li{ /*float: left;*/ } #bottom_links li a { /*float: left;*/ display: block; color: #666; text-decoration: none; padding: 7px 4px 8px 4px;} #bottom_links li a:hover, #bottom_links li a.active { color: #fff; /*background: url(../images/bottom_bar_links_arrow.gif) no-repeat center bottom;*/} #bottom_bar_content { padding: 8px 19px 3px 19px; /*border-top: 1px solid #333;*/ display: none; overflow: hidden;} /*#contact_form { clear: both; margin-bottom: 15px; min-height: 203px;}*/ #contact_form { clear: both; margin-bottom: 15px; min-height: 190px;} #contact_form p { margin-bottom: 10px; } #contact_form p strong { color: #1dd0db; } #contact_form div.cf_info { width: auto; } #contact_form .cform { width: auto; } #contact_form label { display: none; } #contact_form ol { margin-left: 0px !important; position: relative; padding: 0px !important;} #contact_form ol li { margin-top: 0px !important; margin-bottom: 10px !important; } body ol.cf-ol li.cf_li_err { border: 0px !important; background: none !important; } #contact_form ol.cf-ol li.cf_li_err input { border-color: red; } #contact_form ol li span.reqtxt { display: none; } #contact_form ol li span.emailreqtxt { display: none; } #contact_form ol li#li--6 { position: absolute; top: 0px; right: 0px; } ol li#li--7, ol li#li--8 { display: none; } /*Form 2 inputs that need to be hidden */ #li-2-4, #li-2-5 {display: none;} #contact_form ol li input, #contact_form ol li textarea, #contact_form ol li select { border: 1px solid #333; background-color: #222; background-image: none; color: #666; padding: 4px; margin: 0px; } #contact_form ol li input.active, #contact_form ol li textarea.active{ color: #fff !important; border-color: #444; background-color: #333;} #contact_form ol li input{ width: 230px; height: 15px; } #contact_form ol li select { width: 240px; color: #fff;} #contact_form ol li textarea { resize: none; width: 460px; height: 156px;} #contact_form #cformsform .cf-sb { padding-right: 0px !important; } #contact_form #cformsform .cf-sb input#sendbutton.sendbutton, #contact_form #cforms2form .cf-sb input#sendbutton2.sendbutton { margin: 8px 0px; height: auto !important; color: #fff; border: 1px solid #333 !important; background: #222; color: #666; padding: 4px 60px !important; margin: 0px; font-size: inherit; } #contact_form #cformsform .cf-sb input#sendbutton.sendbutton:hover, #contact_form #cforms2form .cf-sb input#sendbutton2.sendbutton:hover { background: #1dd0db; cursor: pointer; border-color: #1dd0db; color: #fff;} #contact_form #cforms2form .cf-sb input#sendbutton2.sendbutton {float: left; width: 240px !important;} /*#contact_form ul { overflow: auto; } #contact_form ul li.col-one, #contact_form ul li.col-two { float: left; width: auto; } #contact_form ul li.col-two { margin-left: 10px; width: 470px; } #contact_form ul li ul li { margin-bottom: 10px; } #contact_form ul li input { width: 230px; height: 15px; } #contact_form ul li textarea { max-width: 460px; width: 100%; height: 120px; float: right;} #contact_form ul li input, #contact_form ul li textarea { border: 1px solid #333; background-color: #222; color: #666; padding: 4px; margin: 0px; } #contact_form .btn-submit { float: right; clear: both; margin: 8px 0px; height: auto !important; color: #fff;} #contact_form .btn-submit:hover { background: #1dd0db; cursor: pointer; border-color: #1dd0db;}*/ #shade { position: fixed; width: 100%; height: 100%; background: #000; z-index: 20; top: 0px; opacity: 0.9; display: none; cursor: pointer;} #footer_text { margin-top: 5px !important; margin-bottom: 0px !important; color: #444; font-size: 0.8em;} /* @end */ /* @group JS Slider */ .slider { position: relative;} .slider ul { margin-left: 0px !important; margin-bottom: 0px !important;} .slider li { list-style: none !important; float: left; margin-bottom: 3px;} #slider_previous, #slider_next { position: absolute; width: 36px; height: 459px; background: #292929 url(../images/slider_arrows.gif); background-repeat: no-repeat; top: -4px; text-indent: -4000px;border-bottom: 0px !important;} #slider_previous:hover, #slider_next:hover { background-color: #353535; border-bottom: 0px; } #slider_previous:active, #slider_next:active { background-color: #3f3f3f; } #slider_previous { left: -44px; background-position: 8px center;} #slider_previous:hover { background-position: -92px center; } #slider_next { right: -44px; background-position: -42px center;} #slider_next:hover { background-position: -142px center; } .box-slider ul#slider_pager { width: 720px; margin-top: 10px;} ul#slider_pager { overflow: auto; padding-bottom: 10px !important; } .box-slider ul#slider_pager li a { float: left; border: 4px solid #444; margin-right: 7px; margin-bottom:1px;} .box-slider ul#slider_pager li.last a { margin-right: 0px !important; } .box-slider ul#slider_pager li.last a, .box-slider ul#slider_pager li.last { float: right !important;} .page-team .box-slider ul#slider_pager li a { margin-right: 5px; } ul#slider_pager li a img{ opacity: 0.3; width: 51px; height: 51px;} .box-slider ul#slider_pager li a:hover, .box-slider ul#slider_pager li a.activeSlide{ border: 4px solid #1dd0db;} ul#slider_pager li a:hover img, ul#slider_pager li a.activeSlide img{ opacity: 1;} .slides-container { position: relative; } .box-slider .slides-container { border: 4px solid #444; width: 712px; height: 451px;} .slider-slides { margin: 0px !important; position: relative; height: 451px !important; overflow: hidden;} .portfolio .slider-slides li img { width: 712px; height: 451px; } .box-slider .slider-slides li { height: 459px !important; background: #222;} .slider-slides li { overflow: hidden; } /* @end */ /* @group Comment Form */ #contact_link { background: url(../images/icon_cls.png) no-repeat 0 50%; display: block; font-size: 15px; height: 24px; line-height: 24px; padding: 3px 0 3px 27px !important; color:#999; position: relative; left:-11px; } #commentform { } #commentform ul { margin-left: 0px; } #commentform li { list-style: none !important; } #commentform input, #commentform textarea { border: 1px solid #000; padding: 3px; background: #eee;} #commentform textarea { width: 712px; } #commentform .allowed-tags { font-size: 0.8em; } /* @end */ /* @group Home page */ .home .slides-container { margin-left: 35px; } .home ul#slider_pager { margin: 0px auto !important; width: 516px;} #content .home ul#slider_pager li { padding: 0 9px; } #content .home ul#slider_pager li a { float: left; height: 31px; text-indent: -4000em; background-repeat: no-repeat; width: 154px; border-bottom: 0px;} .home ul#slider_pager li.last a { margin-right: 0px; } .home ul#slider_pager li a:hover, .home ul#slider_pager li a.activeSlide { background-position: left -50px; } .home ul#slider_pager li.pager_ecommerce a { background-image: url(../images/home_btn_ecommerce.gif); } .home ul#slider_pager li.pager_webapps a { background-image: url(../images/home_btn_webapps.gif); } .home ul#slider_pager li.pager_webdesign a { background-image: url(../images/home_btn_webdesign.gif); } .home .slider-slides { height: 337px !important; } .home .slider-slides li { background-position: 43px center; background-repeat: no-repeat; width: 600px; height: 327px;} .home .slider-slides li.e-commerce { background-image: url(../images/home_ecommerce.gif); } .home .slider-slides li.web-apps { background-image: url(../images/home_webapps.gif); } .home .slider-slides li.web-design { background-image: url(../images/home_webdesign.jpg); } .home .slider-slides li { } a.contact-btn { display: block; margin: 10px auto; width: 326px; height: 44px; background: url(../images/contact_btn.gif) no-repeat; text-indent: -4000px; overflow: hidden; border: none !important;} a.contact-btn:hover { background-position: 0px -50px !important; } ul.col-four { margin-left: 0px !important; } ul.col-four li { float: left; width: 20%; list-style: none !important; } ul.col-four li h4 { font-weight: normal; color: white; margin-bottom: 6px !important; margin-top: 0px !important; } ul.col-four li p { line-height: 1.4em; color: #919191; } ul.process { background: url(../images/process_bg.gif) no-repeat; overflow: auto; padding: 19px 0px 0px 23px; width: 710px; height: 245px; margin-left: -3px !important; margin-right: -3px;} ul.process li { width: 151px; margin-right: 30px; } ul.process li.last { margin-right: 0px; } h2.process-header { padding-left: 20px; margin-top: 12px !important; color: white;} /* @end */ /* @group Team Page */ .team-slider #slider_previous,.team-slider #slider_next { } .team-slider .slides-container { border: 0px; width: auto; height: auto; } .team-slider ul#slider_pager li a { border: 4px solid #292929; width: 11px; height: 11px; background: #292929;} .team-slider ul#slider_pager li a.activeSlide { background: #1dd0db; } .team-slider ul#slider_pager li.last, .team-slider ul#slider_pager li.last a { float: left !important; } .team-slider .slider-slides, .team-slider .slider-slides li { height: 590px !important; } .team-slider { font-size: 10pt; font-family: arial; line-height: 14pt;} .team-slider em { font-style: italic; font-weight: normal; } .team-slider h3 { margin: 5px 0px 0px !important; width: 345px; float: right; } .team-slider h3 span { font-size: 9pt; font-weight: normal; color: #666; } .team-slider .slider-slides li { background-position: 0px 28px; background-repeat: no-repeat; position: relative; width: 718px !important;} .team-slider .slider-slides li.kurt { background-image: url(../images/team_photos/team_kurt.jpg); } .team-slider .slider-slides li.erik { background-image: url(../images/team_photos/team_erik.jpg); } .team-slider .slider-slides li.rob { background-image: url(../images/team_photos/team_rob.jpg); } .team-slider .slider-slides li.kristian { background-image: url(../images/team_photos/team_kristian.jpg); } .team-slider .slider-slides li.david { background-image: url(../images/team_photos/team_david.jpg); } .team-slider .slider-slides li.josh { background-image: url(../images/team_photos/team_josh.jpg); } .team-slider .slider-slides li.kevin { background-image: url(../images/team_photos/team_kevin.jpg); } .team-slider .slider-slides li.joey { background-image: url(../images/team_photos/team_joey.jpg); } .team-slider .slider-slides li.jeremy { background-image: url(../images/team_photos/team_jeremy.jpg); } .team-slider .slider-slides li.carrie { background-image: url(../images/team_photos/team_carrie.jpg); } .team-slider .slider-slides li.jeff { background-image: url(../images/team_photos/team_jeff.jpg); } .team-slider .slider-slides li.jeremy-young { background-image: url(../images/team_photos/team_jeremy_young.jpg); } .team-slider .slider-slides li.jordan { background-image: url(../images/team_photos/team_jordan.jpg); } .team-slider .slider-slides li.jonathan { background-image: url(../images/team_photos/team_jonathan.jpg); } .team-slider .slider-slides li.dave { background-image: url(../images/team_photos/team_dave.jpg); } .team-slider .slider-slides li.joseph { background-image: url(../images/team_photos/team_joseph.jpg); } .team-slider .slider-slides li.nick { background-image: url(../images/team_photos/team_nick.jpg); } .team-slider .slider-slides li.nathan { background-image: url(../images/team_photos/team_nathan.jpg); } .team-slider .slider-slides li.aaron { background-image: url(../images/team_photos/team_aaron.jpg); } .team-slider .slider-slides li.matt { background-image: url(../images/team_photos/team_matt.jpg); } .team-slider .slider-slides li.chris { background-image: url(../images/team_photos/team_chris.jpg); } .team-slider .slider-slides li.zach { background-image: url(../images/team_photos/team_zach.jpg); } .team-slider .slider-slides li.amy { background-image: url(../images/team_photos/team_amy.jpg); } .team-slider .slider-slides li.wesley { background-image: url(../images/team_photos/team_wesley.jpg); } .team-slider .slider-slides li.kyle { background-image: url(../images/team_photos/team_kyle.jpg); } .team-slider .slider-slides li.megan { background-image: url(../images/team_photos/team_megan.jpg); } .team-slider .slider-slides li.shawn { background-image: url(../images/team_photos/team_shawn.jpg); } .team-slider .slider-slides li.severin { background-image: url(../images/team_photos/team_severin.jpg); } .team-slider dl { position: absolute; right: 15px; top: 23px; margin-top: 0px; width: 470px; overflow: hidden; padding-top: 1px;} .team-slider dl dt, .team-slider dl dd { float: left; margin: 9px 0px 0px 0px !important; } .team-slider dl dt { width: 130px; clear: both; text-align: right; padding-right: 10px; color: #1dd0db; } .team-slider dl dd { width: 330px; margin-left: 0px;} /* @end */ /* @group Magento Page */ body.page-magento .col-two h3 { clear: both; color: #1dd0db;} ul.features-list { margin-left: 0px !important; } ul.features-list li { list-style: none; display: block; padding: 2px 2px 2px 20px; background: url(../images/tick.gif) no-repeat left center; } ul.features-list li.no-tick { background-image: none; } body.page-magento .columns { text-align: center; } div.news-icons a img{ float: left; margin: 4px; border: 0px;} ul.quotes { margin-left: 0px !important; } ul.quotes li { list-style: none !important; border-bottom: #3f3f3f 1px solid; overflow: auto; padding: 5px 10px;} ul.quotes li.odd { background-color: #292929; } ul.quotes li.last { border-bottom: 0px;} ul.quotes li span { float: right; font-size: 8pt; color: #777;} ul.quotes li span a { color: #777 !important; } /* @end */ /* @group Magento-Design Page */ /*.flip { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .no-flip { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); }*/ #post-664 h2 { text-indent:-9999px; height:0px;} .magento-design-page h1 {color:#fff; font-weight:normal; font-size:30pt;} .magento-design-page h1 span {color:#4D4D4D;} .magento-design-page h3 {font-size:18pt; color:#00D6E0; border-bottom:1px dotted #00D6E0; padding-bottom:3px; font-style:italic;} .magento-design-page .sub-title strong {font-size:13pt;} .magento-design-page .sub-title span {font-size:10pt; color:#999; font-style:italic; margin-left:10px;} .magento-design-page .magento-design-bullets { width:100%; margin-left:0 !important;} .magento-design-page .magento-design-bullets li { list-style:none !important; margin-top:10px;} .magento-design-page .magento-design-bullets li ul { margin-left:20px !important;} .magento-design-page .magento-design-bullets em strong { font-style:italic;} .magento-design-page .magento-design-bullets .title {font-size:16pt; color:#eee; font-size:12pt; list-style:disc !important;} .magento-design-page .magento-design-bullets .subtitle {color:#808080; font-size:8pt; margin-bottom:14pt; margin-top:2px; line-height:8pt;} .magento-design-page .magento-design-bullets .col3-set {float:left; width:31%; padding-right:10px;} .magento-design-page .magento-design-bullets .col-1, /*.magento-design-page .magento-design-bullets .col-3 {background:url(../images/magento_design_divider.png) repeat-y;}*/ .magento-design-page .magento-design-bullets .col-1 {background-position:right; padding-right:10px;} .magento-design-page .magento-design-bullets .col-2 { background-image:url(../images/magento_design_fade.png) repeat-x; background-color:#1c1c1c; background-position:bottom; padding:0 10px;} .magento-design-page .magento-design-bullets .col-3 {background-position:left; padding-left:10px;} .magento-design-page .magento-design-bullets h4 {font-size:18pt !important; margin-bottom:14pt !important;} .magento-design-page .magento-design-bullets h4 span {color:#333; font-size:14pt;} /* @end */ /* @group Contact Page */ body .cform { margin: 0px; } body ol.cf-ol { border-top: 0px; } .linklove { display: none; } #contact_form ul li input, #contact_form ul li textarea { border: 1px solid #333; background-color: #222; color: #666; padding: 4px; margin: 0px; } #contact_form .btn-submit { float: right; clear: both; margin: 8px 0px; height: auto !important; color: #fff;} #contact_form .btn-submit:hover { background: #1dd0db; cursor: pointer; border-color: #1dd0db;} body .cform input.sendbutton { border: 1px solid #333; background-color: #222; color: #666; padding: 6px !important; margin: 2px; } body .cform input.sendbutton:hover { border-color: #1dd0db; background: #1dd0db; } body div.cf_info { margin: 10px 0px; } #close_form { position: absolute; width: 30px; height: 30px; text-indent: -4000em; overflow: hidden; background: url(../images/fancybox/fancy_closebox.png) no-repeat center center; right: -7px; top: -8px; display: none; cursor: pointer;} /* @end */ /* @group Portfolio Page */ .featured-section ul { overflow: auto; margin: 0px !important; text-align: center;} .featured-section ul li { display: inline; list-style: none !important; margin: 0px !important;} .featured-section ul li a { border-bottom: 0 !important; } .featured-section ul li a:hover img{ opacity: 0.6; } .portfolio-details { padding: 10px; width: 692px; height: 50px; background-color: rgba(0,0,0,0.8); opacity: 1; position: absolute; color: #fff; z-index: 100; bottom: 4px;} .portfolio-details h3 { margin: 0px !important; float: left; font-weight: normal; font-size: 17pt !important;} .portfolio-details p { margin: 0px !important; float: left; clear: left; font-size: 9pt;} .portfolio-details h3 a.example-site { color: #1dd0db !important; border-bottom-width: 0px !important; font-size: 0.9em !important; text-transform: lowercase; } .portfolio-details a.example-site:hover { color: #1dd0db; } #content .portfolio-details a.icon { float: right; height: 50px; width: 67px; text-indent: -4000em; overflow: hidden; background-repeat: no-repeat; background-position: center center; border-bottom: 0px;} .icon-wordpress { background-image: url(../images/icon_wordpress.gif); } .icon-expression-engine { background-image: url(../images/icon_ee.gif); } .icon-magento { background-image: url(../images/icon_magento.gif); } .icon-joomla { background-image: url(../images/icon_joomla.gif); } .icon-cls { background-image: url(../images/icon_cls.gif); } .portfolio-section img { float: left; margin-right: 10px; } .portfolio-section p { clear: both; } .portfolio-section p span { font-size: 0.75em; float: right; color: #555; } .portfolio-section p.narrow { width: 400px; } .portfolio-section h3 { clear: both; } /* @end */ /* @group Blog */ p.post-info { background: #323232; padding: 5px; font-style: italic; font-size: 0.8em; } ol.comments { margin: 0px !important; padding-left: 0; } ol.comments li { list-style: none !important; padding: 5px; } ol.comments li.alt { background: #323232; } ol.comments .comment-about { } ol.comments .comment-about img { float: left; padding: 5px 7px 7px 3px; } ol.comments .comment-about cite { color: #1dd0db; } ol.comments .comment-about p a { border-bottom: none !important; font-size: 0.8em; } ol.comments .comment-about p { margin-bottom: 5px !important; border-bottom: 1px dashed #323232; } ol.comments li.alt .comment-about p { border-bottom: 1px dashed #222; } /* @end */ /* Tooltips CSS */ .qtip.qtip-dark { opacity: 0.8; } /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left; margin: 3px; } .alignright { float:right; margin: 3px; } #portfolio_link { display: block; background: url(../images/portfolio_montage.jpg) no-repeat -120px 0; height: 229px; width: 720px; text-indent: -9999px; border-bottom: none !important;} #portfolio_link:hover { background-position: -940px 0; } #fancybox-title-main a { color: #1dd0db; text-decoration: none; } #fancybox-title-main a:hover { text-decoration: underline; } #landing-pages .post { margin-top: 50px; } #landing-pages .post p { color: #c4c4c4; } .page-magento-customization .post > h2, .page-magento-go .post > h2, .page-magento-design .post > h2, .page-magento-development .post > h2, .page-magento-services .post > h2, .page-magento-theming .post > h2 { display: none; } #landing-pages .post h2 { color: #fff; margin: 0 0 15px; text-align: center; } #landing-pages .custom-usability-review { background: url(../images/bg_services.png) no-repeat; overflow: auto; padding: 20px 10px 0 30px; } #landing-pages .custom-usability-review .services-main-text { float: left; width: 410px; } #landing-pages .custom-usability-review .services-main-text h1 { color: #1dd0db; font-size: 35px; margin-top: 12px; } #landing-pages .custom-usability-review .services-main-text h3 { margin-bottom: 12px; } #landing-pages .custom-usability-review .services-contact-buttons { float: right; } #landing-pages .custom-usability-review .services-contact-buttons img { margin-bottom: 20px; } #landing-pages .custom-usability-review .services-contact-buttons a { border-bottom: none; display: block; margin: 0 auto; text-align: center; } #landing-pages .custom-usability-review .services-contact-buttons a:hover { background-position: 0 100%; } #landing-pages .custom-usability-review .services-contact-buttons span { background: url(../images/bg_or.png) no-repeat center center; display: block; font-size: 11px; margin-bottom: 5px; text-align: center; } #landing-pages .custom-usability-review .services-contact-buttons .contact-us { background-image: url(../images/btn_contact_us.png); font-size: 17px; height: 39px; line-height: 39px; margin-bottom: 5px; text-shadow: 0px 1px 2px #303030; width: 149px } #landing-pages .custom-usability-review .services-contact-buttons .view-benefits { background-image: url(../images/btn_view_benefits.png); height: 29px; line-height: 29px; width: 129px; } #landing-pages .client-feedback { clear: both; margin-bottom: 0; position: relative; width: 100%; } #landing-pages .client-feedback img { display: block; margin: 0 auto; } #landing-pages .client-feedback span { color: #1dd0db; font-size: 17px; font-weight: bold; left: 298px; position: relative; top: -16px; } #landing-pages .blockquote { background: url(../images/bg_testimonial.png); height: 61px; margin-bottom: 10px; } #landing-pages .blockquote blockquote { background: url(../images/bg_testimonial_left.png) no-repeat 0 14px; margin: 0 auto; padding: 9px 0 0 20px; text-align: center; width: 600px; } #landing-pages .blockquote blockquote p { background: url(../images/bg_testimonial_right.png) no-repeat right 5px; margin-bottom: 0; padding-right: 18px; } #landing-pages .testimonial { display: block; margin-bottom: 50px; text-align: center; } #landing-pages .testimonial .testimonial-name { color: #939393; } #landing-pages .testimonial .testimonial-location { color: #6f6f6f; } #landing-pages .col2-set { border-bottom: 1px #343434 solid; border-top: 1px #000 solid; margin-bottom: 50px; overflow: auto; } #landing-pages .col2-set .col2-set-wrapper { border-bottom: 1px solid #000; border-top: 1px solid #343434; overflow: auto; padding: 7px 0; } #landing-pages .col2-set .col { clear: both; } #landing-pages .col2-set .col div { background-position: 0 20px; border-bottom: 1px #000 solid; border-top: 1px #343434 solid; height: 100%; } #landing-pages .col2-set .col div { border-bottom: 1px #000 solid; border-top: 1px #343434 solid; height: 100%; } #landing-pages .col2-set .col1 { height: 215px; } #landing-pages .col2-set .col1 div { border-top: none; } #landing-pages .col2-set .col2 { height: 210px; } #landing-pages .col2-set .col3 { height: 180px; } #landing-pages .col2-set .col3 div { border-bottom: none; } #landing-pages .col2-set .col div { background-repeat: no-repeat; padding: 15px 0 0 80px; } #landing-pages .col2-set .col .left { float: left; width: 260px; } #landing-pages .col2-set .col .right { float: right; width: 260px; } #landing-pages .col2-set h3 { color: #1dd0db; margin-bottom: 10px; } #landing-pages .col2-set .average-order-value { background-image: url(../images/icn_average_order_value.png); } #landing-pages .col2-set .increased-revenue { background-image: url(../images/icn_increased_revenue.png); } #landing-pages .col2-set .customer-recycling { background-image: url(../images/icn_customer_recycling.png); } #landing-pages .col2-set .conversion-rate { background-image: url(../images/icn_conversion_rate.png); } #landing-pages .col2-set .store-traffic { background-image: url(../images/icn_store_traffic.png); } #landing-pages .col2-set .enhanced-functionality { background-image: url(../images/icn_enhanced_functionality.png); } #landing-pages .col3-set { } #landing-pages .col3-set .col { float: left; height: 178px; padding: 15px 12.5px 0; position:relative; text-align: center; width: 211px; } #landing-pages .col3-set .our-design, #landing-pages .col3-set .our-team { background: url(../images/bg_our_design_team.png); } #landing-pages .col3-set .our-code { background: url(../images/bg_our_code.png); } #landing-pages .col3-set .col h4 { border-bottom: 1px solid #343434; color: #1dd0db; margin: 0 0 7px; } #landing-pages .col3-set .col h4 span { border-bottom: 1px solid #212121; display: block; padding-bottom: 7px; } #landing-pages .col3-set .our-code h4 { border-bottom: 1px solid #212121; padding: 0 0 7px; } #landing-pages .col3-set .col .see-our { bottom:3px; position:absolute; left:53px; } #landing-pages .col3-set .col a { background: url(../images/btn_our_code.png); border-bottom: none; display: block; height: 29px; line-height: 27px; margin: 0 auto; width: 129px; } #landing-pages .col3-set .col a:hover { background-position: 0 100%; }