a:link {color:#0D4E9B; text-decoration:underline;}
a:visited {color:#0D4E9B; text-decoration:underline;}
a:hover {color:#890D0D; text-decoration:none;}

body {background:url(images/header/mast-bg-special.jpg) no-repeat top center; font-family:Verdana, Arial, sans serif; margin:0; font-size:62.5%;}

ul {list-style-type:square;}

hr {border:none 0; border-top:2px solid #CCCCCC; width:100%; height:2px;}

img {border:0;}
img.right {float:right; margin-left:10px; margin-bottom:5px;}
img.rightextra {float:right; margin:20px 0 15px 10px;}
img.left {float:left; padding:0 5px 5px 0;}

.clear {clear:both;}
.clearsm {clear:both; font-size:1px; height:1px;}

.nomargin {margin:0;}


/* ----- TYPOGRAPHY ----- */

h1, h2, .header {font-family:'Trebuchet MS', Verdana, Arial, sans-serif; font-weight:normal; line-height:normal;}

h1, .header {font-size:2.2em; color:#007be8; margin:0;}
h2 {margin:30px 0 0 0; font-size:1.6em; color:#9f6b1c;}
h3, .subheader {font-size:1.2em; font-weight:bold; color:#666; margin:25px 0 0 0;}

h2 a:link {color:#9f6b1c; text-decoration:none;}
h2 a:visited {color:#9f6b1c; text-decoration:none;}
h2 a:hover {color:#9f6b1c; text-decoration:none;}

.maincontentcol-wide h2 {font-size:4em; padding-bottom:10px; border-bottom:1px solid #ccc; color:#007be8; margin:0 0 30px 0;}
.maincontentcol-wide h3 {font-size:2em; margin:0 0 15px 0; font-weight:normal; padding-bottom:15px; border-bottom:1px solid #eee;}
.maincontentcol-wide h3 a {text-decoration:none;}

.maincontentcol-half h2 {font-size:3em; color:#007be8; margin:0;}
.maincontentcol-half h3 {font-size:2em; margin:40px 0 15px 0; font-weight:normal; padding:15px 0; border-bottom:1px solid #eee; border-top:3px solid #ccc; line-height:normal;}
.maincontentcol-half h3 a {text-decoration:none;}

#homecontent h3 {font-family:Georgia, "Times New Roman", Times, serif; color:#007be8; font-size:2.6em; font-weight:normal; padding:20px 0 0 30px; margin:0;}
#homecontent h2 {font-size:2em; padding:15px 0 0 0; font-weight:normal; margin:0;}
#homecontent h2 a {text-decoration:none;}

.intro-text {font-size:1.6em; color:#9e9e9d; line-height:normal; margin-bottom:0;}


/* ----- HOME BODY AND MAST ----- */

#mast {width:100%; height:134px; text-align:center;}

#mastcontainer {width:905px; margin:0 auto; height:130px; position:relative;}

.homelink {width:290px; height:100px; outline:none; display:block; position:absolute; left:0;}
a:link.homelink {text-decoration:none;}
a:visited.homelink {text-decoration:none;}
a:hover.homelink {text-decoration:none;}

#topnav {position:absolute; right:52px; top:86px; width:480px; height:39px; list-style:none; margin:0; padding:0;}
#topnav li {position:absolute;}
#topnav li a {text-indent:-9000px; display:block; height:39px; outline:none;}

#nav_home {left:0; background:url(images/top-nav/home-off.gif) no-repeat; width:86px;}
#nav_home a {background:url(images/top-nav/home-off.gif) no-repeat; width:86px;}
#nav_home a:hover {background:url(images/top-nav/home-over.gif) no-repeat; width:86px;}
#nav_home a.on {background:url(images/top-nav/home-on.gif) no-repeat; width:86px;}

#nav_services {left:86px; background:url(images/top-nav/services-off.gif) no-repeat; width:95px;}
#nav_services a {width:95px;}
#nav_services a:hover {background:url(images/top-nav/services-over.gif) no-repeat;}
#nav_services a.on {background:url(images/top-nav/services-on.gif) no-repeat;}

#nav_work {left:181px; background:url(images/top-nav/work-off.gif) no-repeat; width:103px;}
#nav_work a {width:103px;}
#nav_work a:hover {background:url(images/top-nav/work-over.gif) no-repeat;}
#nav_work a.on {background:url(images/top-nav/work-on.gif) no-repeat;}

#nav_blog {left:284px; background:url(images/top-nav/blog-off.gif) no-repeat; width:66px;}
#nav_blog a {width:66px;}
#nav_blog a:hover {background:url(images/top-nav/blog-over.gif) no-repeat;}
#nav_blog a.on {background:url(images/top-nav/blog-on.gif) no-repeat;}

#nav_about {left:350px; background:url(images/top-nav/whoweare-off.gif) no-repeat; width:130px;}
#nav_about a {width:130px;}
#nav_about a:hover {background:url(images/top-nav/whoweare-over.gif) no-repeat;}
#nav_about a.on {background:url(images/top-nav/whoweare-on.gif) no-repeat;}

#homecontainer {text-align:center;}

#homecontent {width:906px; margin:0px auto; text-align:left;}

.contact_info {position:absolute; right:17px; font-size:1.2em; color:#99CCFF; margin:0; top:10px;}
.contact_info a {color:#fff; border-bottom:1px dotted #99CCFF; text-decoration:none;}
.contact_info a:hover {color:#99CCFF; border-bottom:1px dotted #fff; text-decoration:none;}


/* ----- HOME CONTENT ----- */

.featurebox {background:url('images/home/feature-box-bg.png') no-repeat; height:217px; margin:-2px 0 0 0; padding:8px 0 0 8px;}

#homecontent .contentarea {padding:15px 10px; color:#535353; font-size:1.2em; line-height:1.6em;}

.collg {float:left; width:65%;}
.colsm {float:left; width:35%; text-align:right;}

.colcontainer {margin:20px 30px;}
.colcontainer p {margin:10px 0;}
.subcollg {float:left; width:78%;}
.subcollg p {margin:5px 0 0 0; font-size:.95em; line-height:1.4em;}
.subcolsm {float:left; width:22%;}

.homenews {background:url('images/home/news-bg.gif') no-repeat; width:274px; height:250px; margin-left:15px; padding:18px 0 0 25px; text-align:left;}
.homenews img {margin:0 0 8px 130px;}

.sticky {margin-right:18px;}

.effective {margin:15px 0 0 0;}

.keepreading {margin-top:10px;}

.slider-wrap {width: 889px; position: absolute;}
.slider-wrap h2 {padding-top:0;}
.stripViewer .panelContainer .panel ul {text-align: left; margin: 0 15px 0 30px;}
.stripViewer {position: relative; overflow: hidden; width: 889px; height: 12 0px;}
.stripViewer .panelContainer {position: relative; left: 0; top: 0;}
.stripViewer .panelContainer .panel {float: left; height: 100%; position: relative; width: 889px;}
.stripNavL, .stripNavR, .stripNav {display: none;}
.imghide {display:none;}


/* ----- SUBPAGE CONTENT STRUCTURE ----- */

#pagecontainer {padding:20px 0 0 20px; text-align:center; font-size:1.2em; margin-top:-20px;}

#pagebg {background:url('images/subpage/top-corners.gif') top no-repeat; margin:0px auto; text-align:center; width:906px; padding-top:20px;}
#pagecontent {width:878px; margin:0px auto; text-align:left; background:#fff; padding:10px 0 50px 20px;}

.maincontentcol {float:left; width:405px; padding:10px 45px 0 25px; line-height:1.8em; color:#333;}
.leftnavcol {float:left; width:190px;}
.buttonscol {width:190px; background:url('images/leftnav/nav-footer.gif') no-repeat top left; padding-top:60px;}

.additionalcol {float:left; width:213px; background:url('images/client-examples/creative-side.gif') no-repeat; height:628px;}
.additionalcol-strategy {float:left; width:173px; background:url('images/subpage/strategic-side.gif') no-repeat; height:628px; padding:80px 10px 0 30px;}
.additionalcol-blog {float:left; width:173px; background:url('images/about/blog-side.gif') no-repeat; height:628px; padding:40px 10px 0 30px;}
.additionalcol-contact {float:left; width:163px; background:url('images/contact/reach-us.gif') no-repeat top right; height:400px; padding:85px 0 0 50px; color:#6b4100; margin-top:40px; font-size:.95em; line-height:1.6em;}

.shadowdiv {background:url('images/subpage/shadow-div.gif') repeat-y right;}

.lgcontentcol {float:left; width:620px; line-height:1.8em; color:#333; padding-left:25px;}
.discusscol {float:left; width:615px; line-height:1.8em; color:#333; padding:0 25px;}

.halfcol {float:left; width:50%;}

.maincontentcol-wide {width:810px; padding:10px 20px; line-height:1.8em; color:#333;}

.maincontentcol-half {float:left; width:610px; padding:10px 20px 10px 30px; line-height:1.8em; color:#333;}

.service-col {width:210px; float:left;}
.service-col-border {border-right:1px solid #ccc; padding-right:40px;}
.service-col-padding {padding-left:40px;}

.subcontent-block {float:left; width:285px;}
.subcontent-block-split {margin-left:40px;}


/* ----- SUBPAGE LEFT NAVIGATION ----- */

.leftnavcol ul#mainnav {background:url('images/leftnav/nav-bg.gif') no-repeat; margin:0; padding:8px 0 15px 12px; width:160px;}
.leftnavcol ul li {background:transparent url('images/leftnav/first-bullet.gif') no-repeat; list-style:none; font-weight:bold; margin:5px 0 7px 0; padding:8px 0 0 9px; border-top:1px solid #ffcb59; background-position:0 13px;}
.leftnavcol ul li.first {border:none; margin-top:0;}
.leftnavcol ul ul {padding:0 0 5px 5px; margin:0; background:none;}
.leftnavcol ul ul li {background:transparent url('images/leftnav/list-arrow.gif') no-repeat; list-style:none; padding:0 0 0 8px; background-position:0 6px; margin-bottom:8px; font-weight:normal; font-size:.95em; border:none;}

.leftnavcol ul li a:link {text-decoration:none;}
.leftnavcol ul li a:visited {text-decoration:none;}
.leftnavcol ul li a:hover {text-decoration:none;}

.leftnavcol ul ul li a:link {color:#966600; text-decoration:none;}
.leftnavcol ul ul li a:visited {color:#966600; text-decoration:none;}
.leftnavcol ul ul li a:hover {color:#ef9c0c; text-decoration:none;}

#mainnav li.on {background:url('images/leftnav/nav-on-arrow.gif') right center no-repeat; padding:0 10px 0 5px; margin-right:5px; font-weight:bold;}
#mainnav li.on-main {background:url('images/leftnav/nav-on-arrow.gif') 140px 13px no-repeat; font-weight:bold; padding-right:5px;}
#mainnav li.on a {color:#666; text-decoration:none;}

.discuss {margin-bottom:20px;}
.videos {clear:both; padding-top:20px; display:block;}



/* ----- SUBPAGE CONTENT ----- */

.breadcrumb {font-size:.9em; margin:0 0 10px 0; color:#666; text-align:right;}

.readmore {background:url(images/subpage/readmore-line.gif) top repeat-x; text-align:right; font-weight:bold; margin-top:0; padding-top:3px;}
.readmore img {vertical-align:middle;}

.maincontentcol ul {padding:0 0 0 25px; margin:0; background:none; font-size:.95em; font-weight:bold; color:#333;}
.maincontentcol ul li {background:transparent url('images/subpage/content-bullet.gif') no-repeat; list-style:none; padding:0 0 0 14px; background-position:0 6px; margin-bottom:8px; border:none;}

.discusscol ul {padding:20px 0 0 25px; margin:0; background:none; font-size:.95em; font-weight:bold; color:#333;}
.discusscol ul li {background:transparent url('images/subpage/content-bullet.gif') no-repeat; list-style:none; padding:0 0 0 14px; background-position:0 6px; margin-bottom:8px; border:none;}

.lgcontentcol ul {padding:0 0 0 15px; margin:0; background:none;}
.lgcontentcol ul li {background:transparent url('images/subpage/content-bullet.gif') no-repeat; list-style:none; padding:0 0 0 14px; background-position:0 6px; margin-bottom:8px; font-weight:normal; border:none;}

.workstep {padding:15px; background-color:#fffce4; margin:15px 30px 15px 30px; border:2px solid #fff0cf;}
.workstep p {font-weight:bold; color:#663300; margin-left:15px; margin-bottom:0;}
.workstep h2 {margin-top:0;}

.parapad {margin-top:12px;}

.dotted {font-size:2px; height:2px; background:url(images/subpage/readmore-line.gif) repeat-x; width:100%; clear:both; margin:30px 0;}


/* ----- CLIENT PORTFOLIO ----- */


#clientproject {clear:both; margin:0;}
.clientbox {float:left; margin:10px 0 40px 0; display:inline;}
.clientbox .screenshot {border:4px solid #ecc56f; padding:1px; margin-top:4px;}


#clientwork {padding:0 0 0 5px; margin:0 30px 0 0; background:none; width:270px; float:left;}
ul#clientwork li {background:transparent url('images/work/work-check.gif') no-repeat; list-style:none; padding:0 0 0 25px; background-position:5px 2px; margin-bottom:4px; font-weight:normal; border:none; color:#a75a00;}
ul#clientwork div {background:url(images/work/work-div.gif) bottom repeat-x; padding:0 0 6px 0;}
ul#clientwork img {float:left; margin:15px 0 0 10px;}

#clientwork h2 {margin:0 0 5px 0;}
#clientwork li.buttons {background:none; margin:8px 0 0 0; padding-left:15px; float:left;}

.launch {background:url(images/work/launch-site.gif) no-repeat left 50%; padding:10px 0 10px 50px; display:block; font-size:1.2em; font-weight:bold; margin-top:10px;}



/* ----- ADDITIONAL COLUMN ----- */

.additionalcol img {display:block;}
.clientex1 {margin:120px 0 0 35px;}
.clientex2 {margin-left:40px;}
.clientex3 {margin-left:45px;}

.additionalcol .link {font-size:4em; margin-top:20px;}
.additionalcol a.divlink {text-decoration:none;}

.additionalcol a {outline:none;}

.additionalcol-strategy .feedburnerFeedBlock ul {margin:0; padding:0; display:inline; list-style-type:none;}
.additionalcol-strategy .feedburnerFeedBlock li {list-style:none; background:none; margin:0; padding:15px 0 0 0; text-indent:0; float:left; display:block; font-size:.95em;}
.additionalcol-strategy #creditfooter img {display:none;}
.additionalcol-strategy .feedburnerFeedBlock .date {margin:5px 0; font-size:.95em; color:#ab7800;}
.additionalcol-strategy .feedburnerFeedBlock a {font-weight:bold;}
.additionalcol-strategy .feedburnerFeedBlock div {color:#765300;}
.additionalcol-strategy div.feedburnerFeedBlock img {clear:both;}

.additionalcol-blog .feedburnerFeedBlock ul {margin:0; padding:0; display:inline; list-style-type:none;}
.additionalcol-blog .feedburnerFeedBlock li {list-style:none; background:none; margin:0; padding:15px 0 0 0; text-indent:0; float:left; display:block; font-size:.95em;}
.additionalcol-blog #creditfooter img {display:none;}
.additionalcol-blog .feedburnerFeedBlock .date {margin:5px 0; font-size:.95em; color:#ab7800;}
.additionalcol-blog .feedburnerFeedBlock a {font-weight:bold;}
.additionalcol-blog .feedburnerFeedBlock div {color:#765300;}
.additionalcol-blog div.feedburnerFeedBlock img {clear:both;}

.additionalcol-contact p {margin-bottom:35px;}



/* ----- CONTACT FORMS ----- */

.row {clear:both; padding:8px 4px;}

label, p.label {font-weight:bold; font-size:.95em; margin-bottom:0; padding-top:3px;}
label {display:block; float:left; width:180px; text-align:right; padding-right:10px;}

input.txtform {width:250px;}
input, select {padding:3px; font-size:1.1em;}

.txtareaform {padding:3px; font-family:Arial; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; width:350px; height:100px;}

.button {text-align:center; font-size:1.6em; font-weight:bold; margin-top:2em; margin-bottom:.8em;}


/* ----- FOOTER ----- */

#footer {width:100%; background:url('/images/footer/footer-bg.gif') repeat-x #004280; margin:0; text-align:center; clear:both;}

.footercontent {width:866px; text-align:left; margin:0 auto;}
.footercontent h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:2.4em; color:#fff; font-weight:normal; margin-top:15px;}

.footer1 {width:440px; padding-right:20px; float:left;}
.footer2 {width:406px; float:left;}

.footer2 ul {margin:10px 0 0 15px; padding:0; font-size:1.3em;}
.footer2 ul li {list-style:none; display:inline; margin-left:15px;}
.footer2 ul li a:link {color:#fff; text-decoration:underline;}
.footer2 ul li a:visited {color:#fff; text-decoration:underline;}
.footer2 ul li a:hover {color:#fff; text-decoration:none;}

.readblog {margin:20px 110px 0 0;}
.photos {width:190px; float:left; padding-left:40px;}
.networks {width:170px; float:left;}
.networks img {margin-bottom:6px;}
.seephotos {clear:both; margin:0 0 20px 110px;}

#footer div.feedburnerFeedBlock ul {margin:0; padding:0; display:inline; font-size:1.2em; list-style:none;}
#footer div.feedburnerFeedBlock ul li {list-style:none; background:none; margin:0; padding:15px 0 0 0; text-indent:0; float:left; display:block; clear:both; width:100%;}
#footer #creditfooter img {display:none;}
#footer .feedburnerFeedBlock .date {margin:5px 0; font-size:.9em; color:#99CCFF;}
#footer .feedburnerFeedBlock a {color:#fff; padding:0; margin:0;}
#footer div.feedburnerFeedBlock {color:#6699FF;}
div.feedburnerFeedBlock span.headline {display:inline; clear:both;}
div.feedburnerFeedBlock ul li div {display: inline;}

.fbsubscribelink {clear:both; padding-top:10px;}

.aboutblurb {font-size:1.2em; color:#6699FF; margin:15px 0 10px 0;}
.medialink {color:#00297b; font-weight:bold; font-size:1.3em;}
.medialink a {color:#fff;}

.aboutblurb a {color:#fff;}

.clientbutton {margin:35px 0 10px 40px;}

#copyright {clear:both; text-align:right; color:#5ba2e5; padding:10px 0 5px 0; border-top:1px solid #0054a2;}