html { overflow-y: scroll; overflow-x: hidden; }
body { background: #fff; }
/* HIDDEN MAIN NAV */
body.hide-nav { position: relative; top: -134px; }
/* OVERWRITE */
#topbar { background: #333; }
#topbar .wrap ul li a { color: #999; }
#topbar .wrap ul li a:hover { color: #fff; }
#nav a.home { background: url(/img/studiod/sprite-logo-we-studiod.png) no-repeat; }
#nav ul li a { background: url(/img/studiod/sprite-nav-studiod.png) no-repeat scroll 0 -10px; }
#nav ul li.studiod a, #nav ul li.studiod a:hover, body#studiod #nav ul li.studiod a { /*width: 108px; background-position: -244px 0;*/ background-color: #07c; }
#footer { margin-top: 40px; padding-top: 20px; border-top: 4px solid #d9d9d9; }
#footer p { font-size: 11px; color: #999; }
#footer a, #footer-connect { color: #555; padding: 0 0 0 8px; margin: 0 0 0 6px; border-left: 1px solid #ddd; }
#footer a:hover { color: #777; text-decoration: none; }
#footer-twitter { background-image: url(/img/social/light/twitter.gif); }
#footer-fb { background-image: url(/img/social/light/facebook.gif); }
#footer-in { background-image: url(/img/social/light/linkedin.gif); }
#sd-home #footer { margin-top: 0; padding-top: 0; border-top: none; }
/* REUSABLES */
p, blockquote, cite, ul#sd-nav li, #sd-home h1, ul.sd-nav-showcase-home li a .caption h3, #sd-content h1, #sd-content h2, #sd-content h4, #sd-content ul li, #sd-content ol li { font: normal 12px "Helvetica Neue", Arial, sans-serif; }
p, blockquote, cite { margin-top: 10px; line-height: 18px; color: #666; }
#sd-home h2, #sd-home ul.sd-nav-showcase li a .caption p, #sd-content-title h2, #sd-showcase #sd-info h2 { font-family: "Georgia", serif; font-style: italic; }
hr { width: 960px; height: 4px; margin: 40px auto; border: none; background: #d9d9d9; }
.clear { clear: both; margin: 0; padding: 0; height: 0; }
#sd-home, #sd-showcase, #sd-process, #sd-team, #sd-services, #sd-blog { width: 100%; margin-top: -15px; padding-top: 20px; background: url(../img/studiod/bg-top.png) repeat-x top; z-index: 100; overflow: hidden; }
ul#sd-nav li a:hover, #sd-content h4 a:hover, #sd-blog #sd-content .post h1 a:hover, #sd-blog #sd-content #bottom h3 a:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
ul#sd-nav li a:active, #sd-content h4 a:active, #sd-blog #sd-content .post h1 a:active, #sd-blog #sd-content #bottom h3 a:active { filter:alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
/* SD-NAV */
ul#sd-nav { width: 960px; height: 30px; font-size: 22px; margin: 0 auto; padding: 15px 0 25px; }
ul#sd-nav li { margin: 0 22px; font-size: 22px; color: #333; float: left; }
ul#sd-nav li a { color: #333; }
ul#sd-nav li.selected a { color: #07c; font-weight: 600; }
ul#sd-nav li.studiod { font-size: 12px; padding-top: 8px; padding-left: 50px;}
#sd-showcase ul#sd-nav, #sd-process ul#sd-nav, #sd-team ul#sd-nav, #sd-services ul#sd-nav { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 4px solid #d9d9d9; }
/* SD-NAV OVERWRITE */
/*
ul#sd-nav { width: 960px; font-size: 22px; margin: 0 auto; overflow: auto; }
ul#sd-nav a { display: block; height: 30px; margin: 25px 0; }
#sd-showcase ul#sd-nav, #sd-process ul#sd-nav, #sd-team ul#sd-nav, #sd-services ul#sd-nav { margin-bottom: 40px; border-bottom: 4px solid #d9d9d9; }
*/
/* SD-CONTENT-TITLE */
#sd-content-title h1 { margin-bottom: 5px; font-size: 30px; font-weight: bold; color: #333; }
#sd-content-title h2 { font-size: 16px; font-weight: normal; line-height: 20px; color: #999; }
/* SD-CONTENT */
#sd-content h3 { margin-top: 20px; font-size: 16px; font-weight: bold; line-height: 20px; color: #333; }
#sd-content h5 { margin-bottom: 20px; padding-bottom: 10px; font-size: 16px; font-weight: bold; border-bottom: 1px dotted #ddd; }
#sd-content h5 a { display: block; width: 105px; color: #07c; background: url(../img/studiod/icon-launch.gif) no-repeat right; }
#sd-content blockquote { font-style: italic; }
#sd-content ul li, #sd-content ol li { margin-top: 10px; line-height: 18px; color: #666; }
/* SD-HOME */
ul#sd-nav li.sd-home { width: 144px; text-indent: -9999px; overflow: hidden; }
ul#sd-nav li.sd-home a { display: block; width: 25px; height: 25px; background: url(../img/studiod/icon-nav.png) no-repeat #999; }
ul#sd-nav li.sd-home.alt a { background-position: 0 -25px; }
ul#sd-nav li.sd-home a:hover { background-color: #07c; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
ul#sd-logo li.sd { width: 118px; height: 10px; text-indent: -9999px; overflow: hidden; position: relative; left: 1000px; top: 45px;}
ul#sd-logo li.sd a { display: block; background: transparent url(../img/studiod/studiod-sprite.png) no-repeat scroll 0 0; }
ul#sd-logo li.sd a:hover { background-position: 0 -20px; }
#sd-home #sd-content-title h1 { margin: 40px 0 5px 10px; font-size: 50px; text-transform: uppercase; line-height: 22px; color: #333; }
#sd-home #sd-content-title h1 strong { color: #07c; }
#sd-home #sd-content-title h2 { margin-left: 10px; font-size: 18px; font-weight: normal; line-height: 22px; color: #999; }
#sd-home ul#sd-nav li.sd-home a, #sd-home ul#sd-nav li.sd-home a:hover { background: none; cursor: default; }
/* CAPTIONS */
#sd-home ul.sd-nav-showcase li a .caption { width: 330px; text-indent: 0; overflow: visible; border-top: 4px solid #d9d9d9; background: #fff; position: absolute; bottom: 0; left: 0; }
#sd-home ul.sd-nav-showcase li a .caption h3 { font-size: 18px; color: #07c; padding-top:20px; }
#sd-home ul.sd-nav-showcase li a .caption p { font-size: 12; line-height: 16px; color: #999; }
/* SD-SHOWCASE */
/* note: redundancy for IE7 */
#sd-showcase .sd-nav-window { height: 110px; overflow: hidden; }
#sd-showcase ul.sd-nav-showcase { height: 100px; overflow: hidden; }
#sd-showcase ul.sd-nav-showcase a { height: 100px; overflow: hidden; }
#sd-showcase ul.sd-nav-showcase li.selected a { filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
#sd-showcase #sd-content { margin-bottom: 40px; }
#sd-showcase #sd-content #gallery { width: 500px; float: left; }
#sd-showcase #sd-info { width: 420px; float: right; }
#sd-showcase #sd-info h1 { font-size: 30px; font-weight: 600; color: #333; }
#sd-showcase #sd-info h2 { margin-bottom: 5px; font-size: 20px; color: #999; }
/* SD-NAV-SHOWCASE */
.sd-nav-window { height:240px; overflow:hidden; width:100%; }
ul.sd-nav-showcase { width: 100%; padding: 0 10px; }
ul.sd-nav-showcase li { margin: 0 10px; text-indent: -9999px; overflow: hidden; position: relative; float: left; }
ul.sd-nav-showcase li a { display: block; width: 330px; height: 240px; background-repeat: no-repeat; background-position: center; }
ul.sd-nav-showcase li a:hover { filter:alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; }
ul.sd-nav-showcase li a:active { filter:alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
ul.sd-nav-showcase li.work-discover_bing a { background-image: url(../img/studiod/showcase/discover_bing-thumb.jpg); }
ul.sd-nav-showcase li.work-t_mobile_clue a { background-image: url(../img/studiod/showcase/t_mobile_clue-thumb.jpg); }
ul.sd-nav-showcase li.work-teacher_appreciation a { background-image: url(../img/studiod/showcase/teacher_appreciation-thumb.jpg); }
ul.sd-nav-showcase li.work-washington_dairy_blog a { background-image: url(../img/studiod/showcase/washington_dairy_blog-thumb.jpg); }
ul.sd-nav-showcase li.work-windows_live_preview a { background-image: url(../img/studiod/showcase/windows_live_preview-thumb.jpg); }
ul.sd-nav-showcase li.work-behind-bing a { background-image: url(../img/studiod/showcase/behind-bing-thumb.jpg); }
ul.sd-nav-showcase li.work-half-the-sky a { background-image: url(../img/studiod/showcase/half-the-sky-thumb.jpg); }
ul.sd-nav-showcase li.work-saks-fifth-ave a { background-image: url(../img/studiod/showcase/saks-fifth-ave-thumb.jpg); }
ul.sd-nav-showcase li.work-office-winter-games a { background-image: url(../img/studiod/showcase/office-winter-games-thumb.jpg); }
ul.sd-nav-showcase li.work-digital-dorm a { background-image: url(../img/studiod/showcase/digital-dorm-thumb.jpg); }
ul.sd-nav-showcase li.work-enterprise-search a { background-image: url(../img/studiod/showcase/enterprise-search-thumb.jpg); }
ul.sd-nav-showcase li.work-duet a { background-image: url(../img/studiod/showcase/duet-thumb.jpg); }
ul.sd-nav-showcase li.work-windows-phone a { background-image: url(../img/studiod/showcase/windows-phone-thumb.jpg); }
ul.sd-nav-showcase li.work-movie-maker a { background-image: url(../img/studiod/showcase/movie-maker-thumb.jpg); }
ul.sd-nav-showcase li.work-environmental-sustainability a { background-image: url(../img/studiod/showcase/environmental-sustainability-thumb.jpg); }
ul.sd-nav-showcase li.work-ge-healthcare a { background-image: url(../img/studiod/showcase/ge-healthcare-thumb.jpg); }
ul.sd-nav-showcase li.work-ge-newsroom a { background-image: url(../img/studiod/showcase/ge-newsroom-thumb.jpg); }
ul.sd-nav-showcase li.work-holiday-card a { background-image: url(../img/studiod/showcase/holiday-card-thumb.jpg); }
/* SD-SHOWCASE-SLIDESHOW */
#sd-content #gallery { width: 500px; height: 360px; border: 1px solid #ddd; position: relative; }
#sd-content #gallery img { left: 0; position: absolute; top: 0; }
/* SD-SHOWCASE-SLIDESHOW-NAV */
#sd-content #gallery .nav { position: absolute; top: 0; left: 0; width: 100%; }
#sd-content #gallery .nav a { display: block; width: 35px; height: 64px; background: url(../img/studiod/icon-showcase-arrows.png) no-repeat #999; border: 1px solid #ddd; text-indent: -9999px; overflow: hidden; position: relative; top: 148px }
#sd-content #gallery .nav a.prev { margin-left: -1px; border-left: none; float: left; }
#sd-content #gallery .nav a.next { margin-right: -1px; border-right: none; float: right; background-position: -35px; }
#sd-content #gallery .nav a:hover { background-color: #07c; }
/* SD-FLASH-SURPRISE */
#surprise { bottom: 0; height: 100%; left: 0; min-height: 100%; overflow: hidden; position: absolute; width: 100%; z-index: -1; }
/* border options
ul.sd-nav-showcase li.selected .caption {
border: 2px solid #07c;
}
ul.sd-nav-showcase li.selected a {
filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
*/
/* SD-SCROLL */
#sd-body { position: absolute; bottom: -55px; background: #fff; z-index: 1000; }
#sd-scroll { margin: 0 auto; padding: 40px 0 25px; width:960px; }
#sd-showcase #sd-scroll { padding: 25px 0 40px; }
#sd-scroll-track { background: #d9d9d9; height: 4px; position: relative; width: 100%; }
#sd-scroll-thumb { background: #07c; cursor: pointer; display: block; height: 4px; left: 0; margin-top: -2px; position: absolute; top: 50%; width: 25%; }
/* SD-PROCESS */
#sd-process .col { width: 400px; float: left; }
#sd-process #sd-content-title, #sd-process #sd-content { width: 430px; }
#sd-process #sd-content h4 { width: 960px; height: 60px; margin-top: 40px; text-indent: -9999px; overflow: hidden; background: url(../img/studiod/graphic-process2.gif) no-repeat; }
#sd-process #sd-sidebar { width: 500px; height: 235px; float: right; }
/* SD-TEAM */
#sd-team #sd-content-title, #sd-team #sd-content { width: 550px; float: left; }
#sd-team #sd-content-title ul { float: right; }
#sd-team #sd-content-title ul li { margin-left: 10px; float: left; }
#sd-team #sd-content-title li a { display: block; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden; background: url(../img/studiod/icon-social.gif) no-repeat; }
#sd-team #sd-content-title ul li.facebook a { background-position: 0 0; }
#sd-team #sd-content-title ul li.twitter a { background-position: -16px 0; }
#sd-team #sd-content-title ul li.linkedin a { background-position: -32px 0; }
#sd-team #sd-content img { margin-bottom: 10px; }
#sd-team #sd-sidebar { width: 380px; float: right; }
#sd-team ul#sd-sidebar li { margin: 0 0 20px 20px; float: left; }
#sd-team ul#sd-sidebar li a { display: block; width: 170px; height: 140px; text-indent: -9999px; overflow: hidden; }
#sd-team ul#sd-sidebar li.jenh a { background: url(../img/studiod/team/jenh-thumb.jpg) no-repeat; }
#sd-team ul#sd-sidebar li.nathanm a { background: url(../img/studiod/team/nathanm-thumb.jpg) no-repeat; }
#sd-team ul#sd-sidebar li.davidp a { background: url(../img/studiod/team/davidp-thumb.jpg) no-repeat; }
#sd-team ul#sd-sidebar li.eddier a { background: url(../img/studiod/team/eddier-thumb.jpg) no-repeat; }
#sd-team ul#sd-sidebar li.robj a { background: url(../img/studiod/team/robj-thumb.jpg) no-repeat; }
#sd-team ul#sd-sidebar li.jons a { background: url(../img/studiod/team/jons-thumb.jpg) no-repeat; }
#sd-team ul#sd-sidebar li.arranr a { background: url(../img/studiod/team/arranr-thumb.jpg) no-repeat; }
#sd-team ul#sd-sidebar li.nadinag a { background: url(../img/studiod/team/nadinag-thumb.jpg) no-repeat; }
#sd-team ul#sd-sidebar li.dang a { background: url(../img/studiod/team/dang-thumb.jpg) no-repeat; }
#sd-team ul#sd-sidebar li.karlaw a { background: url(../img/studiod/team/karlaw-thumb.jpg) no-repeat; }
#sd-team ul#sd-sidebar li a:hover, #sd-team ul#sd-sidebar li.selected a { margin: -4px; border: 4px solid #d9d9d9; }
#sd-team ul#sd-sidebar li.selected a { border-color: #07c; }
#sd-team ul#sd-sidebar li a:active { border-color: #ccc; }
/* SD-BLOG */
#sd-blog #sd-content-title h2 { width: 960px; height: 230px; background: url(../img/studiod/header-thinkersanddoers.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
#sd-blog #sd-content { width: 580px; float: left; }
#sd-blog #sd-content .post { margin-bottom: 40px; }
#sd-blog #sd-content .post img { margin: 20px; }
#sd-blog #sd-content .post h1 { font-size: 30px; font-weight: 600; }
#sd-blog #sd-content .post p[align=left] img { margin: 0; padding: 0; background: none; }
#sd-blog #sd-content #bottom h3 { color: #ccc; }
#sd-content ul li, #sd-content ol li { list-style: disc; list-style-position: inside; }
#sd-blog #sd-sidebar { width: 332px; float: right; }
#sd-blog #sd-sidebar h3 { font-size: 18px; color: #666; }
#sd-blog #sd-sidebar ul { margin: 20px 0; border-top: 4px solid #d9d9d9; }
#sd-blog #sd-sidebar ul li { margin: 0; font-size: 14px; line-height: 20px; }
#sd-blog #sd-sidebar ul li a { display: block; padding: 10px; color: #999; border-bottom: 1px dotted #d9d9d9; }
#sd-blog #sd-sidebar ul li a:hover { color: #07c; background: #f9f9f9; border-style: solid; }
#sd-blog #sd-sidebar ul li a:active { background: #eee; }
/* SD-SERVICES */
.sd-service-container {
margin-left: 180px;
padding: 20px 0;
width: 600px;
}
.sd-service {
background: #ececec;
border-top: 4px solid #d9d9d9;
float: left;
height: 185px;
margin: 10px 10px 60px;
padding: 10px 0 10px 10px;
width: 166px;
}
.sd-service p { color: #777; padding-right: 10px; }
#sd-content .sd-service h3 { color: #666;font-size: 14px; margin: 0; }