/*/////////////////////////////////////////////////////////*/ /* */ /* i3studios.com v3.53 */ /* Created by Dan Walsh of i3studios.com */ /* Updated:10/05/2011 */ /* */ /*/////////////////////////////////////////////////////////*/ html {background:#f2f2f2 url(/assets/img/bg-body.jpg) top left no-repeat;} body {font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#555; margin:0 20px 0 20px; _margin-top:25px; padding:0; outline:none; line-height:23px; -webkit-text-size-adjust:none;} a, a:link, a:visited {text-decoration:none; color:#a53d30;} p a, p a:link, p a:visited {border-bottom:dotted 1px #666;} a img {border:none;} a:focus {outline:none;} p a:hover, h3 a:hover {border-bottom:solid 1px #666;} p {margin:0 0 15px 0; padding:0;} ul, ol, li { margin:0; padding:0;} hr {color:#ddd; background:#ddd; height:1px; margin:0 0 30px 0; border:none;} h1,h4 {margin:0; font-size:20px; font-weight:100; letter-spacing:-0.03em;} h2 {margin:5px 0 25px 0; font-size:33px; font-weight:100; color:#a5554b; letter-spacing:-0.03em;} h3, h5 {line-height:28px; font-weight:400; font-size:16px; margin:0 0 5px 0; letter-spacing:-0.01em;} h5 {font-size:15px;} .hidden {display:none;} .clear {clear:both;} .left {float:left;} .right {float:right;} .small {font-size:11px;} sup {vertical-align:super; font-size:x-small;} /*/////////////////////////////*/ /* General Layout */ /*/////////////////////////////*/ #wrap {margin:25px auto; width:950px;} #content {clear:both;} #main p {font-size:14px; line-height:22px; margin-top:-5px;} #main_sub {margin-top:35px; padding-top:37px; border-top:1px solid #ddd; *padding-top:20px;} .sub_content {width:650px; margin:7px 0 30px 0; float:right;} /*//////////////////////*/ /* Sprites */ /*//////////////////////*/ .sprite {text-indent:-9999px; float:left; margin-top:10px; width:64px; height:65px; text-decoration:none; display:block; background:url(/assets/img/sprite-large.gif ) no-repeat 0 0;} .tech {background-position:0 0;} .creative {background-position:-65px 0;} .it {background-position:-130px 0;} .brand {background-position:-390px 0;} .consult {background-position:-325px 0;} .devel {background-position:-195px 0;} .optimize {background-position:-260px 0;} .sprite16, .twitter a, .feed a, .linkedin a, .facebook a, .delicious a {text-indent:-9999px; width:16px; height:16px; text-decoration:none; display:block; background:url(/assets/img/sprite-small.png) no-repeat 0 0;} .feed a {background-position:-32px 0;} .linkedin a {background-position:0 -16px;} .facebook a {background-position:-32px -16px;} .delicious a {background-position:-64px -16px;} .twitter a:hover {background-position:-16px 0;} .linkedin a:hover {background-position:-16px -16px;} .feed a:hover {background-position:-48px 0;} .facebook a:hover {background-position:-48px -16px;} .delicious a:hover {background-position:-80px -16px;} /*////////////////////////////////*/ /* Header Navigation */ /*////////////////////////////////*/ .logo.left {width:170px; margin-bottom:25px;} .logo a, .logo a:link, .logo a:visited {background:transparent url('/assets/img/logo.png') 0 0 no-repeat; padding:14px 80px; _padding:0 80px; line-height:44px;} .logo a:hover {background-position:0 -45px; _background-position:0 0;} .logo a span {display:none;} #head ul {margin-top:10px; float:right;} #head li {display:inline; list-style-type:none; margin-left:25px; color:#888; font-size:15px;} #head li a {text-decoration:none; color:#888; padding:2px;} #head li a:hover {border-bottom:dotted 1px #666; color:#a53d30;} #head li a.current {color:#a53d30;} #head .header_phone {border-left:2px solid #a56158; margin-left:28px; padding-left:32px; color:#666; letter-spacing:0; font-size:14px; word-spacing:5px;} /*/////////////////////////////*/ /* Heading Images */ /*/////////////////////////////*/ .head_img {height:85px; margin-bottom:40px; -moz-border-radius:8px; -webkit-border-radius:8px; -webkit-box-shadow:2px 2px 4px #ccc; -moz-box-shadow:2px 2px 4px #ccc; background:transparent url('/assets/img/head1.jpg') no-repeat; text-indent:-9999px;} /*/////////////////////////////////*/ /* Subpage Navigation */ /*/////////////////////////////////*/ .sub_nav {width:240px; font-size:15px; float:left;} .sub_nav h4 {border-left:4px solid #a56158; padding:7px 19px; font-size:21px;} .sub_nav ul {margin:0 0 35px 0;} .sub_nav li {margin:2px 0 0 23px; list-style-type:none;} .sub_nav a, .sub_nav a:link, .sub_nav a:visited {padding:2px; color:#888; border-bottom:dotted 1px #666;} .sub_nav a:hover, .sub_nav a.current {color:#a56158; border-bottom:solid 1px #666;} .sub_nav .text li{padding:2px; font-size:13px; line-height:21px; color:#777;} .sub_nav .text li a{padding:0; color:#a56158;} /*///////////////////////*/ /* Home Page */ /*///////////////////////*/ .home_img {margin-bottom:40px; height:260px;} .home_img li {display:none; list-style-type:none; text-align:center;} .home_img a {padding:240px 450px;} .one,.two,.three {background:transparent url('/assets/img/home-one.jpg') top center no-repeat; height:260px; width:950px; overflow:hidden; text-indent:-9999px; /* Remove once nav is finalized */ border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -webkit-box-shadow:2px 2px 6px #bbb; -moz-box-shadow:2px 2px 6px #bbb;} .two {background:transparent url('/assets/img/home-two.jpg') top center no-repeat;} .three {background:transparent url('/assets/img/home-three.jpg') top center no-repeat;} .one a span,.two a span,.three a span {display:none;} #home_left {float:left; width:625px; margin-bottom:40px;} #home_left .intro {width:285px; font-size:12px; line-height:22px;} #home_left .intro h3, #home_left .intro p {float:right; width:205px;} #home_right {float:right; width:240px;} .headline {margin:25px 0 40px 0; color:#777;} .headline h3 {border-bottom:2px solid #a56158; padding:0 0 4px 4px; margin-bottom:12px;} .headline p {line-height:18px; padding:0 4px; margin-bottom:12px;} /*///////////////////////////*/ /* Service Pages */ /*///////////////////////////*/ .service-left, .service-right {width:295px; height:210px; float:left;} .service-right {float:right;} .service-left h3, .service-left p, .service-right h3, .service-right p {padding-left:65px;} /*/////////////////////////////*/ /* Work / Showcase */ /*/////////////////////////////*/ #featured {height:420px; border-bottom:1px solid #ddd; padding-top:18px; margin-bottom:60px;} #featured a img, #showcase a img {-moz-border-radius:6px; -webkit-border-radius:6px; border:5px solid #ddd;} #featured a:hover img, #showcase a:hover img {border:5px solid #ccc;} .featured_img {width:640px; float:left;} .featured_text {width:265px; float:right;} #featured h1, #showcase h2 {font-size:24px; color:#a53d30; margin:5px 0 20px 0;} #showcase{clear:both;} .showcase-left, .showcase-right {padding-bottom:80px; width:400px; float:left;} .showcase-right {padding-right:10px; float:right} .showcase-left img, .showcase-right img {margin-bottom:15px;} /*/////////////////////////*/ /* About Pages */ /*/////////////////////////*/ .cred {margin-bottom:70px;} .cred img {float:left; margin:5px 40px 55px 0;} ol.disclaimer {padding:5px 0 0 25px; margin:0; line-height:18px;} /*///////////////////////////*/ /* Contact Form */ /*///////////////////////////*/ form p {font-size:13px;} #form_left {float:left; width:350px;} #form_right {float:right; width:275px;} .form_error, .form_success {padding:15px; background:#fff6dc; color:#555;border:2px solid #a88581; font-size:15px; margin-bottom:32px;} .form_success {border:2px solid #568056; margin-bottom:250px; padding:25px;} form .error {border:2px solid #a88581;} input, textarea {border:1px solid #ddd; background:#fff; width:170px; margin:0 8px 15px 0; padding:7px 11px; font:normal 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#444; *vertical-align:-8px;} textarea {width:250px; height:155px; *height:162px; *overflow:hidden;} .checkbox {width:auto; background:transparent; border:0; margin:10px 10px 0 15px; padding:1px; /* Opera */ vertical-align:baseline; /* IE */} .check_error { background:#fff6dc; padding:5px 8px; border:1px solid #a88581;} #equation {width:27px; margin-right:0; float:left;} .equation_label {font-size:14px; margin:3px 48px 0 5px; float:left;} #form_left a {border:none;} a.equation_help, a:hover.equation_help {float:left; margin-top:8px; border:none; background-position:-64px 0; _line-height:16px;} a.equation_help span, a:hover.equation_help span {text-indent:0;} .equation_description {position:relative;left:47px;} .submit {background:#607b96; color:#fff} .submit:hover {background:#6786a7;} .submit:active {margin: 1px -1px -1px 1px;} /*///////////////////////////*/ /* RFP Form */ /*///////////////////////////*/ #rfp-retreive {padding:0 0 20px 0; margin:-10px 0 0 0;} .rfp {margin:0 0 20px 0; font-size:14px;} .rfp p {font-size:14px;} .rfp h3 {padding:0 0 10px 0; color:#a5554b; font-size:20px;} .rfp label {font-size:13px;} .rfp input {width:300px; margin-right:20px} .rfp input[type=radio] {width:20px; margin-right:0; background: transparent; border:transparent;} .rfp textarea {width:625px;} .rfp .submit {width:200px; margin:0; border:none; padding:6px 11px; } .rfp .submit:active {width:200px; margin:1px -1px -1px 1px; border:none;} .rfp .save {background-color:#6a9760;} .rfp .save:hover {background-color:#78ac6e;} .rfp .half {width:50%; float:left; text-align:center;} /*///////////////////////////*/ /* Support Form */ /*///////////////////////////*/ #support_form p {padding-bottom:15px;} #support_form .left {width:260px;} #support_form .right {width:383px;} #support_form textarea {width:355px; margin-bottom:20px;} .ext {position:relative; left:43px;} h4.inline {margin-bottom:15px; color:#a53d30;} p.inline {padding-left:3px;} /*//////////////////////////////*/ /* Service Status */ /*//////////////////////////////*/ h4.stat-up, h4.stat-down {font-size:17px; color:#555;} .status-left {float:left;} .status-right {margin-right:30px; float:right;} .stat-up, .stat-down {padding:0 0 1px 40px; margin-bottom:25px; background:url(/assets/img/statuses.gif) 0 0 no-repeat;} .stat-down {background-position:0 -30px;} .stat h3 {color:#a53d30;} .stat {padding:15px 15px 2px 15px; margin:20px 0 35px 0; -moz-border-radius:10px; background:#dfdfdf;} /*///////////////////////////*/ /* Site Analysis */ /*///////////////////////////*/ .report {position:relative;} .report h3 {margin-bottom:10px; font-size:20px; padding:6px 10px; background:#e3e3e3; border:1px solid #d3d3d3;} .report .overview {border-bottom:1px solid #dfdfdf; padding:5px 0;} .report .overview.good {background:url(/assets/img/analysis/good.gif) 100% 7px no-repeat;} .report .overview.warn {background:url(/assets/img/analysis/warn.gif) 100% 7px no-repeat;} .report .overview.bad {background:url(/assets/img/analysis/bad.gif) 100% 7px no-repeat;} .report .overview.last {border-bottom:none; margin-bottom:50px;} .report .overview a {padding-left:40px; background:url(/assets/img/analysis/plus.gif) 0 -1px no-repeat;} .report .overview a.open {background:url(/assets/img/analysis/minus.gif) 0 -1px no-repeat;} .report .overview span {position:absolute; left:240px;} .report div.hidden {margin:5px 0 7px 37px;} .report div.hidden p {display:block; line-height:18px; vertical-align:sub; margin:4px 0 8px 0;} .report div.hidden div {background:#e3e3e3; padding:6px 12px; border:1px solid #d3d3d3; margin-left:3px;} .report div.hidden div p {margin:6px 0; padding:0;} .report .overview.good div.hidden div {background:#e3fce3; border-color:#9fe8b8;} .report .overview.warn div.hidden div {background:#f7f4e0; border-color:#ffd562;} .report .overview.bad div.hidden div {background:#ffe8e5; border-color:#f7aea5;} .report .score {padding:20px 0;} .report .score .left {width:360px;} .report .score p {padding:0 0 0 15px;} .report .score p.overall {font-size:24px; background:#e3e3e3; border:1px solid #d3d3d3; padding:10px 15px;} .report .score .right {font-size:80px; background:#ffe8e5; border:1px solid #f7aea5; padding:35px 25px; line-height:80px;} /*////////////////////////////*/ /* Footer Styling */ /*////////////////////////////*/ #foot {clear:both; color:#888; line-height:16px; letter-spacing:-0.02em; border-top:1px solid #ddd;} #foot li {display:inline; list-style-type:none; float:left; padding:18px 15px;} #foot .right {float:right; padding:18px 7px; _margin:0;} #foot li a {color:#777;} #foot li a:hover {color:#a53d30;} /*/////////////////////////////*/ /* prettyPhoto.css */ /*/////////////////////////////*/ /* - PP Light Rounded - */ div.light_rounded .pp_top .pp_left { background:url(/assets/img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background:#fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background:url(/assets/img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background:#fff; } div.light_rounded .pp_content { background-color:#fff; } /* Content background */ div.light_rounded .pp_description { font-size:16px; padding-top:10px;} div.light_rounded .pp_next:hover { background:url(/assets/img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor:pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background:url(/assets/img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor:pointer; } /* Previous button */ div.light_rounded .pp_expand { background:url(/assets/img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor:pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background:url(/assets/img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor:pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background:url(/assets/img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor:pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background:url(/assets/img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor:pointer; } /* Contract button hover */ div.light_rounded .pp_close { width:75px; height:22px; background:url(/assets/img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor:pointer;} /* Close button */ div.light_rounded .pp_arrow_previous { background:url(/assets/img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position:0 -87px; cursor:default; } div.light_rounded .pp_arrow_next { background:url(/assets/img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position:-22px -87px; cursor:default; } div.light_rounded .pp_bottom .pp_left { background:url(/assets/img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background:#fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background:url(/assets/img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background:url(/assets/img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* - PP Light Square - */ div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content { background:#fff; } div.light_square .pp_expand { background:url(/assets/img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor:pointer; } /* Expand button */ div.light_square .pp_expand:hover { background:url(/assets/img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor:pointer; } /* Expand button hover */ div.light_square .pp_contract { background:url(/assets/img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor:pointer; } /* Contract button */ div.light_square .pp_contract:hover { background:url(/assets/img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor:pointer; } /* Contract button hover */ div.light_square .pp_close { width:75px; height:22px; background:url(/assets/img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor:pointer; } /* Close button */ div.light_square .pp_arrow_previous { background:url(/assets/img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position:0 -87px; cursor:default; } div.light_square .pp_arrow_next { background:url(/assets/img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position:-22px -87px; cursor:default; } div.light_square .pp_next:hover { background:url(/assets/img/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor:pointer; } /* Next button */ div.light_square .pp_previous:hover { background:url(/assets/img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor:pointer; } /* Previous button */ /* - PP - Don't Edit - */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay {background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500;} div.pp_pic_holder {display:none;position:absolute;width:100px;z-index:10000;} .pp_top {height:20px;position:relative;} * html .pp_top { padding:0 20px; } .pp_top .pp_left {height:20px;left:0;position:absolute;width:20px;} .pp_top .pp_middle {height:20px;left:20px;position:absolute;right:20px;} * html .pp_top .pp_middle {left:0;position:static;} .pp_top .pp_right {height:20px;left:auto;position:absolute;right:0;top:0;width:20px;} .pp_content {*margin-top:-20px;_margin-top:0;height:40px;} .pp_content .ppt {left:auto;margin-bottom:5px;position:relative;top:auto;} .pp_fade {display:none;} .pp_content_container {_margin-top:-30px;position:relative;text-align:left;width:100%;} .pp_content_container .pp_left { padding-left:20px; } .pp_content_container .pp_right { padding-right:20px; } .pp_content_container .pp_details {margin:10px 0 2px 0;} .pp_description {display:none;margin:0 0 5px 0;} .pp_nav {clear:left;float:left;margin:3px 0 0 0;} .pp_nav p {float:left;margin:2px 4px;} .pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next {display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px;} .pp_hoverContainer {position:absolute;top:0;width:100%;z-index:2000;} a.pp_next {background:url(/assets/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%;} a.pp_previous {background:url(/assets/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%;} a.pp_expand,a.pp_contract {cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000;} a.pp_close {*margin-top:-10px;_margin-top:0;margin-top:10px;display:block;float:right;text-indent:-10000px;} .pp_bottom {height:20px;position:relative;} * html .pp_bottom {padding:0 20px;} .pp_bottom .pp_left {height:20px;left:0;position:absolute;width:20px;} .pp_bottom .pp_middle {height:20px;left:20px;position:absolute;right:20px;} * html .pp_bottom .pp_middle {left:0;position:static;} .pp_bottom .pp_right {height:20px;left:auto;position:absolute;right:0;top:0;width:20px;} .pp_loaderIcon {display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px;} #pp_full_res .pp_inline {text-align:left;} #pp_full_res .pp_inline p { margin:0 0 15px 0;} div.ppt {color:#fff;display:none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;} /* - PP Miscellaneous - */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} /* Hides from IE-mac */ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */