/* common ======================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } body { font: 75%/1.5 "Helvetica Neue", helvetica, arial, sans-serif; color: #818181; } table {border-collapse: separate; border-spacing: 0;} caption {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} li {list-style-type: none;} hr {display: none;} strong, b {font-weight: bold;} em, i {font-style: italic;} /* basic links properties */ a { } a.alt, .altbox .content a {border-color: #f3dece; color: #9f4700;} a:hover, a:active, a:focus, a.alt:hover, a.alt:active, a.alt:focus, .altbox .content a:hover, .altbox .content a:active, .altbox .content a:focus { } a img { border: none; } .panel a img { margin:0; } /* image replacement */ .ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clear {clear: both;} .left {float: left;} .right {float: right;} a.link-dropdown {padding-right: 30px; background: url(../icons/dropdown.png) no-repeat right; border: 0; text-decoration: none; } .dropdown {display: inline;} .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; } .dropdown dd { position:relative; } .dropdown a, .dropdown a:visited { text-decoration:none; outline:none; border: 0;} .dropdown dt a {background: url(../icons/dropdown.png) no-repeat scroll right center; display:block; padding-right:20px; width:180px;} .dropdown dt a span {cursor:pointer; display:block; padding:5px;} .dropdown dd ul { background:#e6e6e6 none repeat scroll 0 0; border:1px solid #d4ca9a; display:none; left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;} .dropdown span.value { display:none;} .dropdown dd ul li a { padding:5px; display:block;} .dropdown dd ul li a:hover { background-color:#f6f6f6;} .orange {color: #ff9d30;} .blue { color: #0099FF; } a.blue, a.blue:hover, a.blue:active, a.blue:visited {color: #6299ba; border: 0;} .blue a, .blue a:visited, .blue a:active {color: #6299ba;} .light-grey {color: #acacac;} .light-grey a {color: #acacac;} .grey {color: #8c8d89;} .grey a {color: #8c8d89;} .bold {font-weight: bold;} .sans {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .serif {font-family: Georgia, serif; } .italic {font-style: italic;} .tooltip {border-bottom: 1px dashed #555555;} .shadow, .shadow-100 {width: 985px; height: 10px; background: transparent url(../images/core/box_shadow.jpg) no-repeat top; margin: 0 0 30px 0; padding: 0;} .shadow-50 {width: 470px; height: 7px; background: transparent url(../images/core/box_shadow.jpg) no-repeat top; margin: 0 0 30px 0; padding: 0;} .no-border,  .no-border * {border: 0;} /* ======================================*/ h1 {font-size: 200%; margin-bottom: 10px;} h2 {font-size: 150%; margin-bottom: 10px;} h3 {font-size: 130%; margin-bottom: 10px;} p {margin-bottom: 10px;} h1.border-bottom, h2.border-bottom, h3.border-bottom {border-bottom: 1px solid #ccc; padding-bottom: 5px;} h1.padded, h2.padded, h3.padded {padding-top: 10px; padding-left: 10px;} h3.large {font-size: 140%; padding: 40px; font-weight: bold; margin: 0;} #wrapper {width: 1000px; margin: 0 auto; padding-bottom: 30px} #header { width: 985px; padding-top: 10px;} #header #menu {float: left; width: 620px; padding: 5 15px; background: transparent url(../images/core/menu_bg_gradient.jpg) repeat; } #header #menu #logo { width: 193px; height: 38px; position: relative; float: left; margin: 7px 20px 5px 10px; } #header #menu #logo a.home .ir {background: transparent url("../images/logos/header_logo_t.png") no-repeat;} #header #menu a {border: 0;} #header #menu ul {list-style: none; } #header #menu ul li {float: left; margin-left: 10px; margin-top: 10px;} #header #menu ul li.blog {margin-top: 5px; margin-left: 20px;} .padding {padding: 15px;} .box-100 { width: 900px; } .box-100 .in { background: transparent url(../images/core/content_bg_gradient_bottom.jpg) repeat-x bottom left; min-height: 200px; width: 900px; } .prodlists { background: transparent url(../images/core/content_bg_gradient_bottom.jpg) repeat-x bottom left; min-height: 250px; width: 900px; margin:5px auto 0 auto; border: 1px solid #EBEBDE; background-color: #FFFFFF; } .box-50 {width: 480px; background: transparent url(../images/core/content_bg.jpg) repeat top; } .box-50 .in {background: transparent url(../images/core/content_bg_gradient_bottom.jpg) repeat-x bottom left; min-height: 200px; } .box {width: 985px; min-height: 300px; background: transparent url(../images/core/body_bg_gradient.jpg) no-repeat top; margin-top: 30px;} .box .title, .box-100 .title, .box-50 .title {margin-left: 10px; margin-bottom: 1px; margin-right: 0; margin-top: 10px;} .cols2-1, .cols2-2 {width: 480px; float: left;} .cols2-2 {margin-left: 20px;} .box-50 .blog_posts {} .box-50 .blog_posts .first_post {border-top: 1px solid #cccccc;} .box-50 .blog_posts .first_post .blog_headline_image {width: 100%; height: 270px; background-repeat: no-repeat; background-position: center center; padding-top: 10px } .box-50 .blog_posts .first_post p {margin: 0;} .box-50 .blog_posts .first_post .blog_headline_image .meta { margin-top: 10px; } .box-50 .blog_posts .first_post .blog_headline_image span.title {background: #fff; padding: 5px 5px 5px 50px; margin: 0; font-size: 130%; font-weight: bold;} .box-50 .blog_posts .first_post .blog_headline_image span.author {background: #fff; padding: 5px 5px 5px 40px; margin: 0;} .box-50 .blog_posts .first_post .summary {padding: 10px; background: transparent url(../images/core/content_bg_gradient_bottom.jpg) repeat-x bottom left; border-bottom: 1px solid #cccccc;} .box-50 .blog_posts .first_post .summary p.tags {font-size: 90%; font-style: italic; margin-bottom: 5px;} .box-50 .blog_posts .post {padding: 10px; border-top: 1px solid #cdcdcd;} .box-50 .blog_posts .post p {margin: 0;} .box-50 .blog_posts .post .title {font-size: 120%; font-weight: bold; margin: 0; padding: 0;} .box-50 .blog_posts .post .author {font-size: 90%; margin: 0;} .box-50 .blog_posts .post .date {padding-left: 5px;font-size: 90%; margin: 0; font-style: italic;} .box-50 .blog_posts .post p.tags {font-size: 90%; font-style: italic; margin: 0;} .box-50 .personal_posts {} .box-50 .personal_posts .post {padding: 10px;} .box-50 .personal_posts .post p {margin: 0;} .box-50 .personal_posts .post .title {font-size: 120%; font-weight: bold; margin: 0; padding: 0;} .box-50 .personal_posts .post .date {padding-left: 5px;font-size: 90%; margin: 0; font-style: italic;} .box-50 .twitter_feed {} .box-50 .twitter_feed a {border: 0; color: #8c8d89; text-decoration: underline;} .box-50 .twitter_feed li {padding: 10px; border-top: 1px solid #cccccc; } .box-50 .twitter_feed li p {margin: 0; color: #8c8d89;} .box-50 .twitter_feed li .tweet_time a {text-decoration: none; padding-right: 5px;font-size: 90%; margin: 0; font-style: italic; color: #6299ba;} .box-50 .twitter_feed .twitter_load {margin: 50px 0 50px 240px;} .box-bot-link { border-top: 1px solid #cccccc; padding: 5px 10px 5px; text-align: center; font-size: 130%; font-weight: bold; }  .box-bot-link a {border: 0;} .box_bubbles { width: 1000px; background: transparent url(../images/core/box_bubbles_top.jpg) no-repeat top; padding-top: 110px; margin: 0; } .box_bubbles .in {display: block; padding: 0; border: 0; width: 985px; background: transparent url(../images/core/box_bubbles_bottom.jpg) no-repeat top; min-height: 100px; margin: 0;} .blog_header {width: 390px; height: 78px; margin: 0 auto; padding: 80px 0 60px 0; background: url(../images/text/blog_title_t.png) no-repeat center center; text-indent: -9999px;} .box-100 .blog_posts .first_post {border-top: 1px solid #cccccc; min-height: 285px;} .box-100 .blog_posts .first_post { padding: 10px 500px 10px 10px; background-position: right top; background-repeat: no-repeat; } .box-100 .blog_posts .first_post p {margin: 0;} .box-100 .blog_posts .first_post .title {font-size: 120%; font-weight: bold; margin: 0; padding: 0;} .box-100 .blog_posts .first_post .author {font-size: 90%; margin: 0;} .box-100 .blog_posts .first_post .date {padding-left: 5px;font-size: 90%; margin: 0; font-style: italic;} .box-100 .blog_posts .first_post p.tags {font-size: 90%; font-style: italic; margin: 0;} .box-100 .blog_posts .older_posts {padding: 15px; background: url(../images/core/content_bg_gradient_bottom.jpg) repeat-x bottom left; font-size: 150%; border-top: 1px solid #cccccc; } .box-100 .blog_posts .post {border-top: 1px solid #cccccc; min-height: 285px;} .box-100 .blog_posts .post { padding: 10px 185px 10px 10px; background-position: right top; background-repeat: no-repeat; } .box-100 .blog_posts .post p {margin: 0;} .box-100 .blog_posts .post .title {font-size: 120%; font-weight: bold; margin: 0; padding: 0;} .box-100 .blog_posts .post .author {font-size: 90%; margin: 0;} .box-100 .blog_posts .post .date {padding-left: 5px;font-size: 90%; margin: 0; font-style: italic;} .box-100 .blog_posts .post p.tags {font-size: 90%; font-style: italic; margin: 0;} .home-services {width: 900px; margin: 5px auto 0 auto;} .home-services .service {width: 260px; margin-left: 20px; float: left;} .home-services .service h1 {font-size: 140%; padding-bottom: 5px; border-bottom: 1px solid #e4e0cf; margin-bottom: 5px;} .home-services .content {width: 160px; padding: 20px 0 0 100px; margin-left: 10px; } .home-services a.read_more {float: right; margin: 10px 0; } .home-services .design { background: url(../images/core/home_service_design_t.png) no-repeat top left; } .home-services .dev { background: url(../images/core/home_service_dev_t.png) no-repeat top left; } .home-services .graphics { background: url(../images/core/home_service_graphics_t.png) no-repeat top left; } .home-recent {width: 965px; margin: 20px auto 0 auto;} .home-recent .title {margin: 0 0 20px 15px;} .home-recent .work {float: left;} .home-recent .work .client {margin: 5px 0 0 15px;} .home-recent .work .services {margin-left: 15px;} .home-recent .work a {border: 0;} .home-blog {width: 985px;} .home-blog .post {padding-bottom: 20px;} .home-blog .post .categories {margin: 0 15px 0 15px;} .home-blog .post .summary {margin: 0 15px 0 15px;} .home-blog .post .read_on {float: right; margin: 5px 20px 0 0;} .blue_box {background: url(../images/core/blue_box_pattern.jpg) repeat; width:100%;} .blue_box_in {background: url(../images/core/blue_box_grad.jpg) repeat-x bottom; padding: 10px;} #footer {width: 100%; border-top: 1px solid #c8c4c4; background: #e7e5d9 url(../images/core/footer_bg.jpg) repeat; } #footer .in {width: 950px; margin: 0 auto; padding: 25px;} .text-box {width: 200px; height: 21px; padding: 4px 2px 2px 2px; background: url(../images/core/text_box_bg.png) no-repeat left top; border: 0; margin: 0 auto 4px auto;} .text-area {width: 200px; height: 136px; padding: 4px 5px 2px 5px; background: url(../images/core/textarea_bg.png) no-repeat left top; border: 0; margin: 0 auto 4px auto;} .small-bubble-submit {width: 46px; height: 38px; padding: 2px 4px 10px 6px; font-size: 95%; border: 0; background: url(../images/core/bubble_submit_t.png) no-repeat; } #map {width: 700px; height: 300px;} #wpcf7-f2-p33-o1 {color: #fff;} #wpcf7-f2-p33-o1 p {margin: 0; padding: 0;} #wpcf7-f2-p33-o1 .text-box {width: 200px; height: 21px; padding: 4px 2px 2px 2px; background: url(../images/core/text_box_bg.png) no-repeat left top; border: 0; margin: 0 auto 4px auto;} #wpcf7-f2-p33-o1 .text-area {width: 200px; height: 136px; padding: 4px 5px 2px 5px; background: url(../images/core/textarea_bg.png) no-repeat left top; border: 0; margin: 0 auto 4px auto;} #wpcf7-f2-p33-o1 .small-bubble-submit {width: 46px; height: 38px; padding: 2px 4px 10px 6px; font-size: 95%; border: 0; background: url(../images/core/bubble_submit_t.png) no-repeat; color: #6299ba; float: right;} #wpcf7-f2-p33-o1 span.wpcf7-not-valid-top {visibility: hidden;} #wpcf7-f1-p35-o1 { width: 400px; margin-top: 25px; } #wpcf7-f1-p35-o1 input, #wpcf7-f1-p35-o1 textarea { padding: 5px; width: 230px; font-family: Helvetica, sans-serif; font-size: 1.4em; margin: 0px 0px 10px 0px; border: 1px solid #cbcbcb; background: #e5e5e5; } #wpcf7-f1-p35-o1 textarea { height: 90px; width: 400px; } #wpcf7-f1-p35-o1 textarea:focus, #wpcf7-f1-p35-o1 input:focus { border: 1px solid #6299ba; } #wpcf7-f1-p35-o1 input.submit-button { width: 160px; float: right; background: #6ca6ca url(../images/core/blue_box_grad.jpg) bottom repeat-x; color: #fff; font-family: Georgia, serif; } #wpcf7-f1-p35-o1 label { text-align: right; margin-left: 5px;  width: 100px; padding-top: 20px; font-size: 120%; font-style: italic; font-family: Georgia, serif; color: #8c8d89; } ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 100%; } ul#filter li { border-right: 1px solid #dedede; float: left; line-height: 16px; margin-right: 10px; padding-right: 10px; } ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; } ul#filter a { color: #999; text-decoration: none; } ul#filter li.current a, ul#filter a:hover { text-decoration: underline; } ul#filter li.current a { color: #333; font-weight: bold; } ul#portfolio { float: left; list-style: none; width: 960px; margin: 30px 0 30px 0; } ul#portfolio li { margin: 0 10px 10px 0; width: 230px; float: left; } ul#portfolio li .frame { border: 1px solid #f5f5f5; background-color: #fff; margin: 0 5px 0 5px; padding: 10px 5px 10px 5px; width: 220px; height: 190px; } ul#portfolio li .frame h3.client { font-size: 100%; font-weight: bold; margin: 10px 0 0 0; padding: 0; } ul#portfolio li .frame p { margin: 0; padding: 0;	 } ul#portfolio li .frame_shadow { width: 230px; height: 11px; margin: 0; padding: 0; background: url(../images/core/work_shadow.png) top center; } ul#portfolio a { display: block; width: 100%; border: 0; } ul#portfolio a:hover { text-decoration: none; } ul#portfolio img { border: 1px solid #dedede; display: block; } #box_confetti_wrapper { height: 690px; width: 700px; background: transparent url(../images/core/box_confetti_bg.png) no-repeat bottom center;} .error404-wrap {width: 690px; margin: 0 auto; padding: 30px 0 20px 0;} .error404-wrap .left {width: 320px; float: left; } .error404-wrap .right {width: 360px; float: left; margin-left: 10px; } .work {background: #fff;} .work-left {width: 670px; float: left;} .work-right {width: 250px; float: left; margin-left: 10px;} .work-right .work-meta {margin: 10px 0 10px 0;} .work-right .work-meta p {padding: 0; margin: 0 0 5px 0;} .work-right .work-meta .grey_bg {padding: 5px; background-color: #f2f2f2; margin-right: 10px;} ul.web-home { background: #333 url(../images/core/hire-us.png) no-repeat; display: block; width: 242px; height: 170px; position: absolute; right: 509px; top: 311px; z-index: 9999; }