/* Created for Unit Interactive in December 2008 and January 2009 Written by Andy Rutledge & Nathan Fordhttp://unitinteractive.com/Index:- Reset Styles- Main Page Styles- Image Styles- Interior Page Styles- Portfolio Styles- Case Study Styles- Info Page Styles- Contact Area Styles- Float Clearing Styles*//* Reset Styles------------------------------------------------------------------------ */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}body { line-height: 1; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background: #fff; text-align: center; color: #333;}a img { border: none;}p, h1, h2, h3, h4, h5, h6 { text-align: left;}ol, ul { list-style: none;}blockquote, q { quotes: none;}cite, abbr, acronym, span.explain { border-bottom: 1px dashed #999; cursor: help;}/* remember to define focus styles! */:focus { outline: 0;}/* remember to highlight inserts somehow! */ ins { text-decoration: none;}del { text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0;}/* Main Page Styles------------------------------------------------------------------------ */ .headerWrap { width: 100%; min-height: 380px; min-width: 1096px; background: #011 url(../images/main_head_bg.jpg) no-repeat center bottom;}/* main */.logoNav { margin: 0 auto; width: 1096px; clear: both; display: block;}.logoNav h1 { float: left; margin: 19px 0 0;}.logoNav h1 a { width: 176px; height: 42px; display: block; text-indent: -5000px; background: url(../images/logo_unit_web.png) no-repeat left;}.logoNav h1 a:hover { cursor: pointer;}.logoNav ul { float: right; width: 724px; height: 80px; text-align: right; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em;}.logoNav li { float: right; margin-top: 35px; margin-left: 50px; display: inline;}.logoNav li.first { margin-left: 0;}.logoNav li a:link, .logoNav li a:visited { display: block; color: #7a7a7a; text-decoration: none; text-indent: 5000px;}.logoNav li#home a:link, .logoNav li#home a:visited { background: url(../images/inner_nav/nav_home.jpg) no-repeat 0 0; width: 30px; height: 12px; overflow: hidden;}.logoNav li#home a:hover { text-decoration: none; background: url(../images/inner_nav/nav_home.jpg) no-repeat 0 -15px;}.logoNav li#work a:link, .logoNav li#work a:visited { background: url(../images/inner_nav/nav_ourwork.jpg) no-repeat 0 0; width: 57px; height: 12px; overflow: hidden;}.logoNav li#work a:hover { text-decoration: none; background: url(../images/inner_nav/nav_ourwork.jpg) no-repeat 0 -15px;}.logoNav li#serv a:link, .logoNav li#serv a:visited { background: url(../images/inner_nav/nav_services.jpg) no-repeat 0 0; width: 52px; height: 12px; overflow: hidden;}.logoNav li#serv a:hover { text-decoration: none; background: url(../images/inner_nav/nav_services.jpg) no-repeat 0 -15px;}.logoNav li#info a:link, .logoNav li#info a:visited { background: url(../images/inner_nav/nav_info.jpg) no-repeat 0 0; width: 53px; height: 12px; overflow: hidden;}.logoNav li#info a:hover { text-decoration: none; background: url(../images/inner_nav/nav_info.jpg) no-repeat 0 -15px;}.logoNav li#labs a:link, .logoNav li#labs a:visited { background: url(../images/inner_nav/nav_labs.jpg) no-repeat 0 0; width: 54px; height: 12px; overflow: hidden;}.logoNav li#labs a:hover { text-decoration: none; background: url(../images/inner_nav/nav_labs.jpg) no-repeat 0 -15px;}.logoNav li#blog a:link, .logoNav li#blog a:visited { background: url(../images/inner_nav/nav_verse.jpg) no-repeat 0 0; width: 62px; height: 12px; overflow: hidden;}.logoNav li#blog a:hover { text-decoration: none; background: url(../images/inner_nav/nav_verse.jpg) no-repeat 0 -15px;}.main .logoNav li#home a { color: #fff; text-decoration: none; background: url(../images/nav_home.jpg) no-repeat 0 -30px;}.portPage .logoNav li#work a { color: #fff; text-decoration: none; background: url(../images/inner_nav/nav_ourwork.jpg) no-repeat 0 -30px;}.servicesPage .logoNav li#serv a { color: #fff; text-decoration: none; background: url(../images/inner_nav/nav_services.jpg) no-repeat 0 -30px;}.aboutPage .logoNav li#info a { color: #fff; text-decoration: none; background: url(../images/inner_nav/nav_info.jpg) no-repeat 0 -30px;}/* main page */.main .logoNav li#home a:link, .main .logoNav li#home a:visited { background: url(../images/nav_home.jpg) no-repeat 0 0; width: 30px; height: 12px; overflow: hidden;}.main .logoNav li#home a:hover { text-decoration: none; background: url(../images/nav_home.jpg) no-repeat 0 -15px;}.main .logoNav li#work a:link, .main .logoNav li#work a:visited { background: url(../images/nav_ourwork.jpg) no-repeat 0 0; width: 57px; height: 12px; overflow: hidden;}.main .logoNav li#work a:hover { text-decoration: none; background: url(../images/nav_ourwork.jpg) no-repeat 0 -15px;}.main .logoNav li#serv a:link, .main .logoNav li#serv a:visited { background: url(../images/nav_services.jpg) no-repeat 0 0; width: 52px; height: 12px; overflow: hidden;}.main .logoNav li#serv a:hover { text-decoration: none; background: url(../images/nav_services.jpg) no-repeat 0 -15px;}.main .logoNav li#info a:link, .main .logoNav li#info a:visited { background: url(../images/nav_info.jpg) no-repeat 0 0; width: 53px; height: 12px; overflow: hidden;}.main .logoNav li#info a:hover { text-decoration: none; background: url(../images/nav_info.jpg) no-repeat 0 -15px;}.main .logoNav li#labs a:link, .main .logoNav li#labs a:visited { background: url(../images/nav_labs.jpg) no-repeat 0 0; width: 54px; height: 12px; overflow: hidden;}.main .logoNav li#labs a:hover { text-decoration: none; background: url(../images/nav_labs.jpg) no-repeat 0 -15px;}.main .logoNav li#blog a:link, .main .logoNav li#blog a:visited { background: url(../images/nav_verse.jpg) no-repeat 0 0; width: 62px; height: 12px; overflow: hidden;}.main .logoNav li#blog a:hover { text-decoration: none; background: url(../images/nav_verse.jpg) no-repeat 0 -15px;}/* end main page */ .mainFeature { margin: 0 auto; clear: both; display: block; width: 1096px; border-top: 1px dotted #7faa2d; background: url(../images/main/md_main.png) no-repeat right bottom; min-height: 300px; text-align: left; position: relative;} .mainFeature img { padding: 50px 0 20px; display: block; clear: both; position: relative;}.mainFeature p { padding: 0 0 15px; font-size: 1.5em; font-weight: bold; display: block;}.mainFeature p a:link, .mainFeature p a:visited { color: #7faa2d; text-decoration: none;}.mainFeature p a:hover { color: #fff; text-decoration: none;}.bodyWrap { clear: both; width: 100%; min-width: 1096px; background: #fff; border-top: 6px solid #e6e6e6;}.mainPitch { margin: 28px auto 0; clear: both; width: 1096px; border-top: 1px dotted #999;}.pitch1, .pitch2, .pitch3 { float: left; margin-left: 20px; padding: 30px 0; width: 352px; display: inline;}.pitch1 { margin-left: 0;}.pitch1 h3 { padding: 0 0 10px; letter-spacing: -.03em; color: #000; width: 352px; height: 23px; display: block; background: url(../images/main_effective_design.gif) no-repeat 0 0; overflow: hidden; text-indent: -5000px;}.pitch2 h3 { padding: 0 0 10px; letter-spacing: -.03em; color: #000; width: 352px; height: 23px; display: block; background: url(../images/main_popular_tools.gif) no-repeat 0 0; overflow: hidden; text-indent: -5000px;}.pitch3 h3 { padding: 0 0 10px; letter-spacing: -.03em; color: #000; width: 352px; height: 23px; display: block; background: url(../images/main_unit.gif) no-repeat 0 0; overflow: hidden; text-indent: -5000px;}.mainPitch p { font-size: 1.2em; line-height: 1.4em; color: #777;}.mainPitch p a:link, .mainPitch p a:visited { color: #6b9126; text-decoration: none; border-bottom: 1px dotted #999;}.mainPitch p a:hover { color: #000; text-decoration: none; border: none;}.mainBase { clear: both; width: 1096px; margin: 0 auto; border-top: 1px dotted #999; padding: 30px 0; display: block;}.learnMore { float: left; width: 724px; display: inline;}.learnMore h4 { width: 684px; padding: 0 20px; line-height: 60px; background: #7faa2d; color: #fff; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 3.4em; letter-spacing: -.03em;}.learnMore ul { clear: both; display: block; font-size: 2em;}.learnMore li { line-height: 60px; text-align: left; margin-top: 3px;}.learnMore li a:link, .learnMore li a:visited { color: #005258; text-decoration: none; width: 684px; height: 60px; display: block; padding: 0 20px; background: #ebebeb;}.learnMore li a:hover { color: #fff; text-decoration: none; background: #005258;}.learnMore li a:link span, .learnMore li a:visited span { float: right; padding: 16px 0 0 48px; width: 284px; background: url(../images/main_learnmore_bg.jpg) no-repeat 0 0; font-size: 12px; line-height: 1.4em; color: #666;}.learnMore li a:hover span { background: url(../images/main_learnmore_bg.jpg) no-repeat 0 -60px; color: #d3cab4;}.contact { float: left; margin-left: 20px; width: 352px; display: inline;}.contact h4 { width: 312px; padding: 0 20px; line-height: 60px; background: #7faa2d; color: #fff; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 3.4em; letter-spacing: -.03em;}.contact h5 { padding: 20px 0 0; color: #555; font-family: "Arial Narrow", sans-serif; font-size: 3em; letter-spacing: -.03em;}.contact p { font-size: 1.4em; line-height: 1.4em; padding: 15px 0 5px; color: #888;}.contact p a:link, .contact p a:visited { color: #6b9126; text-decoration: none; border-bottom: 1px dotted #999;}.contact p a:hover { color: #000; text-decoration: none; border: none;}.footer { clear: both; margin: 0 auto; width: 1096px; border-top: 1px dotted #999; padding: 30px 0; text-align: left;}.footer p { font-size: 1.2em; color: #888; line-height: 2em;}.footer p a:link, .footer p a:visited { color: #6b9126; text-decoration: none; border-bottom: 1px dotted #999;}.footer p a:hover { color: #000; text-decoration: none; border: none;}.footer img { display: block;}/* Image Styles------------------------------------------------------------------------ */ .mainPitch img { float: left; padding: 0 18px 10px 0;}.mainPitch a img { border: none;}/* Interior Page Styles------------------------------------------------------------------------ */.headerWrapInner { width: 100%; min-height: 204px; min-width: 1096px; background: #011 url(../images/main_head_bg.jpg) no-repeat center bottom;}.innerTitle { margin: 0 auto; padding: 25px 0; clear: both; display: block; width: 1096px; border-top: 1px dotted #7faa2d;}.innerTitle h2 { float: left; padding: 17px 0; font-family: "Arial Narrow", sans-serif; font-size: 5em; line-height: .9em; letter-spacing: -.03em; text-transform: uppercase; color: #d3cab4; width: 538px; display: inline;}.innerTitle p { float: right; font-size: 1.2em; color: #d3cab4; line-height: 1.4em; width: 538px; display: inline;}.innerTitle p span { display: block; margin-top: 15px;}.innerTitle p a:link, .innerTitle p a:visited { color: #7faa2d; text-decoration: none;}.innerTitle p a:hover { color: #fff; text-decoration: underline;}.intro { margin: 28px auto 0; padding: 30px 0; clear: both; width: 1096px; border-top: 1px dotted #999;}.oopsPage .intro h3 { float: left; width: 724px; height: 116px !important; color: #000; display: block; background: url(../images/intro_404.gif) no-repeat 0 0; text-indent: -5000px; overflow: hidden;}.servicesPage .intro h3 { float: left; width: 724px; height: 116px !important; color: #000; display: block; background: url(../images/intro_services.gif) no-repeat 0 0; text-indent: -5000px; overflow: hidden;}.ebookPage .intro h3 { float: left; width: 724px; height: 116px !important; color: #000; display: block; background: url(../images/intro_ebooks.gif) no-repeat 0 0; text-indent: -5000px; overflow: hidden;}.thanksPage .intro h3 { float: left; width: 724px; height: 116px !important; color: #000; display: block; background: url(../images/intro_thank_you.gif) no-repeat 0 0; text-indent: -5000px; overflow: hidden;}.aboutPage .intro h3 { float: left; width: 724px; height: 113px !important; color: #000; display: block; background: url(../images/intro_about.gif) no-repeat 0 0; text-indent: -5000px; overflow: hidden;}.introBox { float: left; width: 352px; margin-left: 20px; display: inline;}.intro p { font-size: 1.2em; line-height: 1.4em; padding: 0 0 15px;}.intro p a:link, .intro p a:visited { color: #6b9126; text-decoration: none; border-bottom: 1px dotted #999;}.intro p a:hover { color: #000; text-decoration: none; border: none;}.fullSection { margin: 0 auto; width: 1096px; clear: both; border-bottom: 1px dotted #000;}.aboutPage .fullSection { border-bottom: none;}.fullSection h4 { width: 1056px; padding: 0 20px; line-height: 60px; background: #7faa2d; color: #fff; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 3.4em; letter-spacing: -.03em;}.fullSection p { font-size: 1.2em; line-height: 1.4em; color: #777;}.fullSection p.topSpace { padding-top: 20px;}.fullSection p a:link, .fullSection p a:visited { color: #6b9126; text-decoration: none; border-bottom: 1px dotted #999;}.fullSection p a:hover { color: #000; text-decoration: none; border: none;}.ebook1, .ebook2, .ebook3 { float: left; margin-left: 20px; padding: 24px 0; width: 352px; display: inline;}.ebook1 { margin-left: 0;}.ebook1 h5, .ebook2 h5, .ebook3 h5 { margin: 0; padding: 15px 0 0; color: #000; border-top: 1px dotted #000; width: 352px; height: 38px; display: block; text-indent: -5000px; overflow: hidden;}.ebook1 h5 { background: url(../images/ebook_design.gif) no-repeat 0 0;}.ebook2 h5 { background: url(../images/ebook_development.gif) no-repeat 0 0;}.ebook3 h5 { background: url(../images/ebook_formats.gif) no-repeat 0 0;}.core1, .core2, .core3 { float: left; margin-left: 20px; padding: 24px 0; width: 352px; display: inline;}.core1 { margin-left: 0;}.core1 h5, .core2 h5, .core3 h5 { margin: 0; padding: 15px 0 0; color: #000; border-top: 1px dotted #000; width: 352px; height: 38px; display: block; text-indent: -5000px; overflow: hidden;}.core1 h5 { background: url(../images/services_naming.gif) no-repeat 0 0;}.core2 h5 { background: url(../images/services_design.gif) no-repeat 0 0;}.core3 h5 { background: url(../images/services_development.gif) no-repeat 0 0;}.core1 h6, .core2 h6, .core3 h6 { margin: 0; padding: 5px 0 5px; color: #999; width: 352px; font-size: 18px; line-height: 24px; display: block; overflow: hidden;}.core1 ul, .core2 ul, .core3 ul { font-size: 14px; text-align: center; padding: 15px 0 0;}.core1 li, .core2 li, .core3 li { line-height: 1.5em;}.core1 ul a:link, .core1 ul a:visited, .core2 ul a:link, .core2 ul a:visited, .core3 ul a:link, .core3 ul a:visited { color: #6b9126; text-decoration: none; border-bottom: 1px dotted #999;}.core1 ul a:hover, .core2 ul a:hover, .core3 ul a:hover { color: #000; text-decoration: none; border: none;}.oopsPage .fullSection .core1 h5 { background: url(../images/oops_main.gif) no-repeat 0 0;}.oopsPage .fullSection .core2 h5 { background: url(../images/oops_port.gif) no-repeat 0 0;}.oopsPage .fullSection .core3 h5 { background: url(../images/oops_blog.gif) no-repeat 0 0;}.dualSection { margin: 0 auto; padding: 24px 0; width: 1096px; clear: both;}.dualSection p { font-size: 1.2em; line-height: 1.4em; padding: 15px 0 5px;}.dualSection p a:link, .dualSection p a:visited { color: #6b9126; text-decoration: none; border-bottom: 1px dotted #999;}.dualSection p a:hover { color: #000; text-decoration: none; border: none;}.dualLong { position: relative; float: left; width: 724px; display: inline;} .dualLong a img.eReaderDevices { position: relative; float: left; display: inline; margin-top: 20px; margin-right: 35px; margin-left: 34px; zoom: 1;}.dualLong h4 { width: 684px; padding: 0 20px; line-height: 60px; background: #ebebeb; color: #999; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 3.4em; letter-spacing: -.03em;}.dualShort { float: left; width: 352px; margin-left: 20px; display: inline}.fullSection .topDrop { margin-top: 60px;}.fullSection .dualShort p { padding: 15px 0 0;}.fullSection .dualShort p.topPadd { padding-top: 30px;}.dualShort h4 { width: 312px; padding: 0 20px; line-height: 60px; background: #ebebeb; color: #999; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 3.4em; letter-spacing: -.03em;}/* Portfolio Styles------------------------------------------------------------------------ */.ourWork { margin: 28px auto 0; padding: 30px 0; clear: both; width: 1096px; border-top: 1px dotted #999;}.ourWork h3 { font-family: "Arial Narrow", sans-serif; font-size: 2.6em; letter-spacing: -.03em; text-transform: uppercase; color: #999; text-align: left;}.ourWork h4 { width: 1056px; margin-bottom: 15px; padding: 0 20px; line-height: 60px; background: #ebebeb; color: #000; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 2.6em; letter-spacing: -.03em; text-align: left;}.ourWork dl { clear: both; padding: 20px 0;}.ourWork dt { width: 1056px; padding: 0 20px; line-height: 60px; background: #ebebeb; color: #000; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 2.6em; letter-spacing: -.03em; text-align: left;}.ourWork dd { float: left; margin-top: 15px; margin-left: 20px;}dd.firstThumb { margin-left: 0;}.ourWork dd a:link, .ourWork dd a:visited { width: 166px; height: 114px; display: block; overflow: hidden; border-top: 1px dotted #7faa2d; border-bottom: 1px dotted #7faa2d; text-indent: -5000px;}.ourWork dd a:hover { border: none;}/* start portfolio thumbnail styles */ dd.zied a:link, dd.zied a:visited { background: url(../images/portfolio/thumbs/zied.jpg) no-repeat 0 0;}dd.zied a:hover { background: url(../images/portfolio/thumbs/zied.jpg) no-repeat 0 -116px;} dd.milestone a:link, dd.milestone a:visited { background: url(../images/portfolio/thumbs/md.jpg) no-repeat 0 0;}dd.milestone a:hover { background: url(../images/portfolio/thumbs/md.jpg) no-repeat 0 -116px;} dd.jdegroote a:link, dd.jdegroote a:visited { background: url(../images/portfolio/thumbs/jdegroote.jpg) no-repeat 0 0;}dd.jdegroote a:hover { background: url(../images/portfolio/thumbs/jdegroote.jpg) no-repeat 0 -116px;} dd.jmmd a:link, dd.jmmd a:visited { background: url(../images/portfolio/thumbs/jmmd.jpg) no-repeat 0 0;}dd.jmmd a:hover { background: url(../images/portfolio/thumbs/jmmd.jpg) no-repeat 0 -116px;} dd.transis a:link, dd.transis a:visited { background: url(../images/portfolio/thumbs/transis.jpg) no-repeat 0 0;}dd.transis a:hover { background: url(../images/portfolio/thumbs/transis.jpg) no-repeat 0 -116px;} dd.sei a:link, dd.sei a:visited { background: url(../images/portfolio/thumbs/sei.jpg) no-repeat 0 0;}dd.sei a:hover { background: url(../images/portfolio/thumbs/sei.jpg) no-repeat 0 -116px;}dd.schiff a:link, dd.schiff a:visited { background: url(../images/portfolio/thumbs/schiff.jpg) no-repeat 0 0;}dd.schiff a:hover { background: url(../images/portfolio/thumbs/schiff.jpg) no-repeat 0 -116px;}dd.brickyard a:link, dd.brickyard a:visited { background: url(../images/portfolio/thumbs/bp.jpg) no-repeat 0 0;}dd.brickyard a:hover { background: url(../images/portfolio/thumbs/bp.jpg) no-repeat 0 -116px;}dd.woot a:link, dd.woot a:visited { background: url(../images/portfolio/thumbs/woot.jpg) no-repeat 0 0;}dd.woot a:hover { background: url(../images/portfolio/thumbs/woot.jpg) no-repeat 0 -116px;}dd.tnf a:link, dd.tnf a:visited { background: url(../images/portfolio/thumbs/tnf.jpg) no-repeat 0 0;}dd.tnf a:hover { background: url(../images/portfolio/thumbs/tnf.jpg) no-repeat 0 -116px;}dd.woot a:link, dd.woot a:visited { background: url(../images/portfolio/thumbs/woot.jpg) no-repeat 0 0;}dd.woot a:hover { background: url(../images/portfolio/thumbs/woot.jpg) no-repeat 0 -116px;}dd.yfac a:link, dd.yfac a:visited { background: url(../images/portfolio/thumbs/yfactorial.jpg) no-repeat 0 0;}dd.yfac a:hover { background: url(../images/portfolio/thumbs/yfactorial.jpg) no-repeat 0 -116px;}dd.tcureg a:link, dd.tcureg a:visited { background: url(../images/portfolio/thumbs/tcureg.jpg) no-repeat 0 0;}dd.tcureg a:hover { background: url(../images/portfolio/thumbs/tcureg.jpg) no-repeat 0 -116px;}dd.tcumag a:link, dd.tcumag a:visited { background: url(../images/portfolio/thumbs/tcumag.jpg) no-repeat 0 0;}dd.tcumag a:hover { background: url(../images/portfolio/thumbs/tcumag.jpg) no-repeat 0 -116px;}dd.agent89 a:link, dd.agent89 a:visited { background: url(../images/portfolio/thumbs/agent89.jpg) no-repeat 0 0;}dd.agent89 a:hover { background: url(../images/portfolio/thumbs/agent89.jpg) no-repeat 0 -116px;}dd.redang a:link, dd.redang a:visited { background: url(../images/portfolio/thumbs/redangus.jpg) no-repeat 0 0;}dd.redang a:hover { background: url(../images/portfolio/thumbs/redangus.jpg) no-repeat 0 -116px;}dd.settle a:link, dd.settle a:visited { background: url(../images/portfolio/thumbs/settlementpersp.jpg) no-repeat 0 0;}dd.settle a:hover { background: url(../images/portfolio/thumbs/settlementpersp.jpg) no-repeat 0 -116px;}dd.vector a:link, dd.vector a:visited { background: url(../images/portfolio/thumbs/vectormg.jpg) no-repeat 0 0;}dd.vector a:hover { background: url(../images/portfolio/thumbs/vectormg.jpg) no-repeat 0 -116px;}dd.p2 a:link, dd.p2 a:visited { background: url(../images/portfolio/thumbs/publish2.jpg) no-repeat 0 0;}dd.p2 a:hover { background: url(../images/portfolio/thumbs/publish2.jpg) no-repeat 0 -116px;}dd.funki a:link, dd.funki a:visited { background: url(../images/portfolio/thumbs/funki.jpg) no-repeat 0 0;}dd.funki a:hover { background: url(../images/portfolio/thumbs/funki.jpg) no-repeat 0 -116px;}dd.dpages a:link, dd.dpages a:visited { background: url(../images/portfolio/thumbs/designerpages.jpg) no-repeat 0 0;}dd.dpages a:hover { background: url(../images/portfolio/thumbs/designerpages.jpg) no-repeat 0 -116px;}dd.unify a:link, dd.unify a:visited { background: url(../images/portfolio/thumbs/unify.jpg) no-repeat 0 0;}dd.unify a:hover { background: url(../images/portfolio/thumbs/unify.jpg) no-repeat 0 -116px;}dd.unitip a:link, dd.unitip a:visited { background: url(../images/portfolio/thumbs/unitip.jpg) no-repeat 0 0;}dd.unitip a:hover { background: url(../images/portfolio/thumbs/unitip.jpg) no-repeat 0 -116px;}dd.unitpng a:link, dd.unitpng a:visited { background: url(../images/portfolio/thumbs/unitpng.jpg) no-repeat 0 0;}dd.unitpng a:hover { background: url(../images/portfolio/thumbs/unitpng.jpg) no-repeat 0 -116px;}dd.mhub a:link, dd.mhub a:visited { background: url(../images/portfolio/thumbs/memberhub.jpg) no-repeat 0 0;}dd.mhub a:hover { background: url(../images/portfolio/thumbs/memberhub.jpg) no-repeat 0 -116px;}/* ...and logos ... */dd.devoteeLogo a:link, dd.devoteeLogo a:visited { background: url(../images/portfolio/thumbs/devotee.jpg) no-repeat 0 0;}dd.devoteeLogo a:hover { border-top: 1px solid #000; border-bottom: 1px solid #000;}dd.mhubLogo a:link, dd.mhubLogo a:visited { background: url(../images/portfolio/thumbs/memberhub.jpg) no-repeat 0 0;}dd.mhubLogo a:hover { border-top: 1px solid #000; border-bottom: 1px solid #000;}dd.unifyLogo a:link, dd.unifyLogo a:visited { background: url(../images/portfolio/thumbs/unify.jpg) no-repeat 0 0;}dd.unifyLogo a:hover { border-top: 1px solid #000; border-bottom: 1px solid #000;}dd.p2Logo a:link, dd.p2Logo a:visited { background: url(../images/portfolio/thumbs/publish2.jpg) no-repeat 0 0;}dd.p2Logo a:hover { border-top: 1px solid #000; border-bottom: 1px solid #000;}dd.settleLogo a:link, dd.settleLogo a:visited { background: url(../images/portfolio/thumbs/settlementpersp.jpg) no-repeat 0 0;}dd.settleLogo a:hover { border-top: 1px solid #000; border-bottom: 1px solid #000;}dd.yfacLogo a:link, dd.yfacLogo a:visited { background: url(../images/portfolio/thumbs/yfactorial.jpg) no-repeat 0 0;}dd.yfacLogo a:hover { border-top: 1px solid #000; border-bottom: 1px solid #000;}dd.agent89Logo a:link, dd.agent89Logo a:visited { background: url(../images/portfolio/thumbs/agent89.jpg) no-repeat 0 0;}dd.agent89Logo a:hover { border-top: 1px solid #000; border-bottom: 1px solid #000;}/* end portfolio thumbnail styles */table.literary { width: 1096px; text-align: left; line-height: 1.4em; font-size: 1.2em;}th.narrowCell, td.narrowCell { width: 166px; padding-right: 20px;}th.wideCell, td.wideCell { width: 724px;}th.narrowCell em { width: 166px; padding-bottom: 5px; border-bottom: 1px dotted #000; display: block; font-style: normal;}th.wideCell em { width: 724px; padding-bottom: 5px; border-bottom: 1px dotted #000; display: block; font-style: normal;}.literary th, .literary td { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #000;}th { border: none;}.literary a:link, .literary a:visited { color: #005258; text-decoration: none; border-bottom: 1px dotted #999;}.literary a:hover { color: #000; text-decoration: none; border: none;}.clients { margin: 0 auto; padding: 0 0 30px; clear: both; width: 1096px;}.clients h3 { width: 1056px; margin-bottom: 20px; padding: 0 20px; line-height: 60px; background: #7faa2d; color: #fff; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 3.4em; letter-spacing: -.03em; text-align: left;}.clients ul { display: block; padding: 0 0 24px; font-size: 1.4em; color: #999; text-align: left;}.clients li { float: left; margin-left: 20px; padding: 4px 0; width: 166px;}.clients li:hover { background: #efefef;}li.leftEdge { margin-left: 0;}.clients li a:link, .clients li a:visited { color: #6b9126; text-decoration: none; border-bottom: 1px dotted #999;}.clients li a:hover { color: #000; text-decoration: none; border: none;}.clientFlash { margin: 0 auto; padding: 10px 0 0; clear: both; width: 1096px; position: relative;}div.cmap, div.cdot { position: absolute; z-index: 10; display: block;} #USA { top: 85px; left: 145px; height: 77px; width: 190px;} #Japan { top: 90px; left: 900px; height: 64px; width: 62px;}#Canada { top: 9px; left: 155px; height: 107px; width: 259px;}#UK { top: 58px; left: 487px; height: 39px; width: 48px;}#Israel { top: 121px; left: 613px; height: 32px; width: 21px;}div.cdot { z-index: 20;}#NY { top: 107px; left: 295px;}#STL { top: 118px; left: 245px;}#VA { top: 118px; left: 278px;}#VT { top: 95px; left: 308px;} #DFW { top: 129px; left: 213px;} #CHI { top: 103px; left: 262px;} #SEW { top: 116px; left: 255px;} #NC { top: 121px; left: 275px;}#SF { top: 112px; left: 141px; .left: 150px;}#PurNY { top: 107px; left: 293px;}#StPFL { top: 138px; left: 263px;}#HOU { top: 136px; left: 215px;} /* Case Study Styles------------------------------------------------------------------------ */.clientWrap { clear: both; width: 100%; min-width: 1096px; margin-bottom: 20px; padding: 30px 0; background: #cdcdcd url(../images/client_bg.jpg) no-repeat top center; border-bottom: 6px solid #bcbcbc;}.caseStudy { margin: 0 auto; width: 1096px;}.caseGallery { float: left; width: 724px; display: inline;}.caseTitle { clear: both; width: 724px; height: 60px; display: block; border-top: 1px dotted #000; border-bottom: 1px dotted #000; text-align: left; position: relative;}.caseTitle h3 { width: 352px; line-height: 60px; color: #000; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 3.4em; letter-spacing: -.03em; text-align: left; display: inline;}.caseTitle p { float: right; font-size: 1.6em; width: 352px; color: #fff; line-height: 60px;}.caseTitle p a:link, .caseTitle p a:visited { color: #005258; text-decoration: none; border-bottom: 1px dotted #999; margin: 0 20px;}.caseTitle p a:hover { color: #000; text-decoration: none; border: none;}.pictureShow { clear: both; width: 724px; overflow: hidden; position: relative;} .pictureShow div { width: 5000px; text-align: left; position: absolute; top: 0; left: 0; } .pictureShow div img { display: inline; }.galleryNav { clear: both; margin: 10px 20px; padding: 10px 0; width: 684px; display: block; background: #bbb; text-align: center;}.galleryNav p { text-align: center; font-size: 20px; line-height: 30px;}.galleryNav p a:link, .galleryNav p a:visited { width: 30px; height: 30px; display: inline-block; color: #fff; background: #000; text-decoration: none;}.galleryNav p a:active { color: #fff; background: #666; text-decoration: none;}.galleryNav p a:hover { color: #fff; background: #7faa2d; text-decoration: none;}.galleryNav p a.current { color: #000; background: #fff; text-decoration: none;}.caseInfo { float: left; margin-left: 20px; width: 352px; display: inline;}.caseInfo h4 { width: 312px; padding: 0 20px; line-height: 60px; background: #000; color: #fff; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 3.4em; letter-spacing: -.03em;}.caseInfo h5 { font-size: 2.2em; padding: 20px 0; font-weight: normal;}.caseInfo h5 a:link, .caseInfo h5 a:visited { color: #005258; text-decoration: none; border: none;}.caseInfo h5 a:hover { color: #000; text-decoration: none;}.caseInfo dl { display: inline; text-align: left;}.caseInfo dt { float: left; clear: left; font-size: 1.3em; font-weight: bold; width: 104px; padding: 15px 20px 15px 0; color: #000; display: inline; border-top: 1px dotted #999;}.caseInfo dd { float: left; clear: right; font-size: 1.2em; width: 228px; display: inline; border-top: 1px dotted #999; padding: 15px 0; line-height: 1.4em;}.caseInfo dd.clearfix { float: none; border: none; height: 0; padding: 0; margin: 0; line-height: 0; display: block;}.caseInfo dl a:link, .caseInfo dl a:visited { color: #005258; text-decoration: none; border-bottom: 1px dotted #999;}.caseInfo dl a:hover { color: #000; text-decoration: none; border: none;}.moreCases { clear: both; width: 1096px; margin: 0 auto; text-align: left;}.moreCases h4 { width: 1056px; margin-bottom: 20px; padding: 0 20px; line-height: 60px; background: #e2e2e2; color: #000; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 2.6em; letter-spacing: -.03em;}.moreCases p { font-size: 2em; display: block; color: #666; text-align: left; padding: 5px 0; width: 290px; height: 20px; background: url(../images/key3.jpg) no-repeat right; font-weight: bold;}ul.caseList { clear: both; display: block; width: 1096px; border-top: 1px dotted #666; border-bottom: 1px dotted #666; padding: 5px 0 20px; text-align: left; font-size: 1.2em;}.caseList li { float: left; border-bottom: 1px dotted #999; height: 24px; line-height: 24px; width: 352px; margin-left: 20px; display: inline; position: relative;}li.rowFirst { margin-left: 0; clear: left;}.caseList li a:link, .caseList li a:visited { color: #005258; text-decoration: none; line-height: 24px; width: 352px; display: block;}.caseList li a:hover { color: #000; text-decoration: none; border: none;}.caseList li.keyW { background: url(../images/icon_web.jpg) no-repeat bottom right;}.caseList li.keyL { background: url(../images/icon_logo.jpg) no-repeat bottom right;}.caseList li.keyA { background: url(../images/icon_app.jpg) no-repeat bottom right;}.caseList li.keyWL { background: url(../images/icon_case_wl.jpg) no-repeat bottom right;}.caseList li.keyWA { background: url(../images/icon_case_wa.jpg) no-repeat bottom right;}.caseList li.keyWLA { background: url(../images/icon_case_wla.jpg) no-repeat bottom right;}/* Info Page Styles------------------------------------------------------------------------ */ .infoBox { float: left; width: 352px; margin-left: 20px; display: inline;}.location { float: left; display: inline; width: 166px;}.phone { float: left; display: inline; margin-left: 20px; width: 166px; height: 125px; background: #ebebeb; text-align: center;}.phone h4 { line-height: 125px; color: #666; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 3em; letter-spacing: -.03em; text-align: center;}.infoBox p { font-size: 1.2em; line-height: 1.4em; padding: 0 0 15px;}.infoBox p a:link, .infoBox p a:visited { color: #6b9126; text-decoration: none; border-bottom: 1px dotted #999;}.infoBox p a:hover { color: #000; text-decoration: none; border: none;}.team1, .team2, .team3, .team4 { float: left; margin-left: 20px; padding: 24px 0; width: 352px; display: inline; text-align: left;}.team1, .team4 { margin-left: 0;}.team1 h5, .team2 h5, .team3 h5, .team4 h5 { line-height: 60px; color: #000; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 2.6em; letter-spacing: -.03em;}.team1 p, .team2 p, .team3 p, .team4 p { font-size: 1.2em; line-height: 1.4em; padding: 0 0 15px; color: #333;}p.firstParagraph { margin-top: 15px; padding-top: 15px; border-top: 1px dotted #000;}.infoBox p a:link, .infoBox p a:visited { color: #6b9126; text-decoration: none; border-bottom: 1px dotted #999;}.infoBox p a:hover { color: #000; text-decoration: none; border: none;}p.websites { padding: 0 10px; width: 332px; height: 22px; display: block; line-height: 22px; background: #ebebeb;}p.websites a:link, p.websites a:visited { color: #005258; text-decoration: none; border-bottom: 1px dotted #999;}p.websites a:hover { color: #000; text-decoration: none; border: none;}.photoAndy { width: 352px; height: 166px; background: url(../images/info_andy_bg.gif) no-repeat right top; text-align: left;}.photoAngela { width: 352px; height: 166px; background: url(../images/info_angela_bg.gif) no-repeat right top; text-align: left;}.photoNathan { width: 352px; height: 166px; background: url(../images/info_nathan_bg.gif) no-repeat right top; text-align: left;}.photoRa { width: 352px; height: 166px; background: url(../images/info_ra_bg.gif) no-repeat right top; text-align: left;}.values { float: left; width: 724px; display: inline;}.values h4 { width: 684px; padding: 0 20px; line-height: 60px; background: #7faa2d; color: #fff; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 3.4em; letter-spacing: -.03em;}.values p { width: 352px;}.prefers { float: right; width: 352px; margin-left: 20px; display: inline;}.prefers h5 { font-size: 1.6em; text-transform: uppercase; color: #999; padding: 15px 0 0;}.prefers p { color: #888;}.dualShort ul { list-style: square; margin-left: 15px; font-size: 1.2em; color: #6b9126; text-align: left;}.dualShort h5 { padding: 35px 0 0; color: #777; font-family: "Arial Narrow", sans-serif; font-size: 1.6em;}.firsH5 { padding-top: 20px;}.dualShort li { padding: 4px 0;}.dualShort li a:link, .dualShort li a:visited { color: #6b9126; text-decoration: none; border-bottom: 1px dotted #999;}.dualShort li a:hover { color: #000; text-decoration: none; border: none;}/* Contact Area Styles------------------------------------------------------------------------ */ .contactForm { margin: 0 auto; padding: 0 0 24px; width: 1096px; clear: both;}.contactTitle { position: relative; clear: both; width: 1096px; height: 71px; padding-bottom: 9px; display: block; background: url(../images/contact_title_bg.gif) no-repeat top;}.contactTitle h4 { float: left; width: 332px; padding: 0 0 0 20px; line-height: 60px; color: #fff; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 3.4em; letter-spacing: -.03em;}.contactTitle p { float: right; font-size: 1.6em; color: #77F4FF; line-height: 60px; width: 704px; padding: 0 20px 0 0;}.contactCopy { float: left; width: 352px; display: inline;}.contactCopy h5 { width: 312px; height: 35px; background: #ebebeb; margin-bottom: 15px; padding: 0 20px; line-height: 35px; color: #000; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 3em; letter-spacing: -.03em; text-align: center;}.contactCopy p { font-size: 1.2em; line-height: 1.4em; padding: 0 0 12px;}.contactCopy p a:link, .contactCopy p a:visited { color: #6b9126; text-decoration: none; border-bottom: 1px dotted #999;}.contactCopy p a:hover { color: #000; text-decoration: none; border: none;}span.center { text-align: center; display: block; margin: -5px 0; padding: 0;}.form { float: left; margin-left: 20px; width: 724px; display: inline;}.formLeft input, .formRight textarea { border: 1px solid #e2e2e2; background: #e2e2e2 !important;}.formRight textarea { font-family: Arial, Helvetica, sans-serif;}.formLeft input.focus, .formRight textarea.focus { border-color: #7faa2d; background: #fff !important;}.formLeft input.errorFocus, .formRight textarea.errorFocus { border-color: #ffaeae; background: #e2e2e2 !important;}ol.formLeft { float: left; width: 166px; display: inline; text-align: left;}.formLeft li { display: block; padding: 5px 0;}.formLeft label { font-size: 1.2em; color: #666;}.formLeft input { width: 158px; background: #e2e2e2 !important; padding: 4px; margin-top: 5px; color: #000; font-size: 1.2em;}ol.formRight { float: left; width: 538px; display: inline; text-align: left; margin-left: 20px;}ol.formRight li { display: block; padding: 5px 0;}.formRight label { font-size: 12px; color: #666;}.formRight textarea { background: #e2e2e2; width: 530px; margin-top: 5px; padding: 4px; color: #000; font-size: 12px;}ol.formRight li span { padding: 0 0 0 20px; font-size: 1.1em; display: inline;}#shady, #formSubmitIframe { display: none;}/* Float Clearing Styles------------------------------------------------------------------------ */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;}/* Hide from IE Mac \*/.clearfix {display:block;}/* End hide from IE Mac */.aboutPage .dualSection .dualLong h4#white { width: 684px; padding: 0 20px; line-height: 60px; background: #7faa2d; color: #fff; font-family: "Arial Narrow", sans-serif; text-transform: uppercase; font-size: 2.4em; letter-spacing: -.03em;}