/* l blue 78add7 -32acd3- d purple-blue 3b73b9 d blue 496276 green 8fbf00 l green a6dd00 d green 7ea800 */ * {margin:0; padding:0; font-size:1em; font-family:tahoma, sans-serif;} html {font-size:100%; color:#555;} a img {border:0;} a {color:#32acd3;} .left {float:left;} .right {float:right;} /* STRUCTURE */ body {background:#666 url(../images/bgr.jpg) /*#ccc #828991 url(../../new/images/bgr.gif) repeat-x*/;} #shadowTop {width:63.75em; margin:0 auto; text-align:center;} #shadow {width:63.75em; margin:0 auto; background:url(../images/shadow.png);} #container {background:#fff; width:62.5em; margin:0 auto; border-right:1px solid #fff; border-left:1px solid #fff;} #content {clear:both; padding:0; margin-top:0;} .colLeft {float:left; width:14.2em; padding-top:2.4em; /*font-size:1em; text-align:right;*/} .colMain {margin:0 14em 0 18em; padding-top:2em;} .colRight {float:right; width:12.5em; padding-top:2.4em; /*margin-top:3em; border:1px solid #ccc;*/} /* NO RIGHT COLUMN */ #portfolio .colRight, #resources .colRight, #news .colRight {display:none;} #portfolio .colMain {margin:0 3em 0 17em;} #resources .colMain {margin:0 3em 0 17em;} #news .colMain {margin:0 3em 0 17em;} /* FOOTER */ #footer {clear:both; padding-top:3em; text-align:center;} ul#footer li {display:inline; padding:0 5px;} ul#footer a {font-size:0.7em; text-decoration:none; color:#666; text-transform:uppercase;} ul#footer a:hover {color:#8fbf00;} #shadowBtm {width:63.75em; margin:0 auto; text-align:center;} #copy {width:92.7em; margin:0 auto 3em auto; text-align:center; font-size:0.68em; color:#888; padding:0.6em 0 0 1em;} /* HEADER */ #puzzle {padding:0.5em 0 0 2em; text-align:left;} #puzzle img {width:9em;} #logo {margin:2em 0 0 1.5em;} #headerMain {margin-left:14.68em;} #banner {height:8.1em; background:#fff url(../images/banner.jpg) no-repeat bottom left; color:#fff; padding:2.5em 0 0 25em; /*font-size:0.875em;*/ border-bottom:1px solid #fff;} #0banner h1, #banner h2 {color:#fff; background:none; border:0; text-transform:none; padding:0;} #0banner h1 {font:2em "Palatino Linotype", "Book Antiqua", Palatino, serif; line-height:1em; margin:0;} #0banner h2 {font-size:0.9em; margin-top:0.6em; letter-spacing:0.5px; font-weight:normal; width:28em; /*background:#8fbf00;*/} #bannerShadow {background:url(../images/menu-shadow.jpg) no-repeat;} #0home #banner h1, #0home #banner h2 {display:block;} #banner h1, #banner h2 {display:none;} #services #banner {background:#eee url(../images/banner-services.jpg) no-repeat bottom left;} #expertise #banner {background:#eee url(../images/banner-expertise.jpg) no-repeat bottom left;} #approach #banner {background:#eee url(../images/banner-05.jpg) no-repeat bottom left;} #portfolio #banner {background:#eee url(../images/banner-03.jpg) no-repeat bottom left;} #team #banner {background:#eee url(../images/banner-ourteam3.jpg) no-repeat bottom left;} #resources #banner {background:#eee url(../images/banner-resources.jpg) no-repeat bottom left;} #webreport #banner {background:#eee url(../images/banner-resources.jpg) no-repeat bottom left;} #news #banner {background:#eee url(../images/banner-06.jpg) no-repeat bottom left;} #contact #banner {background:#eee url(../images/banner-contact.jpg) no-repeat bottom left;} /* HEADER NEW */ #headerMain *, #headerTop * {z-index:100;} #headerNew * {margin:0; padding:0; color:#fff;} #headerNew {width:1033px; position:relative; left:-2em; border-top:1px solid #8fbf00; z-index:0;} #headerNew #stripe {background:#8fbf00; height:5px;} #headerNew #stripe .left {background:#fff; width:265px; height:5px;} #headerNew .left {background:#fff url(../images/puzzle-btm.jpg) no-repeat; height:5.3em; width:265px;} #headerNew .mainCol {background:#8fbf00; height:4.3em; margin:0 190px 0 265px;} #headerNew .right {background:#b7d85c; height:5.3em; width:190px;} #slogan {padding:0.7em 3em 0.3em 3.5em;} #slogan h1, #slogan h2 {font-family:"Lucida Grande", arial;} #slogan h1 {font-size:1.4em;} #slogan h2 {font-size:0.8em;} div#tsw {text-align:center; margin:1em 0 0 1em; width:220px; float:left;} #headerNew #bannerShadow {/*position:relative; left:-2em;*/ background:url(../images/banner-shadow.png) no-repeat;} a#quote {display:block; background:url(../images/quote.gif) top left no-repeat; margin:0.6em; padding:1.5em .4em 0 3.5em; font:normal 0.75em georgia; color:#888;} a#quote span {color:#78add7;} a#quote:hover, a#quote:hover span {color:#fff;} a#quote #name {margin-top:0.5em;} /* COLUMNS */ div.section {font-size:0.75em; padding-bottom:0.5em; /* border:1px dotted #ccc; margin-bottom:1em;*/} .colLeft div.section {margin-left:0em;} .colRight div.section {padding:0 1.2em 2em 1.5em;} .colLeft .roundGray {background:url(../images/round-gray-left.jpg) no-repeat; width:185px; height:150px;} .colRight .roundGray {background:url(../images/round-gray.jpg) no-repeat; width:151px; height:150px;} div.section p {line-height:1.3em; margin:0 2em 1em 0;} div.section ul {font-size:1em; /*font-weight:bold;*/ margin-left:1.5em; list-style:url(../images/bullet-arrow2.gif);} div.section ul li {padding-bottom:1em;} #resources div.section ul li {padding-bottom:0.5em;} /* CONTENT */ br.space {line-height:0.5em;} h1, h2, h3, h4, h5 {font-family:"Lucida Grande", arial; color:#32acd3;} h1 {font-size:1.5em; font-weight:normal; margin-bottom:0.5em; /*text-transform:lowercase;*/ color:#999;} h2 {font-size:1em; font-weight:normal; /*text-transform:uppercase; text-transform:lowercase;*/ color:#7ea800; margin-bottom:0.6em; border-bottom:0px dotted #ccc;} /*h2 {font-size:1.5em; font-weight:normal; text-transform:lowercase; color:#999; margin-bottom:0.6em; border-bottom:1px dotted #ccc;}*/ h3 {font-size:1.1em; font-weight:normal; color:#888; margin-bottom:0.6em; border-bottom:1px dotted #ccc;} .colRight h3 {padding-left:0.9em; text-transform:lowercase;} .colLeft h3 {padding-left:1.4em;} h4 {/*background:#8fbf00; color:#fff;*/ font-size:0.7em; text-transform:uppercase;} h5 {text-transform:uppercase; font-size:0.85em; margin-bottom:0.5em; color:#666; /* padding-top:0.1em; background:#78add7; padding:0.1em 0.4em;*/} h5 span {text-transform:none; /*font-weight:normal;*/ text-indent:2em; display:block; font-family:"Lucida Grande", arial; font-size:0.9em;} .colMain p {font-size:0.8em; margin-bottom:1.2em; line-height:1.5em; /*padding-left:1em;*/} .colMain p.noSp {margin-bottom:0.5em;} .textSectIllu img {float:left; padding:2px; border:1px solid #ccc;} .textSectIllu p {margin:0 0 1em 9em;} #home .textSectIllu img {width:52px;} #home .textSectIllu p {margin-left:80px;} .colMain ul {margin:0 0 0.5em 4em; list-style:url(../images/li-bullet.gif); font-size:0.8em;} .colMain ul ul {font-size:1em; margin:0.4em 0 0 2em;} .colMain ul li {padding:0 0 0.2em 0.3em;} input.field {border:1px solid #ccc; padding:0.1em 0.3em; font-size:0.9em; color:#999;} input.goButton {-x-system-font:none; background:#999; border:2px solid #ccc; border-color:#ccc #666 #666 #ccc; color:white; cursor:pointer; font-size:1em; padding:0 0.3em;} .more {font:bold 0.7em tahoma; float:right; display:block; margin:1em;} .note {font:0.9em "Lucida Grande", tahoma, sans-serif; color:#888;} .work .note {text-transform:uppercase;} div.back {font-size:0.8em; margin-bottom:2em; padding-bottom:0.5em; border-bottom:1px dotted #ccc;} /* HOME */ #samplesFlash {padding-left:0.2em; margin-top:0;} /*#newsletter {background:#b7d85c;}*/ #newsletter div {margin-top:0.5em; } #newsletter label {display:block; float:left; width:5em; text-align:right; padding-right:0.5em;} #newsletter input.field {width:9em;} #newsletter input.goButton {margin:0 0 0 4.9em; width:8.85em;} #listServices h2 {margin-bottom:1em;} #listServices ul {list-style:url(../images/round-arrow-sm.gif); margin-left:2.6em;} #listServices li {padding-bottom:0em;} #listServices li a {/*text-transform:uppercase;*/ text-decoration:none; font-size:1.2em; display:block; padding-bottom:0.3em;} #testimonials {font:.7em/1.5em georgia; padding:1.7em 1.9em 2em 2.5em; text-indent:-0.3em; /*background:url(../images/quote.gif) top left no-repeat;*/} #testimonials #name {font-size:.8em; color:#999; line-height:1.4em; margin:0.5em 1em 0 0.5em;} div.date {color:#78add7; margin-top:0.8em; font-size:0.95em; font-family:"Lucida Grande", tahoma, sans-serif; text-transform:uppercase; } #newsSection img {float:right; margin-left:0.2em;} #newsSection a {color:#555; text-decoration:none;} #news div.date {font-size:0.7em; margin-top:30px; border-bottom:1px dotted #ccc; margin-bottom:8px;} #homeResources {background:#fff url(../0images/home-resources-bgr.jpg) no-repeat; border:0px solid #ddd; margin:0em 0 1.4em 0; width:463px; /*height:215px; padding:15px 15px 15px 15px;*/} 0#homeResources {background:#f6f6f6 url(../images/home-resources-bgr.jpg) no-repeat; border:1px solid #ddd; /*border:1px solid #8fbf00;*/ margin:3em 0 1.4em 0; padding:0.8em 0.9em 0.5em 0.9em; height:112px;} #homeResources div.box {margin-top:1.5em;} #homeResources div.box a {display:block; float:left; width:132px; height:58px; background:#fff; /*border:1px solid #bbb; margin: 0 -1px -1px 0;*/ text-decoration:none; padding:10px; font:0.72em arial;} #homeResources #andyBlack {background:url(../images/box-link_andy-black.jpg); height:78px; width:456px; border-top:7px solid #78add7;} #homeResources #andyBlack div#andyText {margin-left:170px; font:0.7em arial; padding-top:.5em;} #homeResources #andyBlack div#andyText div {color:#78add7; font:bold 1.3em arial;} #homeResources #andyBlack div#andyText div span {text-transform:uppercase;} #homeResources #andyBlack img {float:right; margin:0.8em 1.4em 0 0;} #homeResources div.box a span {font:bold 1.4em arial; text-transform:uppercase; line-height:1em; letter-spacing:normal;} #homeResources div.box a#buildBrand {background:url(../images/box-link_build-brand.gif); text-align:right; color:#fff; padding-top:10px; padding-bottom:19px; height:49px; letter-spacing:-0.4px;} #homeResources div.box a#buildBrand span {font-size:1.3em;} #homeResources div.box a#eventCal {background:url(../images/box-link_cal.gif); text-align:center; color:#878787; padding-top:20px; height:48px;} #homeResources div.box a#eventCal span {font-size:1.3em; color:#78add7;} #homeResources div.box a#lgysb {background:url(../images/box-link_lgysb.gif); text-align:left; color:#fff;} #homeResources div.box a#buildBrand:hover, #homeResources div.box a#eventCal:hover, #homeResources div.box a#lgysb:hover {background:#8fbf00 url(../images/box-link_bgr.gif); font-size:9pt; font-weight:normal; color:#fff; /*border:1px solid #8fbf00;*/ text-align:left; height:58px; padding:10px;} /* SERVICES */ .clickNext {margin-top:3em; padding-top:0.3em; border-top:5px dotted #ddd; width:100%; font-size:0.8em;} /* TEAM */ ul#teamList {margin-left:0; list-style:none; list-style-image:none;} ul#teamList span {display:block; width:16em; float:left; font-weight:bold; line-height:2em;} ul#teamList li {padding:0.6em 0 0.6em 0.6em; border-top:1px dotted #32acd3;} /* PORTFOLIO */ div.work {margin-bottom:3em;} div.work .description {float:right; width:20em; font-size:0.7em; line-height:1.4em;} div.work .description div, div.work .description a {font-family:"Lucida Grande", tahoma, sans-serif;} div.work .description .company {font-size:1.5em; color:#496276;} div.work .description .note {margin:0.5em 0 0.6em 0; border-bottom:1px dotted #666; padding-bottom:0.3em; font-size:0.9em;} div.work .description a.visitSite {float:right; background:#32acd3; color:#fff; /*border:1px solid #32acd3;*/ text-decoration:none; padding:0 3px; font-size:0.9em; text-transform:uppercase;} div.work .description a.visitSite:hover {background:#8fbf00;} 0div.thumb {background:#ddd; border:5px solid #ddd; color:#555;} 0div.thumb:hover {background:#8fbf00; border:5px solid #8fbf00; color:#fff;} 0div.thumb .company {text-align:right; text-transform:uppercase; font:0.7em verdana; margin-top:0.3em;} div.work img {border:5px solid #ddd;} div.work img:hover {border:5px solid #8fbf00;} .zoom {display:none;} div#zoom {background:url(../portfolio/images/bgr-sample.png); padding:15px 10px 5px 17px; width:700px; height:500px;} #zoom_content {width:664px; height:470px;} #zoom_close {background:#8fbf00; color:#fff; padding:7px 15px; margin:0 0 0 17px; text-decoration:none;} #example {border:0px solid #ccc; padding:10px;} ul#products {margin-left:9.2em; list-style:none;} ul#products li {float:left; display:block; width:90px; height:50px; padding:0; background:#666; border:3px solid #ddd; margin:0 0 10px 8px;} ul#products li:hover {border:3px solid #32acd3;} ul#products li a {text-decoration:none; padding:0 0 0 4px; margin:0; background:#666; color:#fff; display:block; font-size:1em; text-transform:uppercase;} ul#products li:hover a {background:#32acd3;} ul#products li#lg {background:url(../portfolio/images/thumb-id.jpg);} ul#products li#pr {background:url(../portfolio/images/thumb-ad.jpg);} ul#products li#wb {background:url(../portfolio/images/thumb-web.jpg);} ul#products li#oc {background:url(../portfolio/images/thumb-onl.jpg);} ul#products li#cl {background:url(../portfolio/images/thumb-col.jpg);} ul#products li#ts {background:url(../portfolio/images/thumb-sho.jpg);} /* RESOURCES */ #resources #content .colLeft {padding-top:2em;} div.article {width:33em; margin:1.5em 0 1em 0;} div.article h5 img {margin-right:0.5em;} div.article p {font-size:0.75em; margin:0 10em 0.8em 2.3em;} .pdfLink {float:right; text-align:right; height:1.5em; border:0px solid #ccc; margin-top:5px;} .pdfLink a {background:#8fbf00; color:#fff; text-decoration:none; font:bold 0.7em "Lucida Grande", arial; line-height:1.2em; padding:0 0.6em 0 0.6em; border-bottom:2px solid #7ea800; border-right:2px solid #7ea800; border-top:2px solid #a6dd00; border-left:2px solid #a6dd00;} div.article .note {font-size:0.6em; width:8.3em; text-transform:none; margin-top:3em; /*float:right; border:0px solid #800000;*/}