@import url('portfolio.css'); body {background:#222; color:#535353; font-family:Arial, Helvetica, sans-serif; font-size:75%;} #skip-to {display:none;} /* Wrappers for layered background */ #wrapper {background:url(../images/bg/grey-speckle.png) center top repeat; border-top:6px solid #222; min-width:994px;} #container-wrapper {background:url(../images/bg/lines.gif) center -635px repeat;} #footer-wrapper {} #container {font-size:1.10em; margin:0 auto; padding:0 0 40px 0; overflow:hidden; position:relative; width:994px;} /* Header */ #header {height:137px;} /* VERB Logo */ #site-id {left:16px; position:absolute; top:66px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "http://www.verbinteractive.com/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) );} /* Main Navigation */ #main-nav {height:137px; left:343px; overflow:hidden; position:absolute; top:0; width:648px;} #main-nav ul {margin:31px 0 0;} #main-nav li {height:25px; list-style:none; width:203px; z-index:2;} #main-nav li a {display:block; height:0!important; overflow:hidden; padding:25px 0 0 0;} #main-nav li a:hover, #main-nav li a#current {background-position:0 -25px;} #main-nav li a#blogcurrent {background-position:0 -48px;} li#about-verb a {background:url(../images/nav/about-verb.png) left top no-repeat;} li#what-we-do a {background:url(../images/nav/what-we-do.png) left top no-repeat;} li#portfolio a {background:url(../images/nav/portfolio.png) left top no-repeat;} li#contact-verb a {background:url(../images/nav/contact-verb.png) left top no-repeat;} #main-nav li#read-our-blog {height:48px; left:527px; position:absolute; top:14px; width:107px; z-index:3;} li#read-our-blog a {background:url(../images/nav/read-our-blog.png) left top no-repeat; padding:54px 0 0 0;} li#read-our-blog a:hover {background-position:0 -54px;} /* Content */ #content, .column-wrapper, .column-wrapper-no-bg {overflow:hidden; width:994px;} .column-wrapper {background:#fcfcfc; margin:60px 0 30px;} .column {display:inline; float:left; overflow:hidden;} .newsletter-thank-you {height:300px;} .copy-home, .copy {background:#fcfcfc; width:330px;} .copy-home {margin:60px 0 20px;} .image-col {background:#fcfcfc; width:300px; padding-bottom:63px;} .image-col img {margin-bottom:8px;} .careers-col {background:#fcfcfc; width:360px;} #content .careers-col a {text-decoration:underline;} #content .careers-col a:hover {text-decoration:none;} .contact-page {margin:60px 0 30px;} .portfolio-piece-page {margin:24px 0 30px;} #homepage-flash-panel {width:664px;} #homepage-flash-panel div {margin:130px 0 0 12px;} /* Portfolio */ #portfolio-showcase, #portfolio-piece {width:664px; overflow:hidden;} #portfolio-showcase {margin:0;} #portfolio-piece div {width:664px; height:533px; background:url(../images/bg/portfolio-piece.png) left top no-repeat;} #portfolio-piece div img {margin:27px 0 0 27px;} #portfolio-piece-wrapper {display:inline; float:left; margin:37px 0 0 0; overflow:hidden; width:330px;} #back-to-projects {margin:0 0 23px 0;} /* Contact */ #contact-form {margin:32px 0 0 0; width:640px;} #contact-form form {} #contact-form label, #contact-form input, #contact-form textarea {display:block;} #contact-form input, #contact-form textarea {background:#dfdfdf; border:none; float:left;} #contact-form form img {float:left; margin:1px 0 0 4px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "http://www.verbinteractive.com/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) );} #contact-form .clear {clear:both;} #contact-form input {margin:0 0 10px 0;} #contact-form input#subject {width:579px;} #contact-form .grouped {float:left; width:193px; margin-right:25px;} #contact-form .last {width:163px; margin-right:0;} #contact-form label {font-weight:bold; margin:0 0 2px 0; clear:both;} #contact-form label span {color:#af291e; display:inline;} #contact-form input#submit-this {margin:13px 0 0 13px; float:none; clear:both;} #input-wrapper {background:#fcfcfc; padding:13px;} /* Formatting */ .h1, .h2, .h3 {display:block; text-indent:-99999em;} .h1 {margin:20px 0 0/*21px*/ 15px;} .copy-home .h1 {margin:20px 0 0;} .h2 {margin:20px 0 21px 15px;} .copy-home .h2 {margin:20px 0 0px 15px;} #internet-marketing {position:absolute; left:342px; top:155px; background:url(../images/txt/internet-marketing.gif) left top no-repeat; height:69px; width:479px;} #promise-engage-deliver {background:url(../images/txt/promise-engage-deliver.gif) left top no-repeat; height:26px;} #envision-develop-perform {background:url(../images/txt/envision-develop-perform.gif) left top no-repeat; height:50px;} #listen-strategize-execute {background:url(../images/txt/listen-strategize-execute.gif) left top no-repeat; height:50px;} #explore-discover-discuss {background:url(../images/txt/explore-discover-discuss.gif) left top no-repeat; height:50px;} #contact-us {background:url(../images/txt/contact.gif) left top no-repeat; height:50px;} #file-not-found {background:url(../images/txt/404-file-not-found.gif) left top no-repeat; height:50px;} #careers-at-verb {background:url(../images/txt/careers.gif) left top no-repeat; height:50px;} #thank-you-for-subscribing {background:url(../images/txt/thank-you-for-subscribing.gif) left top no-repeat; height:50px;} #front-end {background:url(../images/txt/front-end-web-developer.gif) left -13px no-repeat; height:50px;} #creative-designer {background:url(../images/txt/junior-intermediate-creative-designer.gif) left -13px no-repeat; height:50px;} #marketing-analyst {background:url(../images/txt/search-engine-marketing-analyst.gif) left -13px no-repeat; height:50px;} #copywriters {background:url(../images/txt/web-copywriters.gif) left -13px no-repeat; height:50px;} .column h2, .column h3 {font-weight:bold; padding:0 16px 20px;} .column h2 {font-weight:bold; padding:0 16px 20px;} .column h3 {color:#827275; font:italic bold 0.9em/1.6 Georgia, "Times New Roman"; padding:0 16px 0;} .column p {padding:0 16px 20px;} .fresh {color:#0085aa; font:italic bold 0.9em/1.6 Georgia, "Times New Roman";} .column ul {padding:0 16px 20px;} #content ul {} #content ul li {background:url(../images/icon/plus.png) 0 7px no-repeat; padding:0 0 0 15px;} .column a, .column a:visited {color:#0085aa; text-decoration:none;} .column a:hover {text-decoration:underline;} span {display:block;} .pic {padding:0 0 10px 16px;} #ns-ca {background:url(../images/_dev/nova-scotia.gif) left top no-repeat; margin:0 0 0 16px;} #ns-ca p {font-weight:bold; line-height:1.2; margin:0; padding:16px 0 50px 140px; width:160px;} /* Portfolio */ #portfolio-showcase a {width: 200px; height: 109px; background: none; margin: 0; padding: 0; display: block; text-indent: -9999px; overflow: hidden;} #portfolio-showcase a:hover {background: url(../images/portfolio/tiles/tile-border.png) left top no-repeat;} #portfolio-showcase ul {margin: 0; padding: 0;} #portfolio-showcase ul li {width: 200px; height: 109px; float: left; display: inline; margin: 0 16px 16px 0; padding: 0;} #portfolio-showcase ul li.fallflavours {background: url(../images/portfolio/tiles/fallflavours.jpg) left top no-repeat;} #portfolio-showcase ul li.fallflavours {background: url(../images/portfolio/tiles/fallflavours.jpg) left top no-repeat;} #portfolio-showcase ul li.nstattoo {background: url(../images/portfolio/tiles/nstattoo.jpg) left top no-repeat;} #portfolio-showcase ul li.nassau {background: url(../images/portfolio/tiles/nassau.jpg) left top no-repeat;} #portfolio-showcase ul li.hattiesburg {background: url(../images/portfolio/tiles/hattiesburg.jpg) left top no-repeat;} #portfolio-showcase ul li.ambassatours {background: url(../images/portfolio/tiles/ambassatours.jpg) left top no-repeat;} #portfolio-showcase ul li.pctc {background: url(../images/portfolio/tiles/pctc.jpg) left top no-repeat;} #portfolio-showcase ul li.hhi {background: url(../images/portfolio/tiles/hhi.jpg) left top no-repeat;} #portfolio-showcase ul li.prfusa {background: url(../images/portfolio/tiles/prfusa.jpg) left top no-repeat;} #portfolio-showcase ul li.kiawah {background: url(../images/portfolio/tiles/kiawah.jpg) left top no-repeat;} #portfolio-showcase ul li.yas {background: url(../images/portfolio/tiles/yas.jpg) left top no-repeat;} #portfolio-showcase ul li.albertatbay {background: url(../images/portfolio/tiles/albertatbay.jpg) left top no-repeat;} #portfolio-showcase ul li.nflferries {background: url(../images/portfolio/tiles/nflferries.jpg) left top no-repeat;} #portfolio-showcase ul li.grandbahama {background: url(../images/portfolio/tiles/grandbahama.jpg) left top no-repeat;} #portfolio-showcase ul li.comfortsuites {background: url(../images/portfolio/tiles/comfortsuites.jpg) left top no-repeat;} #portfolio-showcase ul li.whitepoint {background: url(../images/portfolio/tiles/whitepoint.jpg) left top no-repeat;} #portfolio-showcase ul li.micatosafaris {background: url(../images/portfolio/tiles/micatosafaris.jpg) left top no-repeat;} #portfolio-showcase ul li.rcr {background: url(../images/portfolio/tiles/rcr.jpg) left top no-repeat;} #portfolio-showcase ul li.walksea {background: url(../images/portfolio/tiles/walksea.jpg) left top no-repeat;} #portfolio-showcase ul li.cutsteakhouse {background: url(../images/portfolio/tiles/cutsteakhouse.jpg) left top no-repeat;} #portfolio-showcase ul li.onyx {background: url(../images/portfolio/tiles/onyx.jpg) left top no-repeat;} #portfolio-showcase ul li.amos {background: url(../images/portfolio/tiles/amos.jpg) left top no-repeat;} #portfolio-showcase ul li.vallejo {background: url(../images/portfolio/tiles/vallejo.jpg) left top no-repeat;} #portfolio-showcase ul li.dell {background: url(../images/portfolio/tiles/dell.jpg) left top no-repeat;} #portfolio-showcase ul li.rodd {background: url(../images/portfolio/tiles/rodd.jpg) left top no-repeat;} #portfolio-showcase ul li.pgh {background: url(../images/portfolio/tiles/pgh.jpg) left top no-repeat;} #portfolio-showcase ul li.biscayne {background: url(../images/portfolio/tiles/biscayne.jpg) left top no-repeat;} #portfolio-showcase ul li.cambridge {background: url(../images/portfolio/tiles/cambridge.jpg) left top no-repeat;} #portfolio-showcase ul li.southwestns {background: url(../images/portfolio/tiles/southwestns.jpg) left top no-repeat;} #portfolio-showcase ul li.economuseum {background: url(../images/portfolio/tiles/economuseum.jpg) left top no-repeat;} #portfolio-showcase ul li.fundyfun {background: url(../images/portfolio/tiles/fundyfun.jpg) left top no-repeat;} #portfolio-showcase ul li.grandfathermountain {background: url(../images/portfolio/tiles/grandfathermountain.jpg) left top no-repeat;} #portfolio-showcase ul li.halliburton {background: url(../images/portfolio/tiles/halliburton.jpg) left top no-repeat;} #portfolio-showcase ul li.lordnelson {background: url(../images/portfolio/tiles/lordnelson.jpg) left top no-repeat;} #portfolio-showcase ul li.peishellfish {background: url(../images/portfolio/tiles/peishellfish.jpg) left top no-repeat;} #portfolio-showcase ul li.seaside {background: url(../images/portfolio/tiles/seaside.jpg) left top no-repeat;} #portfolio-showcase ul li.myer {background: url(../images/portfolio/tiles/myer.jpg) left top no-repeat;} #portfolio-slider {width: 664px; height: 533px; margin: 24px 0 30px; background:url(../images/bg/portfolio-piece.png) left top no-repeat;} #slider {width: 609px; height:479px; margin: 27px 0 0 27px; padding: 0; overflow: hidden; position: relative;} #slider div.slides-holder {margin:0; padding: 0; overflow: hidden; position: absolute; top: 0; left: 0;} #slider div.slides-holder div.slide {width: 609px; height: 479px; margin:0; padding: 0; overflow: hidden; float: left; display: inline;} #slider div.btn-left img, #slider div.btn-right img {behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "http://www.verbinteractive.com/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) );} #slider div.btn-left {position: absolute; top: 140px; left: 0;} #slider div.btn-left img {border: none;} #slider div.btn-left a {display: block;} #slider div.btn-right {position: absolute; top: 140px; right: 0;} #slider div.btn-right img {border: none;} #slider div.btn-right a {display: block;} /* Footer */ #footer {color:#797979; margin:0 auto; overflow:hidden; padding:40px 0 55px; position:relative; width:994px;} #footer a, #footer a:hover, #footer a:visited {color:#797979;} #footer a {text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer div {display:inline; float:left;} #footer div h6 {display:block; margin-bottom:5px; text-indent:-99999em;} #contact-info {padding:0 0 0 16px; width:428px;} #contact-info h6 {background:url(../images/txt/contact-info.gif) left top no-repeat;} #contact-info p {float:left; width:214px;} #contact-info p span {display:block;} #social {border-left:1px solid #383838; border-right:1px solid #383838; height:96px; width:160px;} #social h6 {background:url(../images/txt/connect.gif) left top no-repeat; margin:0 0 0 50px;} #social ul {margin:0 0 0 50px;} #get-the-verb {width:384px;} #get-the-verb h6 {background:url(../images/txt/get-the-verb.gif) left top no-repeat; margin:0 0 0 50px;} #get-the-verb form {margin:0 0 0 50px;} #get-the-verb form label {} #get-the-verb form input {color:#797979; display:block; margin:10px 0 0 0;} #get-the-verb form input#email {width:200px;} #get-the-verb form input#submit {} #copyright {clear:both; margin:0 16px; padding:28px 0 0;}