/*
********************
Discover Digital CSS
********************
*/



/* Begin -------------------------------- reset/zero -------------------------------------- */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption
	{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
ol, ul {list-style: none;}
ul li {list-style-type: none; list-style-image: none;}
strong {font-weight: bold}
a img {border: none;}
a {text-decoration: none; cursor: pointer;}
/* End ---------------------------------- reset/zero -------------------------------------- */




/* Begin -------------------------------- global styles ----------------------------------- */
body {font: 75%/1.5em Georgia, Norasi, Times, serif; line-height: 1.5; text-align: left; background: #333; color: #333;}
p, h3, h4 {margin: 15px 0;}
a {color: #333;}
a.button {height: 17px; padding: 5px 5px 0 5px; margin-right: 10px; font: 1em Helvetica, Arial, FreeSans, sans-serif; line-height: 1; color: #fff;}
a.button:link, a.button:visited {background: #aaa;}
a.button:hover, a.button:active {background: #333;}
h1 {line-height: 1;}
h2 {font-size: 2.6em; font-weight: lighter; color: #fff; margin: 0 0 30px 0; padding: 0 5px; line-height: 1;}
h3 {font-size: 2.3em; font-weight: normal; font-style: italic; margin: 0 0 15px 0; padding-bottom: 5px; line-height: 1; border-bottom: 1px solid #c33;  float: left; clear: both;}
h4 {font: bold 1.1em Helvetica, Arial, FreeSans, sans-serif; margin: 0;}
.normal {font-weight: normal;}
em {font-style: italic;}
strong {color: #000; font-weight: bold;}
small {font-size: 0.9em;}
blockquote {margin: 15px 30px; padding: 4px 6px; background: #ccc; font-size: 1.2em;}
blockquote cite {margin-top: 8px;}
address {margin: 15px 30px; font-size: 1.2em; font-style: italic;}
	/* *** *** LAYOUT *** *** */
.left {float: left}
.right {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.hidden, hr {display: none;}
.unhide {display: block;}
	/* *** *** IMAGES *** *** */
p img {padding: 0;}
/* End ---------------------------------- global styles ----------------------------------- */




/* Begin -------------------------------- overall layout ---------------------------------- */
#page {width: 940px; padding-top: 70px; margin: 0 auto; background: #fff url(../images/bg-top.png) repeat-x;}
#header {float: left; width: 940px; height: 80px; overflow: hidden;}
#content {float: left; margin-bottom: 30px; text-align: justify;}
	.singlewide {width: 660px; padding: 0 140px;}
	.singlethin {width: 430px; padding: 0 115px;}
#footer1 {clear: both;text-align:right; width: 930px; padding: 7px 5px 0 5px; height: 23px; background: #CCC; color: #FFF; font: 0.9em Helvetica, Arial, FreeSans, sans-serif;}
#footer {clear: both; width: 930px; padding: 15px 5px 0 5px; height: 125px; background: #333;color: #ccc; font: 0.9em Helvetica, Arial, FreeSans, sans-serif;}
/* End ---------------------------------- overall layout ---------------------------------- */




/* Begin -------------------------------- header/topnav ----------------------------------- */
#header h1, #header h1 a {float: left; width: 360px; height: 80px; background: url(../images/discover-logo.png) no-repeat;}
#topnav {float: left: width: 550px; height: 20px; margin-top: 30px;}
#topnav li {float: left; padding: 0 5px;}
#topnav li a {float: left; width: 90px; padding: 0 5px; height: 20px; font-size: 1.1em; letter-spacing: 0.04em;}
#topnav li a:link, #topnav li a:visited {background-color: #333; color: #fff;}
#topnav li a:hover, #topnav li a:active, #topnav li a.nav-active {background-color: #ccc; color: #333;}
#topnav ul {float: left; clear: left; width: 100px; position: absolute; top: 100px; z-index: 10000; padding-top: 20px; margin: 0; display: none; !important}
#topnav ul li {float: none; padding: 0; white-space: nowrap;}
#topnav ul li a:link, #topnav ul li a:visited {background-color: #ccc; color: #333; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
#topnav ul li a:hover, #topnav ul li a:active {background-color: #999; color: #fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
#topnav ul { }
.parentnav { }
/* End ---------------------------------- header/topnav ----------------------------------- */




/* Begin -------------------------------- content ----------------------------------------- */
#content h4 {float: left; clear: left; margin: 5px 0 10px; padding-bottom: 5px; border-bottom: 1px solid #c33; white-space: nowrap;}
.innercontent {float: left; margin-top: 55px;}
.minileft {float: left; padding: 0 5px; width: 100px;}
.mainright {float: left; width: 540px; padding: 0 5px;}
.halfleft {float: left; clear: left; width: 310px; padding: 0 15px 0 5px; margin-top: 30px;}
.halfright {float: left; clear: right; width: 310px; padding: 0 5px 0 15px; margin-top: 30px;}
.redline {width: 100%;  border-bottom: 1px solid #c33;}


	/* *** *** HOME PAGE *** *** */
.home #content {width: 940px; height: 565px; padding: 0; position: relative;}
.slide {width: 940px;}
.slidecaption {position: absolute; z-index: 100000; float: left; width: 452px; height: 150px; padding: 0 15px 0 473px; top: 170px; right: 0; /* margin-top: -394px; */ background: url(../images/home-captions-bg.png) no-repeat 458px 0; text-align: left;}
.slidecaption img {position: relative; top: -10px;}
.home #content .slidecaption h3 {border: 0; font-size: 1.6em; margin: 20px 0 10px 0; line-height: 1.4; color: #fff;}
.home #content .slidecaption h4 {display: inline; margin: 0; font-size: 0.9em; color: #fff; border: 0; padding-right: 15px;}
#slidenav {position: absolute; z-index: 10000; width: 880px; float: left; clear: left; margin-top: -30px; padding: 0 30px;}
.navigation {float: right;}
.navigation li {float: left;}
.navigation li a {float: left; width: 16px; height: 14px; padding-top: 2px; text-align: center; font: bold 1em Helvetica, Arial, FreeSans, sans-serif; color: #fff; margin-right: 10px;}
.navigation li a:link, .navigation li a:visited {background: #303030;}
.navigation li a:hover, .navigation li a:active, .navigation li a.selected {background: #eb0505;}


	/* *** *** PHILOSOPHY *** *** */
.philosophy #content {background: url(../images/bg-philosophy.jpg) no-repeat; height: 565px;}
#philosophy {padding: 0 30px; position: relative; top: 185px;}
#philosophy h2 {margin: 0 0 25px 0; padding: 0;}
#philosophy p {font-size: 1.2em; color: #fff; line-height: 1.8; margin: 0;}


	/* *** *** PRINCIPAL & TEAM BIOS *** *** */
.teambios #content, .principalbio #content {background: url(../images/bg-principal.jpg) no-repeat; padding-top: 30px;}
.teambios .minileft img, .principalbio .minileft img {border: 2px solid #d4d4d4;}
.teambios .accordion-inner p {clear: left; margin-top: 0;}
.principalbio .innercontent p {clear: left;} 
#accordion {margin: 20px 0 60px 0;}
.accordion-inner {float: left; width: 660px; margin-bottom: 20px;}
#theteam .redline {margin-top: 30px;}
#theteam h2 {margin: 0 0 60px 0;}
#theteam h3 {font-size: 1.6em; border: 0; padding: 0; margin: 0 0 20px 0; height: 35px;}
#theteam h3 a {float: left; width: 615px; height: 29px; padding: 6px 30px 0 15px; background-repeat: no-repeat; overflow: visible; line-height: 1.2;}
#theteam h3.ui-state-default a {background-position: 0 0;}
#theteam h3.ui-state-default a:hover {background-position: 0 -35px; color: #fff;}
#theteam h3.ui-state-active a {background-position: 0 -35px; color: #fff;}
.teamentry h3 a {background-image: url(../images/teamentry-bg.png);}


	/* *** *** SERVICES *** *** */
.services #content {background: url(../images/bg-services.jpg) no-repeat; padding-top: 30px;}
#services h2 {margin: 0 0 60px 0;}
#services h3 {font-size: 1.6em; border: 0; padding: 0; margin: 0 0 15px 0; height: 35px;}
#services h3 a {float: left; width: 570px; height: 29px; padding: 6px 30px 0 60px; background-repeat: no-repeat; overflow: visible; line-height: 1.2;}
#services h3.ui-state-default a {background-position: 0 0;}
#services h3.ui-state-default a:hover {background-position: 0 -35px; color: #fff;}
#services h3.ui-state-active a {background-position: 0 -35px; color: #fff;}
#audience-dev h3 a {background-image: url(../images/services-audience.png);}
#cross-channel h3 a {background-image: url(../images/services-cross-channel.png);}
#fortune500 h3 a {background-image: url(../images/services-fortune500.png);}
#marketplace h3 a {background-image: url(../images/services-marketplace.png);}
#site-design h3 a {background-image: url(../images/services-site-design.png);}
#e-revenue h3 a {background-image: url(../images/services-e-revenue.png);}
#digital-product h3 a {background-image: url(../images/services-digital-product.png);}
#e-business h3 a {background-image: url(../images/services-e-business.png);}
#social-media h3 a {background-image: url(../images/services-social-media.png);}
.service-icon {margin-top: 15px; padding-left: 15px;}


	/* *** *** TESTIMONIALS *** *** */
.testimonials #content {background: url(../images/bg-testimonials.jpg) no-repeat; padding-top: 30px;}
.testimonials #content h3 {border: 0; margin: 0; padding: 0; width: 310px;}
.halfentry {float: left; margin: 30px 0;}
.halfentry p {margin: 5px 0; clear: left;}
.videoposter {float: left; width: 304px; height: 164px; position: relative; background: url(../images/default-video-poster.png) no-repeat; border: 3px solid #ccc;}
.playbutton a {float: left; width: 22px; height: 53px; margin: -110px 0 0 145px; position: relative; z-index: 9;}
p.watchlink {float: left; width: 310px; height: 25px; margin: 5px 0; font: 0.9em Helvetica, Arial, FreeSans, sans-serif; text-align: right;}
p.watchlink a {color: #999;}
p.watchlink a:link, p.watchlink a:visited {text-decoration: underline;}
p.watchlink a:hover, p.watchlink a:active {text-decoration: none;}
p.testimony {margin: 15px 0; width: 310px;}
p.case-services {width: 310px;}
.smallicon {float: left; margin: 0 10px 0 5px;}


	/* *** *** VIDEOS / SHADOWBOX *** *** */
body.videopage {background: #fff;}
#sb-title, #sb-title-inner {height: 0; line-height: 0; background: #fff;}
#sb-wrapper-inner {padding-top: 15px; border: 10px solid #fff; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#video-container {background: #fff; padding: 0 15px; width: 734px;}
#video-info {background: #fff; padding: 15px auto; width: 764px;}
#video-info h3 {border: 0; margin: 15px 0 5px 0; padding: 0 15px; float: none; font-size: 1.6em;}
#video-info h4 {margin: 0; padding: 0 15px;}


	/* *** *** ACCESS *** *** */
.access  #content {background: url(../images/bg-access.jpg) no-repeat; padding-top: 30px;}
#access {float: left; margin: 110px 0; font-size: 1.1em;}
#accesslogin {float: right; text-align: right;}
#accesslogin label {margin: 0; padding: 0 5px 0 0;}
#accesslogin input {margin: 0; width: 150px;}
#accesslogin a {margin: 0; padding: 5px 10px 0 10px;}


	/* *** *** CONTACT *** *** */
.contact #content {background: url(../images/bg-contact.jpg) no-repeat; padding-top: 30px;}
.contact #content a:hover, a.contactlink:hover {text-decoration: underline;}
#contact {width: 660px; clear: both; padding: 0; margin-top: 80px;}
#contact .singlethin {padding: 0 230px 0 0;}
#contact p {margin: 0 0 5px 0;}
#content .halfleft h3, #content .halfright h3 {font-size: 1.6em;}
.halfleft p, .halfright p {clear: left;}
#contactform input {width: 210px;}
#contactform textarea {width: 290px;}


	/* *** *** PRIVACY *** *** */
.privacy #content {background: url(../images/bg-contact.jpg) no-repeat; padding-top: 30px;}
.privacy #content a:hover {text-decoration: underline;}
.privacy #content h3 {border: 0; float: none; font-size: 1.6em;}
/* End ---------------------------------- content ----------------------------------------- */




/* Begin -------------------------------- footer ------------------------------------------- */
#footer a {color: #ccc;}
#footer a:hover {text-decoration: underline;}
/* End ---------------------------------- footer ------------------------------------------- */



	/* *** *** FIXES 1px DISCREPANCY IN SAFARI 3 & OPERA 9 *** *** */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}
	/* *** *** FIXES 1px DISCREPANCY IN OPERA 10 *** *** */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
}