/*///////////////// COMMON ELEMENTS ///////////////////////*/ html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {margin:0; padding:0; -webkit-text-size-adjust:none; /* This stops the iPhone from automatically changing the size of the text when you flip the phone */} img { border:0px; } img, div, input { behavior: url("../css/iepngfix.htc"); } .clear { clear:both; } form { margin:0; } body { margin:0; padding:0; text-align:center; min-width:984px; background: #000 ; font:normal 12px arial; } #wrapper {width: 100%; position:relative; margin:0 auto; text-align:left; background: url(../images/bg_site.jpg) #f2f2f1 repeat-x left top;} p {line-height:18px; color:#605b5b; padding:10px 50px 10px 50px; } a {color: #11b7eb; text-decoration: none;} a:hover {color: #000; text-decoration: underline;} a.downloads {color: #bf3600; text-decoration: none;} a.downloads:hover {color: #000; text-decoration: underline;} H1 {font-size: 14px; font-weight: bold; color: #000; padding: 20px 0 0 0; text-align:center;} H2 {font-size: 14px; font-weight: bold; color: #000; padding: 20px 0 0 0;} H3 {font-size: 14px; font-weight: bold; color: #000; padding: 0;} H4 {font-size: 12px; font-weight: normal; color: #7c7c7c; padding: 0 0 0 0;} H5 {font-size: 15px; font-weight: bold; color: #000; padding: 10px; background: #e1e1e1;-moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} H6 {font-size: 14px; font-weight: bold; font-style: italic; text-align:center; color: #393939; padding: 0 0 0 0;} hr {text-align: left; width: 100%; height: 1px; color: #e0e0e0; background-color: #e0e0e0; border: none; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px;} .hidden {display: none;} /*///////////////// 11 IMAGE LINKS ///////////////////////*/ a.twitter {background: url(../images/btnhp_twitter.png) center top no-repeat; display: block; height: 62px; text-indent:-9999px;} a.twitter:hover {padding:0; background: url(../images/btnhp_twitter.png) center -62px no-repeat; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} a.facebook {background: url(../images/btnhp_facebook.png) center top no-repeat; display: block; height: 62px; text-indent:-9999px;} a.facebook:hover {padding:0; background: url(../images/btnhp_facebook.png) center -62px no-repeat; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} a.linkedin {background: url(../images/btnhp_linkedin.png) center top no-repeat; display: block; height: 62px; text-indent:-9999px;} a.linkedin:hover {padding:0; background: url(../images/btnhp_linkedin.png) center -62px no-repeat; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} a.sample {background: url(../images/btn_book.png) center top no-repeat; display: block; height: 62px; text-indent:-9999px;} a.sample:hover {padding:0; background: url(../images/btn_book.png) center -62px no-repeat; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} a.resume {background: url(../images/btn_resume.png) center top no-repeat; display: block; height: 62px; text-indent:-9999px;} a.resume:hover {padding:0; background: url(../images/btn_resume.png) center -62px no-repeat; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} a.double9 {background: url(../images/btn_double9.png) center top no-repeat; display: block; height: 62px; text-indent:-9999px;} a.double9:hover {padding:0; background: url(../images/btn_double9.png) center -62px no-repeat; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} a.twitter2 {background: url(../images/btn_twitter.png) center top no-repeat; display: block; height: 62px; text-indent:-9999px;} a.twitter2:hover {padding:0; background: url(../images/btn_twitter.png) center -62px no-repeat; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} a.facebook2 {background: url(../images/btn_facebook.png) center top no-repeat; display: block; height: 62px; text-indent:-9999px;} a.facebook2:hover {padding:0; background: url(../images/btn_facebook.png) center -62px no-repeat; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} a.linkedin2 {background: url(../images/btn_linkedin.png) center top no-repeat; display: block; height: 62px; text-indent:-9999px;} a.linkedin2:hover {padding:0; background: url(../images/btn_linkedin.png) center -62px no-repeat; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} a.google {background: url(../images/btn_google.png) center top no-repeat; display: block; height: 62px; text-indent:-9999px;} a.google:hover {padding:0; background: url(../images/btn_google.png) center -62px no-repeat; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} a.foursquare {background: url(../images/btn_foursquare.png) center top no-repeat; display: block; height: 62px; text-indent:-9999px;} a.foursquare:hover {padding:0; background: url(../images/btn_foursquare.png) center -62px no-repeat; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} /*///////////////// SHARE BAR ///////////////////////*/ #wrap-bttns {position:fixed; bottom:0; height:34px; width:100%; padding:6px 0 0 0; background:url(../images/bg-bttn-bar.png) repeat-x 0 0 ; z-index:222; overflow:hidden; clear:both;} #bttn-bar {text-align:left; width:100%; min-width:984px; margin:0 auto; padding:0 0 0 0; height:34px; font-size:11px; position:relative; bottom:-4px; border-right: 1px #bcbcbc solid; border-left: 1px #bcbcbc solid;} #bttn-bar .more span {display: none;} #bttn-bar a.share-facebook {float:left;display: block; text-indent:-9999px; width: 150px; height: 30px; background: url(../images/bttn-bar-facebook.png) center top no-repeat; border-right: 1px #bcbcbc solid;} #bttn-bar a.share-facebook:hover {background: url(../images/bttn-bar-facebook.png) center -30px no-repeat;} #bttn-bar a.share-twitter {float:left; display: block; text-indent:-9999px; width: 101px; height: 30px; background: url(../images/bttn-bar-twitter.png) center top no-repeat; border-right: 1px #bcbcbc solid;} #bttn-bar a.share-twitter:hover {background: url(../images/bttn-bar-twitter.png) center -30px no-repeat;} #bttn-bar a.share-linkedin {float:left; display: block; text-indent:-9999px; width: 143px; height: 30px; background: url(../images/bttn-bar-linkedin.png) center top no-repeat; border-right: 1px #bcbcbc solid;} #bttn-bar a.share-linkedin:hover {background: url(../images/bttn-bar-linkedin.png) center -30px no-repeat;} #bttn-bar a.share-more {float:left; display: block; text-indent:-9999px; width: 95px; height: 30px; background: url(../images/bttn-bar-more.png) center top no-repeat; border-right: 1px #bcbcbc solid;} #bttn-bar a.share-more:hover {background: url(../images/bttn-bar-more.png) center -30px no-repeat;} #bttn-bar a.share-d9c {float:right; display: block; text-indent:-9999px; width: 169px; height: 30px; background: url(../images/bttn-bar-d9c.png) center top no-repeat; border-left: 1px #bcbcbc solid;} #bttn-bar a.share-d9c:hover {background: url(../images/bttn-bar-d9c.png) center -30px no-repeat;} /*///////////////// HEADER & MAIN NAV ///////////////////////*/ #headerbg {width:100%; position: relative; height:106px; background:url(../images/bg_header.jpg) no-repeat center top;} #header {width:964px; margin:0 auto; position: relative;} #logo {position: absolute; width:235px; margin: 18px 0 0 0; background: url(../images/logo_d9cmain.png) no-repeat; text-indent: -9999px;} #logo a {display: block; height:36px;} #tagline {position: absolute; width:275px; height:14px; margin: 24px 0 0 0; right:0; background: url(../images/logo_d9ctagline.png) no-repeat; text-indent: -9999px;} #icon {position: absolute; width:95px; margin: 4px 0 0 435px; background: url(../images/logo_d9cicon.png) no-repeat; text-indent: -9999px;} #icon a {display: block; height:95px;} #navwraphp {width:100%; position: relative;} #navwrap {width:100%; position: relative; border-bottom: 1px #e0e0e0 solid;} #navigation {width:895px; position: relative; margin: 6px auto 0 auto; padding-bottom: 8px; overflow:auto; clear:both;} #navigation ul {margin: 0 0 0 108px;} #navigation li {float: left; margin: 0 5px; width: 125px;} #navigation a {display: block; padding: 0 0 0 5px; font-size: 11px; color: #595959; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(../images/navbgoff.png); text-shadow: #efefef 0 1px 0;} #navigation a span {background: url(../images/navbgoff.png) no-repeat right -85px; display: block; padding: 9px 12px 9px 7px; text-align: center;} #navigation a:hover {color: #fff; font-weight: bold; text-decoration: none; background: url(../images/navbg.png) no-repeat; cursor: pointer;} #navigation a:hover span {text-decoration: none; font-weight: bold; background: url(../images/navbg.png) no-repeat right -85px;color: #fff; text-shadow: #000 0 -2px 0;} #navigation #honors .n1 .current1, #navigation #work .n2 .current1, #navigation #solutions .n3 .current1, #navigation #engage .n4 .current1, #navigation #contact .n5 .current1 {color: #464646; font-weight: bold; background: #d7d7d7; text-shadow: #fff 0 1px 0px; background: url(../images/navbg.png) no-repeat; cursor: pointer;} #navigation #honors .n1 .current2, #navigation #work .n2 .current2, #navigation #solutions .n3 .current2, #navigation #engage .n4 .current2, #navigation #contact .n5 .current2 {background: url(../images/navbg.png) no-repeat right -85px; padding: 9px 12px 9px 7px; color: #fff; text-shadow: #000 0 -2px 0;} /*///////////////// Slider Container ///////////////////////*/ #slider {position: relative; width: 895px; margin: 0 auto 0 auto;} #slider #bgpanel1 {height:417px; background: url(../images/panel1.jpg) no-repeat;} #slider #bgpanel2 {height:417px; background: url(../images/panel2.jpg) no-repeat;} #slider #bgpanel3 {height:417px; background: url(../images/panel3.jpg) no-repeat;} #slider #bgpanel4 {height:417px; background: url(../images/panel4.jpg) no-repeat;} .shadow {position: absolute; width: 895px; height: 10px; margin: 0px auto 0 auto; z-index: 15; background: url(../images/featuretop.png) no-repeat;} .curvebottom {position: absolute; width: 895px; height: 21px; margin: -7px auto 0 auto; z-index: 15; background: url(../images/featurebottom.png) no-repeat;} /*///////////////// Copy in Slider ///////////////////////*/ #panelcopy {position: absolute; right: 10px; bottom: 8px; font:bold 16px arial; color:#fff; margin: 0; text-transform: uppercase;} /*///////////////// Slider Previous Button ///////////////////////*/ .jFlowPrev {z-index: 25; display: block; position: absolute; left: 0px; top: 443px; cursor: pointer; color:#595959; padding:3px 10px 3px 10px; font-weight: bold; font-size:10px; text-transform: uppercase; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #8b8b8b;color: #fff;} .jFlowPrev .arrow {margin:0 8px 0 0; vertical-align:1px;} .jFlowPrev:hover {color:#fff; -moz-border-radius: 20px;border-radius: 20px;background: #000;} /*///////////////// Slider Next Button ///////////////////////*/ .jFlowNext {z-index: 25; display: block; position: absolute; right: 0px; top: 443px; cursor: pointer; color:#595959; padding:3px 10px 3px 10px; font-weight: bold; font-size:10px; text-transform: uppercase; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #8b8b8b;color: #fff;} .jFlowNext .arrow {margin:0 0 0 8px; vertical-align:1px;} .jFlowNext:hover {color:#fff; -moz-border-radius: 20px;border-radius: 20px;background: #000;} /*///////////////// Slider Circle Buttons ///////////////////////*/ #btncontroller {width: 150px; text-align: center; padding: 10px; left: 365px; top: 435px; position: absolute; z-index: 25;} .jFlowControl {cursor: pointer; padding: 0; margin: 0 12px 0 12px; background: url(../images/btn_circles.png) no-repeat; display: block; width: 12px; height: 12px; float: left;} .jFlowControl:hover{color:#de1f1f; font-weight: bold;} .jFlowSelected{font-weight: bold; background: url(../images/btn_circles.png) center -24px no-repeat;} /*///////////////// HOMEPAGE ///////////////////////*/ #contentwrap {width: 895px; position: relative; margin: 60px auto 0 auto; background: url(../images/bg_hpcontent.gif) no-repeat center center; overflow:auto; clear:both;} #contentwrap p {height: 125px; line-height:18px; color:#7b7b7b; padding:20px 0 20px 0; } #contentwrap #column1 {float:left; width:267px;} #contentwrap .hpaward {background: url(../images/hpaward.jpg) no-repeat; text-indent: -9999px;} #contentwrap .hpaward a {display: block; height:193px;} #contentwrap #column2 {float:left; margin: 0 0 0 50px; width:267px;} #contentwrap .hpabout {background: url(../images/hplogo.jpg) no-repeat; text-indent: -9999px;} #contentwrap .hpabout a {display: block; height:193px;} #contentwrap #column3 {float:right; width:267px;} #contentwrap .hpbox {background: url(../images/hpbox.jpg) no-repeat; text-indent: -9999px;} #contentwrap .hpbox a {display: block; height:193px;} div#hpbuttons {width: 150px; font-size: 11px; font-weight: bold; margin: 20px auto 40px auto;} #hpbuttons a {display: block; padding: 0 0 0 5px; font-size: 11px; color: #595959; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(../images/navbgoff.png); text-shadow: #efefef 0 1px 0;} #hpbuttons a span {background: url(../images/navbgoff.png) no-repeat right -85px; display: block; padding: 9px 12px 9px 7px; text-align: center;} #hpbuttons a:hover {color: #fff; font-weight: bold; text-decoration: none; background: url(../images/navbg.png) no-repeat; cursor: pointer;} #hpbuttons a:hover span {text-decoration: none; font-weight: bold; background: url(../images/navbg.png) no-repeat right -85px;color: #fff; text-shadow: #000 0 -2px 0;} /*///////////////// FOOTER ///////////////////////*/ #footerwrap {width: 100%; height:151px; background: url(../images/bgfooter.jpg) #000 no-repeat center top; margin-top: 30px;} #footer {width: 895px; position: relative; margin: 0 auto; font-size: 10px; color: #acacac; line-height: 16px; overflow:auto; clear:both;} #footer a {color: #acacac; text-decoration: none;} #footer a:hover {color: #fff; text-decoration: underline;} #copyright {position: relative; float:left; margin-top: 30px;} #contactinfo {position: relative; float:right; margin-top: 30px;} #disclaimer {position: relative; width: 81%; margin: 50px auto 0 auto; padding: 13px; font-size: 9px; color: #acacac; line-height: 14px; text-align:center;} #addthistool {position: relative; padding: 5px; text-align:center;} /*///////////////// SUBPAGES ///////////////////////*/ #contentwrapsubpage{position: relative; margin: 0 0 0 0; background: url(../images/bg_blank.jpg) no-repeat right top #fff; overflow:auto; clear:both;} #backtop {width: 150px; font-size: 11px; font-weight: bold; margin: 30px auto 0 auto; overflow:auto; clear:both;} #backtop a {display: block; padding: 0 0 0 5px; font-size: 11px; color: #595959; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(../images/navbgoff.png); text-shadow: #efefef 0 1px 0;} #backtop a span {background: url(../images/navbgoff.png) no-repeat right -85px; display: block; padding: 9px 12px 9px 7px; text-align: center;} #backtop a:hover {color: #fff; font-weight: bold; text-decoration: none; background: url(../images/navbg.png) no-repeat; cursor: pointer;} #backtop a:hover span {text-decoration: none; font-weight: bold; background: url(../images/navbg.png) no-repeat right -85px;color: #fff; text-shadow: #000 0 -2px 0;} #contentwrapwork {width: 895px; min-height:525px; position: relative; margin: 0 auto 0 auto; background: url(../images/bg_plain.jpg) no-repeat right top ; overflow:auto; clear:both;} #contentwrapwork #printlink a {width: 275px; height: 200px; position: absolute; margin: 150px 0 0 10px; text-indent:-9999px;} #contentwrapwork #weblink a {width: 275px; height: 200px; position: absolute; margin: 150px 0 0 300px; text-indent:-9999px;} #contentwrapwork #logolink a {width: 275px; height: 200px; position: absolute; margin: 150px 0 0 590px; text-indent:-9999px;} #workcontent {float: right; width:606px; margin-top: 10px;} #workcontent p {font-size: 17px; line-height:25px; color:#7b7b7b; padding:12px 0 0 0;} #workbtns {float: left; width: 188px; font-size: 11px; font-weight: bold; margin: 0 25px;} #workbtns a {display: block; padding: 0 0 0 5px; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(../images/navbg.png); text-shadow: #000 0 -2px 0;} #workbtns a span {background: url(../images/navbg.png) no-repeat right -85px; display: block; padding: 9px 12px 9px 7px; text-align: center;} #workbtns a:hover {color: #595959; font-weight: bold; text-decoration: none; background: url(../images/navbgoff.png) no-repeat; cursor: pointer;} #workbtns a:hover span {text-decoration: none; font-weight: bold; background: url(../images/navbgoff.png) no-repeat right -85px;color: #595959; text-shadow: #efefef 0 1px 0;} #btnswork {width: 895px; margin: 0 auto;} #contentwraphonors {width: 895px; position: relative; margin: 0 auto 0 auto; background: url(../images/bg_honors.jpg) no-repeat center top; overflow:auto; clear:both;} #honorscontent {float: right; width:606px; margin-top: 450px;} #honorscontent p {font-size: 17px; line-height:25px; color:#7b7b7b; padding: 0 0 25px 0;} #contentwrapinteractive {width: 895px; position: relative; margin: 0 auto 0 auto; background: url(../images/bg_interactive.jpg) no-repeat center top; overflow:auto; clear:both;} #interactivecontent {float: right; width:606px; margin-top: 50px;} #interactivecontent p {font-size: 17px; line-height:25px; color:#7b7b7b; padding: 0 0 25px 0;} #contentwraptraditional {width: 895px; position: relative; margin: 0 auto 0 auto; background: url(../images/bg_traditional.jpg) no-repeat center top; overflow:auto; clear:both;} #traditionalcontent {float: right; width:606px; margin-top: 50px;} #traditionalcontent p {font-size: 17px; line-height:25px; color:#7b7b7b; padding: 0 0 25px 0;} #contentwrapbranding {width: 895px; position: relative; margin: 0 auto 0 auto; background: url(../images/bg_branding.jpg) no-repeat center top; overflow:auto; clear:both;} #brandingcontent {float: right; width:606px; margin-top: 50px;} #brandingcontent p {font-size: 17px; line-height:25px; color:#7b7b7b; padding: 0 0 25px 0;} #contentwrapengage {width: 895px; position: relative; margin: 0 auto 0 auto; background: url(../images/bg_engage.jpg) no-repeat center top; overflow:auto; clear:both;} #contentwrapengage #twitterlink a {width: 300px; height: 110px; position: absolute; margin: 150px 0 0 140px; text-indent:-9999px;} #contentwrapengage #facebooklink a {width: 400px; height: 140px; position: absolute; margin: 0 0 0 390px; text-indent:-9999px;} #engagecontent {margin: 450px auto 0 auto;} #engagecontent p {width: 775px; font-size: 17px; line-height:25px; color:#7b7b7b; margin: 0 auto; padding: 0 0 25px 0;} #socialmediastream {position: relative; margin: 450px auto 0 auto; height: 510px;} .facebooklive {position: relative; float:right; border-bottom: 1px solid #94a3c4;} .twitterlive {position: relative; float:left;} #contentwrapsolutions {width: 895px; position: relative; margin: 0 auto 0 auto; background: url(../images/bg_solutions.jpg) no-repeat right top ; overflow:auto; clear:both;} #solutionscontent {margin: 450px auto 0 auto;} #solutionscontent p {width: 775px; font-size: 17px; line-height:25px; color:#7b7b7b; margin: 0 auto; padding: 0 0 25px 0;} #solutionscontent #services {margin: 0 0 0 0; font-size: 13px; color: #848484; line-height: 15pt; list-style-type: none;} #solutionscontent #services .col1, .col2, .col3 {float: left; width: 210px; margin: 20px 0 0 65px; text-align:center;} #contentwrapcontact {width: 895px; position: relative; margin: 0 auto 0 auto; background: url(../images/bg_contact.jpg) no-repeat right top ; overflow:auto; clear:both;} #contentwrapcontact #biolink a {width: 200px; height: 200px; position: absolute; margin:0 0 0 300px; text-indent:-9999px;} #contactcontent {margin: 298px auto 0 auto;} #contactcontent p {width: 775px; font-size: 17px; line-height:25px; color:#7b7b7b; margin: 0 auto; padding: 0 0 25px 0;} #contactcontent #quotes {width:453px; margin: 0 0 25px 0;} #contactcontent #contactform {position: relative; width:775px; margin: 25px auto 0 auto; border-top: 1px #e0e0e0 solid;} #contactcontent #contactform p.note { font-size: 11px; line-height:25px; color:#7b7b7b; padding:0 0 0 0; margin: 0 0 0 0;} #contentwrapthankyou {width: 895px; position: relative; margin: 0 auto 0 auto; background: url(../images/bg_thankyou.jpg) no-repeat right top ; overflow:auto; clear:both;} #thankyoucontent {margin: 450px auto 0 auto;} #thankyoucontent p {width: 775px; font-size: 17px; line-height:25px; color:#7b7b7b; margin: 0 auto; padding: 0 0 25px 0;} #thankyoucontent .note { font-size: 11px; line-height:25px; color:#7b7b7b; padding:0 0 0 0; margin: 0 0 0 0;} #contentwrapbio {width: 695px; position: relative; margin: 0 auto 0 auto; overflow:auto; clear:both;} #biocontent {float: right; width:425px; margin-top: 50px;} #biocontent p {font-size: 14px; line-height:20px; color:#7b7b7b; padding: 15px 0 15px 0;} #biocontent H1 {font-size: 24px; font-weight: bold; color: #000; padding: 0; text-align:left;} #biocontent H2 {font-size: 14px; font-weight: normal; color: #4e4e4e; padding: 0 0 20px 0; border-bottom: 1px #e0e0e0 solid;} #contentwrapclients {width: 895px; position: relative; margin: 0 auto 0 auto; overflow:auto; clear:both;} #clientscontent {margin-top: 0;} #clientscontent p {font-size: 14px; line-height:20px; color:#7b7b7b; padding: 15px 0 15px 0; border-bottom: 1px #e0e0e0 solid;} #clientscontent H1 {font-size: 24px; font-weight: bold; color: #000; padding: 0; text-align:left;} #clientscontent H2 {font-size: 14px; font-weight: normal; color: #4e4e4e; padding: 0 0 20px 0; border-bottom: 1px #e0e0e0 solid;} #clientscontent H3 {font-size: 12px; font-weight: bold; color: #4e4e4e; margin: 20px 0 0 0;} #clientscontent #projectheader {position: relative; margin: 10px 0 2px 0; background:#2f2f2f; color: #fff; font-weight: bold;overflow:auto; clear:both; border-right: 2px #f2f2f1 solid;} #clientscontent #projectheader div, #clientscontent #projectline div {padding:5px 15px; border-left: 2px #f2f2f1 solid;} #clientscontent #projectline {position: relative; margin: 0 0 2px 0; background:#e5e5e5; color: #4e4e4e; font-weight: bold; overflow:auto; clear:both; border-right: 2px #f2f2f1 solid;} #clientscontent #projectline:hover {background:#d6d6d6;} #clientscontent #number {width: 1%; float:left;} #clientscontent #project {width: 60%; float:left;} #clientscontent #project a {color: #1bb2bd; text-decoration: underline;} #clientscontent #project a:hover {color: #000; text-decoration: underline;} #clientscontent #date {width: 5%; float:left;} #clientscontent #status {float:left;} /*///////////////// LEFT SUB NAVIGATION ///////////////////////*/ #subnavleft {position: relative; float: left; width:215px; margin-top: 50px;} #subnavleftwork {position: relative; float: left; width:215px; margin-top: 50px;} #subnavlefthonors {position: relative; float: left; width:215px; margin-top: 450px;} #subnavleftinteractive {position: relative; float: left; width:215px; margin-top: 50px;} #subnavlefttraditional {position: relative; float: left; width:215px; margin-top: 50px;} #subnavleftbranding {position: relative; float: left; width:215px; margin-top: 50px;} #subnavleftengage {position: relative; float: left; width:215px; margin-top: 450px;} #subnavleftsolutions {position: relative; float: left; width:215px; margin-top: 450px;} #subnavleftcontact {position: relative; float: left; width:215px; margin-top: 450px;} #subnavleftbio {position: relative; float: left; width:215px; margin-top: 50px;} #subnavleftbio #biopic {position: relative; margin-bottom: 15px; height:215px; background: url(../images/biopic.png) no-repeat; text-indent:-9999px;} #subnav li {padding: 7px 0 6px 0; border-bottom: 1px #e0e0e0 solid;} #subnav li.first {padding:0 0 6px 0; text-align:left;} #subnav li.last {margin:0 0 45px 0; text-align:left;} #subnav li span.smtext {font-weight: normal; font-size: 11px; color: #7c7c7c;} #subnavshare li {padding:0 0 6px 0; text-align:left;} #subnavshare li.first {padding:0 0 6px 0; text-align:left;} #subnavshare li.last {margin:0 0 45px 0; text-align:left;} #subnav a {font-weight: bold; display: block; font-size: 15px; color: #7c7c7c; text-decoration: none; padding: 17px;} #subnav a:hover {color: #000; text-decoration: none; background: url(../images/bg_subnav_blk.png) no-repeat; text-shadow: #efefef 0 1px 0;} .subinteractive #subnav .sn1, .subtraditional #subnav .sn2, .subbranding #subnav .sn3, .subphotography #subnav .sn4, .subhonors #subnav .sn5 {color: #000; text-decoration: none; background: url(../images/bg_subnav_blk.png) left -72px no-repeat;} /* #subinteractive #subnav .oninteractive, #subtraditional #subnav .ontraditional, #subbranding #subnav .onbranding, #subphotography #subnav .onphotography, #subhonors #subnav .onhonors {color: #000; text-decoration: none; background: url(../images/bg_arrow.png) #f0f0f0 no-repeat 185px center;} */ .subinteractive #subnav .sn1 span.smtext, .subtraditional #subnav .sn2 span.smtext, .subbranding #subnav .sn3 span.smtext, .subphotography #subnav .sn4 span.smtext, .subhonors #subnav .sn5 span.smtext {color: #343434;} /*///////////////// THUMBNAIL SPACING ///////////////////////*/ #thumbarea {position: relative; width:606px; margin: 20px 0 10px 0; overflow:auto; clear:both;} #thumbarea div, #thumbarea li {height:148px; background: url(../images/thumbs/thumb_shadow.jpg) no-repeat -2px 122px; } #thumbarea a {display: block; width: 188px; } #thumbarea a:hover {} #thumbareatitle {position: relative; width:606px; margin: 40px 0 10px 0; border-bottom: 1px #e0e0e0 solid; overflow:auto; clear:both;} #thumbareatitle #title1 {float: left;} #thumbareatitle #title2 {float: right; margin-top: 2px;} #thumbcol1 {width:188px; float: left; margin: 0;} #thumbcol2 {width:188px; float: left; margin: 0 0 0 20px;} #thumbcol3 {width:188px; float: left; margin: 0 0 0 20px;} /*///////////////// CONTACT FORM ///////////////////////*/ #contact_form {margin:20px 0 0 0; padding: 0;} #contact_form .line { margin:0px 0px 20px 0px; overflow:auto; clear:both; } #contact_form .label_primary, #contact_form .label_primary_mandatory { float:left; text-align: right; vertical-align:middle; padding:4px 0; margin-right:5px; } #contact_form .label_secondary, #contact_form .label_secondary_mandatory { float:left; text-align: right; vertical-align:middle; padding:4px 0; margin: 0px 5px 0px 15px; } #contact_form .label_primary_mandatory, #contact_form .label_secondary_mandatory { color:#7c7c7c; font-weight:bold; } #contact_form .input { float:left; padding:0 10px 0 10px;} #contact_form .input_text { width:213px; font-family:Arial; font-size:12px; color:#7c7c7c; border:1px solid #dfdfdf; padding:5px; } #contact_form .input_textzip { width:60px; font-family:Arial; font-size:12px; color:#7c7c7c; border:1px solid #dfdfdf; padding:5px; } #contact_form .input_mandatory { width:213px; font-family:Arial; font-size:12px; font-weight:bold; color:#000; border:1px solid #dfdfdf; padding:5px; background-color:#fdfde1;} #contact_form .input_comments { width:738px; font-family:Arial; font-size:12px; color:#7c7c7c; border:1px solid #dfdfdf; padding:5px;} #contact_form .input_select { font-family:Arial; font-size:12px; color:#000; margin: 4px 0 0 0;} #contact_form button { margin: 0 10px; } #contact_form input:focus, #contact_form textarea:focus{ border: 1px solid #000;} #contact_form .buttons {width:324px; margin:0 auto; } #contact_form #field_send, #contact_form #field_reset {font-size: 11px; color: #595959; font-weight: bold; text-decoration: none; text-transform: uppercase; text-shadow: #efefef 0 1px 0; background:transparent url(../images/formbutton.png) no-repeat; border:0 none; cursor:pointer; height:31px; width:150px; margin:0 5px; padding:0;} #contact_form #field_send:hover, #contact_form #field_reset:hover {color: #fff; text-shadow: #000 0 -2px 0; background:transparent url(../images/formbutton.png) no-repeat 0 -31px;} ul.menu { margin-left: 0px; margin-top: 40px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #e0e0e0 solid; text-align: center; } ul.menu li { list-style-type: none; display: inline-block; font-weight: bold; padding: 2px 25px; } ul.menu li a { color: #838383; text-decoration: underlined; } .selected { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #1c1c1a; color: #fff; } .selected a, .selected a:visited { color: #fff; text-decoration: none; } ul.item li { list-style-type: none; display: block; float: left; margin: 0 7px 20px 7px; overflow:auto; }