/*---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-wdt.gif) no-repeat 0px 0px; border:none; margin:0; padding:0; display:block;height:100px; width:479px;}
#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: #333; padding-bottom: 10px; text-decoration:none; margin-left:0px;}
.sidenav li a:hover, .sidenav li a:focus {border:none;} .sidenav li a:hover {color: #c15;}
ul#scoop{padding-left:0;}
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;}
/* utilities */
.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;}
/*//////////////
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:20px;left: 9px;}
#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: 170px; float: right;padding-top:25px;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 */
#client-list-link {position:absolute;left:4%; top:231px;}
#case-study-archive-link {width:75%;margin-top:28px;}
.case-study #wrapper {width: 960px;border-bottom: 0px solid #666;}
.case-study #main-content {width: 960px;display:inline; overflow: hidden;margin-left: 0;padding-left: 0;}
.case-study #sidenav {float: right;margin-top:-68px;margin-right:126px;}
.case-study #case-info{margin-left: 28px;padding-top: 28px;}
.case-study #pagination {float: right;padding-right: 124px;}
#case-info {padding-bottom:14px;padding-left: 124px;padding-right: 124px;}
.samples#main-content #case-info{margin-left:0; padding-left:70px;}
#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 {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.viget {background:#fff url(../img/pink-robot-maid.jpg) no-repeat 100% 100%;}
#foot-inside-wrap {width: 904px; margin: 0 auto;border-top: 1px dotted #499;padding-top: 28px;padding-left: 14px;}
/*//////////////
END STRUCTURE
/////////*/
/*///////// typography and lists /////////*/
.colored-arrow {color: #c15;}
.accent {color: #cd0;}
#pagination .accent{font-size:1.25em;font-weight:bold;}
.info {color:#d9d9d1;font: normal 10px "Lucida Grande", Frutiger, Arial, sans-serif; font-weight: bold;letter-spacing:.1em; text-transform:uppercase;}
.star {color: #c15;}
.small {font-size:7px;}
ul.sidenav li {list-style-image: url(../img/double-arrow.gif); list-style-position:outside;}
#branding-logo h1 {text-indent: -9000px;}
#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:"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;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 "Lucida Grande", Frutiger, Arial, sans-serif;color: #888;letter-spacing:.1em;font-weight:bold;}
#case-info p.quote {font-family:"Helvetica Neue", Helvetica, sans-serif; font-size:9px; 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{color: #cd0;}
#case-info h4{line-height:28px;color:#499;}
#case-info p.role {font-family:"Lucida Grande", Frutiger, Arial, sans-serif;text-align:right;font-weight: bold;font-size:1em;color: #888;}
.case-module {border-top:1px dotted #c0c0c0;padding:7px 0 35px;margin-left: 70px;margin-right: 70px;}
.case-module h4 {color: #999;font-family:"Lucida Grande", Frutiger, Arial, sans-serif;}
.case-module .samples{width: 820px;}
.case-module img {border: none;margin:0;padding-top: 14px;margin-right: 5px;}
#footer, #foot-inside {font-size: 10px; line-height:21px;}
#footer p, #foot-inside p {padding-bottom:14px;}
#footer h3, #foot-inside h3 {font-size: 11px;padding-bottom: 0px;}
#footer h3 {text-transform:uppercase;color: #de0;}
#footer h4, #case-info h4 {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 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;}