/* THREEACROSS. - Wed, 18 Feb 2009 10:31:46 -0700 */ /* ------------------------------ [ global.css ] ------------------------------ */ *{outline:none}body{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} body{font:13px/1.7 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;} .clrfx{zoom:1;} .clrfx:after{content:".";display:block;height:0;width:0;line-height:0;clear:both;visibility:hidden;} .clr{clear:both;} body {text-align: center; background: #efedeb url("../../assets/images/bg-body.gif") 0 0 repeat-x;} #hd-wrapper, #bd-wrapper, #ft-wrapper {width: 955px; margin: 0 auto;} #hd-wrapper {background: url("../../assets/images/bg-hd-wrap.png") 0 top no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../../assets/images/bg-hd-wrap.png', sizingMethod='crop'); margin-top: 20px;padding-top: 6px;} #bd-wrapper {background: url("../../assets/images/bg-bd-wrap.png") 0 0 repeat-y; _background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../../assets/images/bg-bd-wrap.png', sizingMethod='scale');} #ft-wrapper {background: url("../../assets/images/bg-ft-wrap.png") 0 bottom no-repeat; padding-bottom: 7px; margin-bottom: 20px; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../../assets/images/bg-ft-wrap.png', sizingMethod='crop'); *height: 45px; *padding-bottom:0; *overflow:hidden; *margin-bottom:0; } #hd, #bd, #ft {width: 943px; background-color: #fff; text-align: left; margin: 0 auto;} #primary {width: 743px; float:right; _width: 724px;} #secondary {width: 190px; float: left;} #secondary a#logo {display:block; background: url("../../assets/images/logo.gif") 0 0 no-repeat; padding-top: 85px; height:0; width: 79px; overflow:hidden; margin: 0 0 40px 30px;} a {text-decoration: none;} a:hover {text-decoration: none;} /* ---------- [ HEADER/NAV ] ---------- */ #hd #nav {font: normal 85% tahoma, geneva, arial, verdana; width: 190px; float: right; margin-top: 25px; margin-bottom: 15px; }/* with contact link - width: 215px */ #hd #nav li {float: left; margin-left: 15px;} #hd #nav li#approach {width: 46px;} #hd #nav li#about {width: 30px;} #hd #nav li#blog {width: 30px;} #hd #nav li#contact {width: 40px;} #hd #nav li a {color: #998b7d; padding: 1px 3px;} #hd #nav li a:hover {background-color: #E0F7FC; color: #695A4B;} #hd #nav li.selected {color: #f3901d;} /* ---------- [ SUBMENU ] ---------- */ #submenu {width: 125px;margin-left: 30px;} #submenu li a {font: normal 93% tahoma, geneva, arial, verdana; color: #998b7d; display:block; padding: 1px 5px;} #submenu li a:hover {background-color: #E0F7FC; color: #695A4B;} #submenu li {border-bottom: 1px solid #e3dedb; padding: 5px 0;} #submenu li.last {border-bottom: 0;} #submenu li.selected a {color: #f3901d; cursor: default;} #submenu li.selected a:hover {background-color: #fff;} /* ---------- [ FOOTER ] ---------- */ #ft {padding-bottom: 25px;} #ft p {margin: 0 0 0 205px;; font: normal 77% tahoma, geneva, arial; color: #333;} #ft p a {color: #998b7d;} #ft p a:hover {background-color: #E0F7FC; color: #695A4B;} /* ----- [ MISC ] ----- */ .ui-tabs-hide { display: none; } .hide {display:none;} /* ------------------------------ [ portfolio.css ] ------------------------------ */ .portfolio a.more {display:block; width: 45px; margin-top: 5px; font: normal 85% tahoma, geneva, arial, verdana; color: #998b7d; background: url(../../assets/images/blt-arrow.gif) right 2px no-repeat; padding-right: 9px; float: right;} .portfolio h1 {height: 0; padding-top: 34px; overflow: hidden;} .portfolio h1.armstrong {background: url(../../assets/images/title-armstrong.gif) 0 0 no-repeat; width: 133px;} .portfolio h1.ebay {background: url(../../assets/images/title-ebay.gif) 0 0 no-repeat; width: 60px; } .portfolio h1.chase {background: url(../../assets/images/title-chase.gif) 0 0 no-repeat; width: 75px; } .portfolio h1.db {background: url(../../assets/images/title-dun.gif) 0 0 no-repeat; width: 218px;} .portfolio h1.globalpharma {background: url(../../assets/images/title-globalpharma.gif) 0 0 no-repeat; width: 183px;} .portfolio h1.sephora {background: url(../../assets/images/title-sephora.gif) 0 0 no-repeat; width: 101px; } .portfolio h1.wellsfargo {background: url(../../assets/images/title-wellsfargo.gif) 0 0 no-repeat; width: 144px;} .portfolio h1.ebaymotors {background: url(../../assets/images/title-ebaymotors.gif) 0 0 no-repeat; width: 155px;} .portfolio h1.linkedin {background: url(../../assets/images/title-linkedin.gif) 0 0 no-repeat; width: 114px; } .portfolio h1.sun {background: url(../../assets/images/title-sun.gif) 0 0 no-repeat; width: 219px;} .portfolio h1.swbell {background: url(../../assets/images/title-swbell.gif) 0 0 no-repeat; width: 219px;} .showcase-pane-hd h1 {float: left;} .showcase-pane-hd {margin-bottom: 10px;} .pane-nav {float:right; width: 110px; margin-right: 240px; _margin-right: 122px;} .two .pane-nav {width: 80px; _width: 80px; margin-right: 235px;} .pane-nav li {float: left; width: 25px; margin-left: 10px; } .pane-nav a { font: normal 77% tahoma, geneva, arial; text-align: center; color: #998b7d; text-decoration: none; display: block; padding:4px 13px 6px 9px; border: 1px solid #998b7d;} body:first-of-type .pane-nav a {padding:5px 14px 5px 8px;} /* Safari fix */ .pane-nav li a:hover {border: 1px solid #194c6b; color: #194c6b; background-color: #E0F7FC;} .pane-nav li.ui-tabs-selected a {border: 1px solid #f4972b; color: #f4972b; cursor: default;} .pane-nav li.ui-tabs-selected a:hover {background-color: #fff;} .clientlist {background: url(../../assets/images/bg-dotted.gif) 0 top repeat-x; margin-right: 38px; padding-top: 14px;} .clientlist ul {margin-bottom: 10px;} .clientlist ul li {float: left; margin-left: 8px; width: 59px;} .clientlist ul li a {display: block; padding-top: 48px; font: normal 77% tahoma, geneva, arial; color: #998b7d; text-align: center; width:57px;} .clientlist ul li a:hover em {background-color: #E0F7FC; padding: 0 2px;} .clientlist ul li a#armstrong {background: url(../../assets/images/thumbs/armstrong_active.jpg) center top no-repeat;} .clientlist ul li a#ebay {background: url(../../assets/images/thumbs/ebay_active.jpg) center top no-repeat;} .clientlist ul li a#chase {background: url(../../assets/images/thumbs/chase_active.jpg) center top no-repeat;} .clientlist ul li a#sephora {background: url(../../assets/images/thumbs/sephora_active.jpg) center top no-repeat;} .clientlist ul li a#wellsfargo {background: url(../../assets/images/thumbs/wells_active.jpg) center top no-repeat;} .clientlist ul li a#db {background: url(../../assets/images/thumbs/dun_active.jpg) center top no-repeat;} .clientlist ul li a#globalpharma {background: url(../../assets/images/thumbs/globalpharma_active.jpg) center top no-repeat;} .clientlist ul li a#linkedin {background: url(../../assets/images/thumbs/linkedin_active.jpg) center top no-repeat;} .clientlist ul li a#swb {background: url(../../assets/images/thumbs/swb_active.jpg) center top no-repeat;} .clientlist ul li a#sun {background: url(../../assets/images/thumbs/sun_active.jpg) center top no-repeat;} .clientlist ul li a#armstrong:hover {background: url(../../assets/images/thumbs/armstrong_hover.jpg) center top no-repeat;} .clientlist ul li a#ebay:hover {background: url(../../assets/images/thumbs/ebay_hover.jpg) center top no-repeat;} .clientlist ul li a#chase:hover {background: url(../../assets/images/thumbs/chase_hover.jpg) center top no-repeat;} .clientlist ul li a#sephora:hover {background: url(../../assets/images/thumbs/sephora_hover.jpg) center top no-repeat;} .clientlist ul li a#wellsfargo:hover {background: url(../../assets/images/thumbs/wells_hover.jpg) center top no-repeat;} .clientlist ul li a#db:hover {background: url(../../assets/images/thumbs/dun_hover.jpg) center top no-repeat;} .clientlist ul li a#globalpharma:hover {background: url(../../assets/images/thumbs/globalpharma_hover.jpg) center top no-repeat;} .clientlist ul li a#linkedin:hover {background: url(../../assets/images/thumbs/linkedin_hover.jpg) center top no-repeat;} .clientlist ul li a#swb:hover {background: url(../../assets/images/thumbs/swb_hover.jpg) center top no-repeat;} .clientlist ul li a#sun:hover {background: url(../../assets/images/thumbs/sun_hover.jpg) center top no-repeat;} .clientlist ul li.selected {color: #f3901d; padding-top: 48px; font: normal 77% tahoma, geneva, arial; text-align: center; width: 53px;} .clientlist ul li#armstrong {background: url(../../assets/images/thumbs/armstrong_selected.jpg) center top no-repeat;} .clientlist ul li#ebay {background: url(../../assets/images/thumbs/ebay_selected.jpg) center top no-repeat;} .clientlist ul li#chase {background: url(../../assets/images/thumbs/chase_selected.jpg) center top no-repeat;} .clientlist ul li#sephora {background: url(../../assets/images/thumbs/sephora_selected.jpg) center top no-repeat;} .clientlist ul li#wellsfargo {background: url(../../assets/images/thumbs/wells_selected.jpg) center top no-repeat;} .clientlist ul li#db {background: url(../../assets/images/thumbs/dun_selected.jpg) center top no-repeat;} .clientlist ul li#globalpharma {background: url(../../assets/images/thumbs/globalpharma_selected.jpg) center top no-repeat;} .clientlist ul li#linkedin {background: url(../../assets/images/thumbs/linkedin_selected.jpg) center top no-repeat;} .clientlist ul li#swb {background: url(../../assets/images/thumbs/swb_selected.jpg) center top no-repeat;} .clientlist ul li#sun {background: url(../../assets/images/thumbs/sun_selected.jpg) center top no-repeat;} .clientlist ul li.last, .clientlist ul li.last a {width: 69px; margin-left: 0px;} .portfolio {background: url(../../assets/images/bg-dotted.gif) 0 top repeat-x; margin-right: 38px; padding-top: 34px; _margin-right: 19px;} .portfolio .west {width: 460px; float: left; padding-bottom: 70px;} .portfolio .east {width: 215px; float: right; } .portfolio img.screenshot {} .portfolio .desc h2 {font: normal 123.1% tahoma, geneva, arial; color: #4c4c4c; margin-bottom: 15px;} .portfolio .desc p {font: normal 93% tahoma, geneva, arial; color: #4c4c4c; line-height: 1.6em; margin-bottom: 15px;} .portfolio .desc p em {font-weight: bold;} .portfolio .desc .extras {margin-bottom: 20px;} .portfolio .desc .extras li {font: normal 93% tahoma, geneva, arial; color: #4c4c4c;} .portfolio .desc a {color: #998b7d;} .portfolio .desc a:hover {background-color: #E0F7FC; color: #695A4B;} .portfolio .desc .more p {margin-bottom: 10px;}/* ------------------------------ [ modules.css ] ------------------------------ */ /* ----- HOMEPAGE ----- */ #banner {background: url(../../assets/images/orangebox.gif) 0 0 no-repeat; height: 0; padding-top:191px; width: 702px; overflow:hidden; display: block;} #index .showcase {width: 698px; border: 2px solid #e6e2de; border-top: none; padding-top: 25px; margin-bottom: 70px;} #index .showcase .screenshot {float: left; width: 458px; margin-left: 24px; _margin-left: 6px;} #index .showcase .screenshot img {border: 1px solid #c0c0c0; margin-bottom: 20px;} #index .showcase .project-nfo {float: right; width: 185px; margin-right: 15px;} #index .showcase .project-nfo h3 {font: normal 123.1% tahoma, geneva, arial; color: #4C4C4C; margin-bottom: 18px;} #index .showcase .project-nfo p {color: #4c4c4c; font: normal 93% tahoma, geneva, arial; line-height: 1.6em;} #index .showcase .project-nfo p a {color: #998b7d;} #index .showcase .project-nfo a.more {display:block; width: 83px; margin-top: 20px; font: normal 77% tahoma, geneva, arial, verdana; color: #998b7d; background: url(../../assets/images/blt-arrow.gif) right 2px no-repeat; padding-right: 10px;} #index .showcase .project-nfo a:hover {background-color: #E0F7FC; color: #695A4B;} /* ----- ABOUT ----- */ #about .content {background: url(../../assets/images/bg-dotted.gif) 0 top repeat-x; margin-right: 38px; padding-top: 1px;} #testimonials {background-color: #eee; width: 230px; float: left; margin-right: 18px; margin-bottom: 20px;} #about .content .extras {margin: 0 16px;} #about .content .extras li {margin-bottom: 3px;} #about .content .extras a {color: #998b7d; font: normal 93% tahoma, geneva, arial;} #about .content .extras a:hover {background-color: #E0F7FC; color: #695A4B;} .testimonial {padding-bottom: 10px; margin: 10px 15px; border-bottom: 1px solid #e4e1de; } #testimonials .first {padding-top: 23px; margin-top:0;} .testimonial p {color: #f4911e; font: normal 85% tahoma, geneva, arial; line-height: 1.6em; margin-bottom: 10px;} .testimonial cite {display: block; color: #808080; font: normal 85% tahoma, geneva, arial; } #about .content .west {float: left; width: 215px; background: url(../../assets/images/about-jenn.jpg) 0 23px no-repeat; padding-top: 245px; font: normal 93% tahoma, geneva, arial; color: #4d4d4d; line-height: 1.6em;} #about .content .west p, #about .content .east p {margin-bottom: 10px;} #about .content .east {float: right; width: 215px; font: normal 93% tahoma, geneva, arial; color: #4d4d4d; line-height: 1.6em; padding-top: 23px;} #about .content .west .photocaption {font: normal 77% tahoma, geneva, arial; color: #333; display:block; margin:-14px 0 10px;} #about .content .west .photocaption a {color: #998b7d;} #about .content .west .photocaption a:hover {background-color: #E0F7FC; color: #695A4B;} /* ----- APPROACH ----- */ #approach-intro {width: 698px; border: 2px solid #e6e2de; border-bottom: none; padding-bottom: 18px;} #approach-intro p {margin: 25px 40px 0 25px; font: normal 108% tahoma, geneva, arial; color: #4c4c4c; line-height: 1.6em;} #approach-diagram {background: url(../../assets/images/orangebox-approach.gif) 0 0 no-repeat; height: 0; padding-top: 291px; width: 702px; overflow:hidden; margin-bottom: 70px;} /* ----- CONTACT ----- */ #contact .content {background: url(../../assets/images/contact-banner.jpg) 0 0 no-repeat; padding-top: 209px} #contact .form-content {width: 322px; margin-bottom: 60px;} #contact input, #contact textarea {border: 1px solid #d9d3ce; width: 322px; font: normal 93% tahoma, geneva, arial; margin-bottom: 13px;} #contact textarea {height: 135px;} #contact .form-content p {color: #4c4c4c; font: normal 93% tahoma, geneva, arial; margin-bottom: 15px; line-height: 1.6em;} #contact .form-content a {color: #998b7d;} #contact .form-content a:hover {background-color: #E0F7FC; color: #695A4B;} #contact .form-content label {color: #4c4c4c; font: bold 93% tahoma, geneva, arial; margin-bottom: 5px; display:block;} #contact .form-content li {margin-bottom: 10px;} #contact .btn {width: 65px;} #contact .submit {border:1px solid #000; width:5em;} #contact .submit-button {background:#ff6b02; color:#fff; border-width:2px; border-color:#fcd4d4 #8c1314 #8c1314 #fcd4d4; width:100%; font: bold 77% verdana, arial; padding:3px; margin:0; } #contact .credits {display:none;}