/* site wide styles */
body {margin: 1px 0 0 1px; background: #fff;}
img {border: 0;}
body, p, h1, h2, h3, ul, li {font-family: Verdana, Arial, Helvetica, sans-serif;}

a {text-decoration: none; color: #000000;}
a:link {text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #000000;}
a:visited {text-decoration: none; color: #000000;}

/* page layout */
.frame {width: 1024px; background: url(../images/bg.gif); border-top: 2px solid #cacaca; border-bottom: 2px solid #cacaca;}
.frame #side {float: left; width: 272px; height: 664px; background: url(../images/logo.gif) no-repeat bottom left;}
.frame #main {position: relative; float: left; width: 750px; height: 664px; }

#work-copy {padding-left: 55px;}

#top-nav {width: 694px; height: 28px; float: left; padding: 19px 0 0 56px; border-bottom: 2px solid #cacaca;}
#footer {width: 750px; position: absolute; bottom: 0px; left: 0px; border-top: 2px solid #cacaca;}

/* positioning of footer elements */
.ft-design  {margin: 24px 0 23px 55px;}
.ft-address  {margin: 25px 0 24px 113px;}

/* top nav, off and on states */
a.tn-home-off {display: block; float: left; width: 38px; height: 10px; background: url(../images/tn_home_off.gif) no-repeat; padding: 0 43px 0 0;}
a.tn-work-off {display: block; float: left; width: 70px; height: 10px; background: url(../images/tn_ourwork_off.gif) no-repeat; padding: 0 43px 0 0;}
a.tn-process-off {display: block; float: left; width: 88px; height: 10px; background: url(../images/tn_ourprocess_off.gif) no-repeat; padding: 0 43px 0 0;}
a.tn-about-off {display: block; float: left; width: 65px; height: 10px; background: url(../images/tn_aboutus_off.gif) no-repeat; padding: 0 43px 0 0;}
a.tn-resources-off {display: block; float: left; width: 77px; height: 10px; background: url(../images/tn_resources_off.gif) no-repeat; padding: 0 43px 0 0;}
a.tn-contact-off {display: block; float: left; width: 79px; height: 10px; background: url(../images/tn_contactus_off.gif) no-repeat;}

a.tn-home-on {display: block; float: left; width: 40px; height: 11px; background: url(../images/tn_home_on.gif) no-repeat; padding: 0 43px 0 0}
a.tn-work-on {display: block; float: left; width: 72px; height: 11px; background: url(../images/tn_ourwork_on.gif) no-repeat; padding: 0 43px 0 0;}
a.tn-process-on {display: block; float: left; width: 92px; height: 11px; background: url(../images/tn_ourprocess_on.gif) no-repeat; padding: 0 43px 0 0;}
a.tn-about-on {display: block; float: left; width: 66px; height: 11px; background: url(../images/tn_aboutus_on.gif) no-repeat; padding: 0 43px 0 0;}
a.tn-resources-on {display: block; float: left; width: 80px; height: 11px; background: url(../images/tn_resources_on.gif) no-repeat; padding: 0 43px 0 0;}
a.tn-contact-on {display: block; float: left; width: 81px; height: 11px; background: url(../images/tn_contactus_on.gif) no-repeat;}

/* styles for the large center images */
.img-intro {margin: 129px 0 100px 56px;}
.img-about {margin: 30px 0 0 56px;}
.img-resources {margin: 110px 0 0 56px;}
.work-main {margin: 30px 0 0 0;}

/* page specific styles */
#work-copy {width: 400px; padding-left: 55px; margin-top: -7px;}
#work-copy h2 {padding: 0; margin: 0 0 6px 0; font: 11px Verdana, Arial, Helvetica, sans-serif;}
#work-copy h2 strong {font-size: 14px;}
#work-copy p {padding: 0; margin: 0 0 6px 0; font: 11px Verdana, Verdana, Arial, Helvetica, sans-serif}
#work-copy p.list {padding: 0; margin: 0 0 2px 0;}
#work-copy ul {padding: 0; margin: 0 0 0 15px;}
#work-copy ul li {font: 11px Verdana, Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0px 0; margin: 0px;}
#work-nav {position: absolute; text-align: right; bottom: 100px; right: 22px; width: 89px;}
#work-nav img {margin-bottom: 7px;}
#side #left-nav {padding: 0; margin: 132px 0 0 68px;}
#side #left-nav a {display: block; height: 11px; padding: 1px 0 9px 20px;}
#side #left-nav a.work {height: 12px; padding: 1px 0 12px 20px;}
#side #left-nav a:hover {background: url(../images/dot.gif) no-repeat 0 0;}
#side #left-nav a.on {background: url(../images/dot.gif) no-repeat;}

#directions {float: left; width: 275px; padding: 32px 0 0 20px;}
#directions h2 {padding: 3px 0 0 0; margin: 0 0 2px 0; font: bold 14px Verdana, Arial, Helvetica, sans-serif}
#directions p {padding: 0; margin: 0 0 11px 0; font: 11px Verdana, Verdana, Arial, Helvetica, sans-serif}
#directions a {color: #000000; text-decoration: none;}
.map {float: left; padding: 35px 0 0 55px;}

#whitepapers {width: 560px; margin: 129px 0 0 56px}
#whitepapers h1 {font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 8px 0;}
#whitepapers h2 {font: bold 11px Verdana, Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 1px 0;}
#whitepapers p {font: 11px Verdana, Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 14px 0;}
#whitepapers p.challenge {padding: 6px 0 0 0; margin: 0 0 4px 0;}
#whitepapers p.email {padding: 9px 0 0 0; margin: 0 0 4px 0;}
#whitepapers input.submit {display: block; margin: 15px 0 40px;}
#resources-left {float: left; margin: 60px 0 0 56px} 
#resources-right {float: right; margin: 60px 90px 0 0}
#resources-left h2, #resources-right h2 {font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 20px 0 2px 0;}
#resources-left a, #resources-right a {display: block; font: 11px Verdana, Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 0 0; text-decoration: none; color: #000000;}

table {clear: both;}
table, tr, td {padding: 0; border: 0; margin: 0; font-size: 11px;}
td {padding-bottom: 3px;}
td input {width: 245px;}
td input.zip {width: 100px;}
td input.comments {width: 568px;}

.bodycontent {padding: 36px 0 0 58px; clear: both;}
.bodycontent p {clear: both; font-size: 11px; margin-bottom: 20px;}

.contact-info-l {float: left; margin: 0 126px 31px 0;}
.contact-info-r {float: left; width: 365px;}

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}