/*---nettuts simple reset ---*/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{ margin: 0; padding: 0; border: 0; outline: none; }
h1, h2, h3, h4, h5, h6
{ }
ul, ol
{ list-style: none; }
a {color: black; text-decoration: none; }
a:hover { text-decoration: underline;}
/* my resets */
body {font:62.5% "Palatino Linotype", Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
background: #171717 url(../img/dt-bg-gray2.jpg) no-repeat fixed left top;}
h1 {font-size:2.4em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.4em;}
h4 {font-size:1.1em; }
em {font-style:italic;}
strong {font-weight:bold;}
/* -- Links -- */
a:link {text-decoration:none;color: #599;}
a:visited {color: #dfe07a; text-decoration: none;} p.desc a, p.desc a:visited {color:#c15;} p.desc a:hover{font-weight:bold;}
a:hover, a:active {color: #de0;} a:hover{border-bottom: 1px solid #c15;outline:none;} a:focus {outline:none;}
#branding-logo h1 a {background:transparent url(../img/designtank-logo-drop.png) no-repeat 0px 0px; border:none; margin:0; padding:0; display:block;height:115px; width:355px;}
#branding-logo a:hover {border:none;}
#gallery-wrap a:hover img {border: solid 5px #499;}
#client-list-link a{color:#c15;}
ul.sidenav{margin-top:10px;}
.sidenav li a, ul#scoop li a {
font: 9px "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:133%; color: #499;
padding-bottom: 10px; text-decoration:none; margin-left:0px;font-weight:bold;
}
.sidenav li a {padding-left:6px;}
.sidenav li a:hover, .sidenav li a:focus {border:none;} .sidenav li a:hover {color: #c15;}
ul#scoop{border-bottom:0px dotted #c15;margin-right:42px;margin-bottom:193px;}
ul#scoop li{list-style-image:none; padding-bottom:2px;}
#scoop li a {display:block; position:relative; line-height:16px; padding:5px 0px 0px 24px;} #scoop li a:hover{border:none;color:#c15;}
.icon{left:0px; position:absolute;}
#pagination a:link, #pagination a:visited {color:#888;} #pagination a:hover{color:#599}
#footer a, #footer a:hover {text-decoration:none;}
#footer a {color: #000;} #footer a:hover {color: #fff;text-decoration:none;}
.top a, #footer a .small{color: #fff;} .top a:hover {color: #000;}
/* utilities */
.clear, .clearer {clear:both;}
.floatLeft
{float: left; padding: .5em .5em .5em 0; }
.floatRight
{ float: right; }
.align-right {text-align:right;}
/*/////////// setting up for Ryan Fait's sticky footer method //////////*/
/* * {margin: 0;}*/
html, body {height: 100%;}
#wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -40em;}
#footer, #push {height: 40em;}
.case-study #foot-inside,
.case-study #push,
.case-study #foot-inside {height: 20em;}
.case-study #wrapper {min-height:1%;}
/*//////////////
STRUCTURE
/////////*/
#wrapper
{
width: 960px; margin: 0 auto; border-top:1px solid #de0;border-bottom: 2px solid #cc1155;
padding: 20px 0; position: relative;
background:#fff url(../img/wrapper-bg.jpg) 0px 0px repeat-x; }
#primary-wrap
{width: 770px;float: left;display:inline; overflow: hidden;}
#branding {height: 100px;padding-bottom: 50px;}
#branding-logo {position:relative; top:5px;left: 25px;}
#branding-logo img {border:none; margin:0; padding:0;}
#main-content {padding-left: 130px;float:left; width: 640px;overflow: auto; zoom:1;}
#main-content img{/*border: 1px dotted #d9d9d1; */}
#main-content img{border: none;} #main-content a:hover {border:none;}
#gallery-wrap { width: 640px; padding: 10px 0; }
#gallery-wrap img { border: solid 5px #eea; margin: 0 20px 20px 0; float: left; }
#gallery-wrap img.last { border: solid 5px #eea; margin: 0 0px 20px 0; float: left; }
#featured-proj-wrap { padding: 14px 0;overflow:auto; zoom:1;/*border-top: 1px dotted #c90;*/ }
.featured-proj { border-right: dotted 1px #d9d9d1; float: left; margin-right: 15px; padding-right: 12px;padding-bottom: 14px;width: 306px;}
.featured-proj.last { border-right: 0;margin-right: 0;padding-right: 0;}
#specialties-wrap { overflow:auto; padding: 7px 0;zoom:1; }
.specialties {border-right: dotted 1px #d9d9d1; float:left; margin-right: 8px; padding-right: 5px;padding-bottom: 21px;width: 204px;}
.specialties.last { border-right: 0;margin-right: 0;padding-right: 0;}
#sidebar {width: 147px; float: right;padding-top:28px;padding-right:7px;}
#footer {width: 960px;margin: 0 auto;background:#499 url(../img/bluebird.gif) no-repeat 100% 100%;padding: 28px 0 56px 0;color: #fff;position:relative;border-top:1px solid #9f0d42;}
#about, #capabilities, #tools {float: left;}
#about {width: 452px; margin-left: 28px;padding-top:28px;background:transparent url(../img/about-glowbg.jpg) 50% 0 no-repeat;margin-top:-28px;}
#tools {width: 193px;} #capabilities{width:223px;}
#capabilities {margin-left:40px; margin-right:7px; padding-top:0px;}
#capabilities ul li{width:220px}
#tools {padding-top:21px;}
#copyright{font-size:9px; font-weight:normal;color:#cd0;letter-spacing:.1em;position:absolute; bottom:0px; left:28px; padding:0 7px;font-family:Arial, Helvetica, sans-serif;}
#foot-inside #copyright{position:absolute; bottom:0px; left:28px; padding:0 7px;}
/* inside case-study page and samples pages*/
#client-list-link {position:absolute;right:0;; top:231px;line-height:14px;}
#case-study-archive-link {width:75%;margin-top:28px;}
.case-study #wrapper, .samples #wrapper {width: 960px;border-bottom: 0px solid #666;}
.case-study #main-content, .samples #main-content {width: 960px;display:inline; overflow: hidden;margin-left: 0;padding-left: 0;}
.case-study #sidenav, .samples #sidenav {float: right;margin-top:-68px;margin-right:126px;}
.case-study #case-info, .samples #case-info {margin-left: 135px;padding: 21px 135px 0 0;}
.case-study #pagination, .samples #pagination {float: right;padding-right: 149px;}
#case-info {padding-bottom:14px;padding-left: 124px;padding-right: 124px;}
.samples#main-content #case-info{margin:14px 0 0; padding:0 70px;border-top:1px dotted #C0C0C0;clear:both;}
#foot-inside {width: 960px;margin: 0 auto;padding: 28px 0 56px 0;background-color:#fff;border-bottom: 2px solid #c15;position:relative;}
.client-list {float: left;margin-right: 0px; width: 238px; padding-right: 14px;}
#foot-inside.case1 {background:#fff url(../img/robot-maid.gif) no-repeat 100% 100%;}
#foot-inside.case2 {background:#fff url(../img/electra.gif) no-repeat 100% 100%;}
#foot-inside.case3, #foot-inside.case6 {background:#fff url(../img/nunzilla.jpg) no-repeat 100% 100%;}
#foot-inside.case4 {background:#fff url(../img/mamaduck.jpg) no-repeat 100% 100%;}
#foot-inside.case5 {background:#fff url(../img/bluebird2.jpg) no-repeat 100% 100%;}
#foot-inside.case7 {background:#fff url(../img/biker-girl.jpg) no-repeat 100% 100%;}
#foot-inside.viget {background:#fff url(../img/pink-robot-maid.jpg) no-repeat 100% 100%;}
#foot-inside.gallery1 {background:#fff url(../img/swimmers.png) no-repeat 100% 100%;}
#foot-inside-wrap {width: 904px; margin: 0 auto;border-top: 1px dotted #499;padding-top: 28px;padding-left: 14px;}
/* inside galleries page */
.galleries #wrapper {width: 960px;border-bottom: 0px solid #666;}
.galleries #main-content {width: 960px;display:inline; overflow: hidden;margin-left: 0;padding-left: 0;}
.galleries #sidenav {float: right;margin-top:-68px;margin-right:126px;}
.galleries #intro{padding-bottom:14px;padding-left: 130px;padding-right: 118px;}
.gallery {padding:3px 0 25px;margin-left: 70px;margin-right: 70px;width: 820px;font-family: Arial, sans-serif;}
.gallery img {border: none;margin:14px 0 7px;}
.gal-left, .gal-right {width:405px;float:left;padding-bottom:14px;}
.gal-left {margin-right:10px;}
.gal-right {margin-right:0;}
.galleries #foot-inside {padding-top:70px;}
/*//////////////
END STRUCTURE
/////////*/
/*///////// typography and lists /////////*/
.colored-arrow {color: #c15;}
.accent {color: #cd0;}
#pagination .accent{font-size:1.25em;font-weight:bold;}
.star {color: #c15;}
.small {font-size:8px;line-height:21px;} #footer .small {font-size:9px;}
ul.sidenav li {list-style-image: url(../img/double-arrow.gif); list-style-position:outside;}
.top {border-bottom:0px dotted #de0; padding:0 3px 3px;font-family: Arial, sans-serif; letter-spacing:1px;font-weight:bold;background: #c15;display:block; width:18px; height:10px;float:right; text-align:center;margin-top:4px;}
#branding-logo h1 {text-indent: -9000px;}
#main-content h1 {margin:0 0 21px 42px;color:#cd0;font-weight:normal;}
#main-content h2 {color:#cd0; font-size: 2.1em; font-weight:normal; padding-bottom: 14px;}
#main-content p.intro, p.byline, #main-content p {color: #999; margin-right: 15px;padding-bottom: 14px;}
#main-content p.intro, p.byline {font-size: 1.9em; line-height:1.7em;}
p.byline {text-align: right;}
#main-content p {font-size: 1.6em;line-height: 1.6em;}
#main-content p.desc,
#footer {font-size: 1.2em;line-height:1.8em;font-family:"Helvetica Neue", "Lucida Grande", Frutiger, Arial, sans-serif;}
.featured-proj h3,
.specialties h3 {color: #499;font-size: 1.4em;line-height:1.4em; padding-top: 14px;}
#sidebar h3, #sidenav h3 {color: #cd0;font: 10px Arial, sans-serif;line-height:14px;padding-bottom: 0px;
margin-top: 14px;padding-left: 0px;text-transform:uppercase;}
ul.sidenav {padding-left: 14px;list-style:none;margin-bottom:30px;padding-right:7px;}
.sidenav li{ font: 9px "Helvetica Neue", Helvetica, Arial; line-height:133%; color: #333; padding-bottom: 10px; text-decoration:none; margin-left:0px;}
.case-study #pagination {font:.9em "Helvetica Neue", "Lucida Grande", Frutiger, Arial, sans-serif;color: #888;letter-spacing:.1em;font-weight:bold;}
#case-info p.quote {font-family:"Helvetica Neue", "Lucida Grande", Frutiger, Arial, sans-serif; font-size:10px; line-height:2;color:#444; font-style:italic; margin:0 0 14px 0px; background:#f3f3ea;padding:7px;}
#case-info p.quote a {color:#444;}
#case-info p.quote a:hover{border-bottom: 1px dotted #c15;}
#case-info .case-title, .proj-show .case-title {color: #cd0;}
#case-info .info {color:#d9d9d1;font: normal 10px "Lucida Grande", Frutiger, Arial, sans-serif; font-weight: bold;letter-spacing:.1em; text-transform:uppercase;text-align:right;}
#case-info h4, .proj-show h3 {line-height:28px;color:#499;}
#case-info p.role, #main-content .proj-show .content p.role {font-family:"Helvetica Neue", "Lucida Grande", Frutiger, Arial, sans-serif;text-align:right;font-weight: bold;font-size:1em;color: #888;padding-bottom:7px;}
.case-module {padding:3px 0 25px;margin: 0 70px;}
.case-module h4 {color: #999;font-family:"Helvetica Neue", "Lucida Grande", Frutiger, Arial, sans-serif;}
.case-module .samples {width: 820px;}
.case-module img {border: none;margin:0;padding-top: 7px;margin-right: 5px;}
/*///////SPECIAL PROJECT SAMPLE PAGES*/
#contents {padding-left:184px;margin-bottom:28px;}
#contents h4{font:12px "Helvetica Neue", "Lucida Grande", Frutiger, Arial, sans-serif;margin-bottom:7px;color:#d26;}
ul.contents-list{font-family:"Helvetica Neue", "Lucida Grande", Frutiger, Arial, sans-serif;float:left;width:231px;margin-right:7px;}
ul.contents-list li{margin-bottom:3px;}
.contents-list h5 {color:#666; text-transform:uppercase;margin-bottom:3px;}
#footer, #foot-inside {font-size: 10px; line-height:21px;}
#footer p, #foot-inside p {padding-bottom:14px;color:#000;}
#footer h3, #foot-inside h3 {font-size: 11px;padding-bottom: 0px;}
#footer h3 {text-transform:uppercase;color: #de0;}
#footer h4, #case-info h4, .proj-show h3 {text-transform:uppercase;}
#footer h4, #footer #footer-wrap h4, #about h3 a {color:#de0;}
#footer h5 {text-transform:uppercase;font-size: 10px;}
#footer ul, #foot-inside ul {padding-bottom: 14px;color: #000;}
#footer ul li {border-bottom:0px dotted #fff;text-indent:7px;width:90%;}
#footer p.small {color: #000;}
#foot-inside h3 {color: #499;}
#foot-inside h3, #foot-inside p {}
#foot-inside li {line-height:1.4em;padding-bottom: 1em;}
/*//////////PROJECT SHOW SAMPLES PAGE//////////*/
#main-content.projects {padding:0 109px 14px 91px;width:760px;}
.projects .proj-show {width:760px;}
.proj-show .content {display:none;clear:both;width:720px;padding-left:40px;}
.proj-show h2 {float:left;margin:0 24px 0 -12px;padding-top:0;text-align:right;line-height:37px;width:30px;}
.proj-show h3 {float:left;cursor:pointer; border:1px dotted #e0dfd5;border-width:1px 0;margin:1px 0 13px; padding:4px 0 3px;width:710px;font-size:1.1em;}
.proj-show .down {float:left;background: url(../img/arrow-down.gif) no-repeat 665px center;}
.proj-show .up {float:left;background: url(../img/arrow-up.gif) no-repeat 665px center;}
/*//////////SLIDESHOW ELEMENTS//////////*/
.photos {float:left;margin-right:20px;position:relative;width:700px;min-height:300px;display:block;margin-bottom:14px;}
.slideshow {}
.slideinfo {position:absolute;bottom:0;right:-14px;width:295px;z-index:100;font-size:10px;font-family: Arial, sans-serif;}
#main-content .slideinfo p.caption {font-family:Georgia, serif;font-style:italic;margin-bottom:7px;color: #de0;}
#main-content .slideinfo p.caption span {color: #de0;}
#main-content .photos .info h3 {font-family:"Palatino Linotype", Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;text-transform:none; letter-spacing:0;color: #555;font-weight:normal;line-height:1.2;margin-bottom:3px}
#main-content .info h4 {color: #999;font-family:"Helvetica Neue", "Lucida Grande", Frutiger, Arial, sans-serif;text-transform:uppercase;}
#main-content .photos .info h5 {
font-family:"Palatino Linotype", Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;font-size:11px;font-style:italic;margin:5px 0 16px; color:#888;font-weight:normal;}
.photos .info h4 span {
font-family:"Palatino Linotype", Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
#main-content .photos .info p
{font-size:11px;text-transform:none;line-height:1.45;font-weight:normal;letter-spacing:normal;font-family:"Helvetica Neue", "Lucida Grande", Frutiger, Arial, sans-serif;}
#main-content .photos .info p.role
{text-align:left;line-height:1.45;font-size:11px;font-weight:normal;font-style:italic;}
.info p.role span {font-style:normal;font-weight:normal;padding-right:7px;font-size:10px;}
#main-content p.slidenav, p.slidenav a
{color:#999;font-size:10px;text-transform:uppercase;letter-spacing:.025em;line-height:1;padding-bottom:3px;}
p.slidenav a:hover {cursor:pointer;text-decoration:none; color: #c15;}
.proj-show .photos .info {float:left;width:280px;margin-left:420px;border: 1px solid #999;border-width:1px 0 0;padding:7px 0 0;}
.galleries .info {float:none;width:100%;margin-left:0;border:none;color: #999;text-transform:uppercase;font-weight:bold;letter-spacing:.5px;line-height:1.25;padding:7px 0 0;}
p.summary {font-family:"Helvetica Neue", "Lucida Grande", Frutiger, Arial, sans-serif;font-size:12px;}