/* CSS Document */

body { margin:0; padding: 0; background-color: #FFF; font: 12px "Trebuchet MS", Arial, sans-serif; background: #FFF url(../images/bodyBG.gif) repeat-x top;}
a img { border: none;}
p { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em;}
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
ul { list-style-image: url(../images/icons/bullet.gif); }
li { line-height: 1.4em; }
h3.home { text-align: center; border: none; font-size: 16px; margin: 12px 0;}

#masthead {width: 950px; }

dl { padding: 0; margin: 0;}
dt { color: #666;}
dd { font-size: 11px; font-family: Verdana; letter-spacing: 0.1em;}
.contact-phone { text-align: right; margin: 8px 0 8px 0; padding: 15px 0 0 0; font-size: 14px; color: #666;}
.phone-num { color: #2E3191; font-weight: bold;}
.embedded-map { float: right; border: 1px solid #CCC; padding: 0; width: 322px; height: 197px;}
.embedded-map img { margin: 0;}

h3 { margin: 0; padding: 0; color: #004171; font-size: 18px; letter-spacing: 0.2em;}
h3 span { border-bottom: 1px solid #C4D1DA; padding: 0; margin: 0;}
div.section { margin: 0; width: 700px; border-left: 1px solid #C4D1DA;  padding: 1em; }
div#home { margin: 0; width: 450px; background: #FFF; border-left: 1px solid #C4D1DA; border-right: 1px solid #C4D1DA; padding: 1em;}
div#home p.last, div#sidebar-right p.last { margin-bottom: 0.5em; }
div.section-content { padding: 0; margin: 0;}
div.section-link, div.readmore-line { margin: 0;}
div.readmore-line { text-align: center; }
div.readmore-line span { margin-right: 10px;}

.pullquote1 { margin-left: 8px; background-color: #E5EBF0; color: #004171; font-weight: bold; border: 1px dotted #004171; padding: 8px; float: right; width: 240px; font-size: 18px; font-family: "Times New Roman", Times, serif;}
.pullquote1 .pullq-person { margin-top: 5px; color: #000; font-weight: 400; width: 190px; margin-left: 50px; font-size: 12px;}

#masterWrapper { margin:0; padding: 0; background: #FFF url(../images/bodyBG.gif) repeat-x top;}
#logoBG { margin: 0; padding: 0; background: transparent url(../images/logoBG.png) no-repeat top; width: 187px; height: 157px; float: left;}
#tagline { padding: 0; margin: 30px 0 0 20px; background: transparent url(../images/tagLine.gif) no-repeat top; width: 659px; height: 96px; float: left;}
img { margin: 0;}
img#TDT-logo { margin-top: 30px; margin-left: 20px;}
#contentTop { margin: 0; padding: 0; clear: left; background: transparent url(../images/contentTop.gif) no-repeat top; width: 912px; height: 14px;}
#content { float: left; margin: 0; padding: 0; width: 755px; }
#wrapper { clear: left; float: left; width: 950px; background-color: #F8F8F8;}

/* Navigation */
#nav-sidebar { float: left; width: 195px; background-color: #F8F8F8;}
#nav-sidebar ul { width: 189px; list-style: none; margin: 0; padding: 0; font-size: 16px; font-family: Tahoma, "Trebuchet MS", sans-serif;}

#nav-sidebar li, #nav-sidebar li.first, #nav-sidebar li.last { padding: 0; margin: 0; line-height: 29px; }

#nav-sidebar li { background: #000 url(../images/nav/menu-link.jpg) no-repeat top; }
#nav-sidebar li.first { background: #000 url(../images/nav/menu-link-first.jpg) no-repeat top; }
#nav-sidebar li.last { background: #000 url(../images/nav/menu-link-last.jpg) no-repeat top; }

#nav-sidebar li a { display: block; width: 189px; height: 29px; padding: 0; margin: 0; text-indent: 15px;}

#nav-sidebar li a:link, #nav-sidebar li a:visited { color: #FFF; text-decoration: none;}
#nav-sidebar li a:hover { color: #FFF; background: #004171 url(../images/nav/menu-hover.jpg) no-repeat top; text-decoration: none;}
#nav-sidebar li a:active { color: #FFF; text-decoration: none;}

#nav-sidebar li.first a:link, #nav-sidebar li a:visited { color: #FFF; text-decoration: none;}
#nav-sidebar li.first a:hover { color: #FFF; background: #004171 url(../images/nav/menu-hover-first.jpg) no-repeat top; text-decoration: none;}
#nav-sidebar li.first a:active { color: #FFF; text-decoration: none;}

#nav-sidebar li.last a:link, #nav-sidebar li a:visited { color: #FFF; text-decoration: none;}
#nav-sidebar li.last a:hover { color: #FFF; background: #004171 url(../images/nav/menu-hover-last.jpg) no-repeat top; text-decoration: none;}
#nav-sidebar li.last a:active { color: #FFF; text-decoration: none;}

/* Right Sidebar */

#sidebar-right { width: 272px; float: right; clear: right; margin: 0;  }

/* Footer */
#footer { clear: left; float: left; width: 950px; font-size: 12px; line-height: 1.2em; font-family: "Trebuchet MS", Arial, sans-serif; color: #004171; border-top: 1px solid #666; font-weight: bold; background: #FFF url(../images/footerGrad.gif) repeat-x top;}
#footer-Row1 { width: 950px; padding-left: 10px; padding-top: 10px;}
#footer-Row2 { clear: left; width: 950px; text-align: center; padding-top: 10px; padding-bottom: 10px;}
#footer-Row2 a:link, #footer-Row2 a:visited { text-decoration: none; }
#footer-Row2 a:hover { text-decoration: underline; color: #004171;}
#footer-Row2 a:active { text-decoration: none; }

#footer-Row3 { color: #CCC; text-align: center; padding-bottom: 5px;}
#footer-Row3 a:link, #footer-Row3 a:visited { color: #B9B7B7;}
#footer-Row3 a:hover { color: #00F;}
#footer-Row3 a:active { color: #B9B7B7;}

.TDTcopyright { float: left; width: 185px;}
.TDTaddress { float: left; width: 240px;}
.TDTphone { float: left; width: 300px;}
.TDTemail { float: left;}

/* Job Board */

#jobBoardTbl { width: 700px; margin-top: 0; margin-bottom: 10px; border: 1px solid #CCC; background-color: #FFF;}
#jobBoardTbl td { padding: 6px; border-bottom: 1px dotted #CCC;}
#jobBoardTbl td, #jobBoardTbl th { text-align: left;}
#jobBoardTbl td.jobNum { text-align: right;}
#jobBoardTbl td.jobNum, #jobBoardTbl th.jobNumTH { color: #666; width: 35px; padding-left: 0; padding-right: 0; }
#jobBoardTbl th { background: #F8F8F8 url(../images/THgrad.gif) repeat-x top left; }
#jobBoardTbl tr.even td { background-color: #F8F8F8;}
#jobBoardTbl td.jobCat { text-align: right; font-weight: bold; width: 100px; }
#jobBoardTbl th.jobDescTitle { text-align: center; font-size: 14px; letter-spacing: 0.2em;}
#applyFormTable td.label { text-align: right; font-weight: bold; }

#applyFormTable { margin-bottom: 15px;}
#applyFormTable td { padding: 4px; text-align: left;}
.resumeUpload { background: #E4EAEC; padding: 3px 10px; border: 1px solid #CCC; width: 90%; text-align: center; margin: 0 auto;}
.trades { font-weight: bold;}

/* FAQ */

.FAQ-section { background: #F8F8F8 url(../images/FAQ-bg.jpg) no-repeat top right; }
h3.FAQ-title { text-align: right; color: #CCC; margin: 10px 0; padding: 0;}
h3.FAQ-title strong { color: #000;}
h4.FAQ-question { font-size: 16px; color: #D76B03; margin: 10px 0 2px 0;  }
div.FAQ-answer ul { margin-top: 0; margin-bottom: 0;}
div.FAQ-answer li { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 4px 0;}
.FAQ-let-us-know { padding: 5px; background-color: #E5EBF0; border: 1px dotted #004171; color: #004171; font-size: 14px; text-align: center;}

/* PROJECTS */

.TDT-project div {float: left; clear: right; width: 520px; margin-left: 5px; }
.TDT-project { clear: left;}
.TDT-project h3 { font-size: 16px; color: #D76B03; margin: 10px 0 0 0;}
.TDT-project p { margin: 0 0 5px 0;}
.TDT-project img { margin: 0 10px 10px 0;}

/* STEEL */

.TDT-Steel div { width: 700px; margin-left: 5px; }
.TDT-Steel { clear: left;}
.TDT-Steel h3 { font-size: 16px; color: #D76B03; margin: 10px 0 0 0; }
.TDT-Steel p { margin: 0 0 5px 0;}
.TDT-Steel img { margin: 0 10px 10px 0;}

.Steel-section { background: #F8F8F8 url(../images/Steel-bg.jpg) no-repeat top right; }
.Steel-section ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }
.Steel-section ul li { list-style-position: outside; padding-top: 5px; padding-bottom: 5px;}

.Steel-section .section .section-content { padding-top: 25px; }
.steel-thumb { float: left; margin: 0 1em 1em 0; }

.portrait-right { float: right; }
.portrait-left { float: left; clear: left; }

.team-member { clear: left; }
.team-member h5 { font: bold 14px/1.2em Arial, Helvetica, sans-serif; margin: 1em 0 0; color: #004171; }
.team-member h6 { font: bold 12px/1.2em Arial, Helvetica, sans-serif; margin: 0 0 1em; }
.Steel-phone { float: none; padding: 5px; background-color: #E5EBF0; border: 1px dotted #004171; color: #004171; font-size: 14px; text-align: center; margin-bottom: 1em;}

#Steel-QuoteButton { float: right; margin: 0 0 1em 1em; }

.openquote { margin-right: 5px;}
.closequote { margin-left: 5px;}

.About-section { background: #F8F8F8 url(../images/About-bg.jpg) no-repeat top right; }
.Jobs-section { background: #F8F8F8 url(../images/job-board-bg.jpg) no-repeat top right; }
.Contact-section { background: #F8F8F8 url(../images/contact-us-bg.jpg) no-repeat top right; }
.JOBS-points-link { width: 350px; margin: 15px 0 15px 25px; padding: 5px; background-color: #E5EBF0; border: 1px solid #004171; color: #004171; font-size: 14px; text-align: center; }

#contactFormTable, #applyFormTable { background: #F8F8F8 url(../images/applyFormBG.gif) no-repeat top left; width: 515px; margin-top: 5px; border-right: 1px solid #2E3191; }
#contactUsForm { padding: 0; margin: 0;}
#Form1 { padding: 0; margin: 0;}

#contactFormTable { margin-bottom: 15px; width: 465px; }
#contactFormTable td { padding: 4px; text-align: left; }
#contactFormTable td.comments-box { text-align: center;}
#contactFormTable td.label { text-align: right; font-weight: bold; }
#contactFormTable td.comments-title { color: #004171; font-size: 18px; padding-left: 60px; font-weight: bold; padding-bottom: 2px; letter-spacing: 0.1em;}
#contact-us-form-wraper h3 { margin-left: 110px; padding-bottom: 0; margin-bottom: 3px;}

#job-form-wraper { padding: 0; margin: 0;}
#job-form-wraper h3 { margin-left: 90px;}
.job-submit-bg { float: left; margin: 5px 10px 0 5px;}
h3.job-submit { float: left;}
h3.job-submit em { color: #666;}

#points-banner { margin: 5px 0 0 0; background-color: #DDE4E7; width: 400px; background-image: url(../images/icons/checkmark.gif); background-repeat: no-repeat; background-position: right 5px; padding: 0 80px 0 0; border: 1px solid #BCC6CA;}
#points-banner p { padding: 8px; }

.Clients-section { background: #F8F8F8 url(../images/blank-bg.jpg) no-repeat top right; }
.Clients-section ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }
.Clients-section ul li { list-style-position: outside; padding-top: 5px; padding-bottom: 5px;}