/* revised : 03/19/2009 : dw */ /* all media */ @media all { /* global */ * { margin:0; padding:0; } html { overflow-y:scroll; } body { background:#fff; padding:0 0 0px 0; font:12px arial, helvetica, sans-serif; color:#282f27;} /* tags */ h1 { font-size:16px; color:#465744; margin:0 0 15px 0;} /* GREEN */ h2 { font-size:14px; color:#be6600; } /* ORANGE */ h3, h3 a { font-size:14px; color:#465744; } /* GREEN */ h4 { font-size:12px; color:#be6600; }/* ORANGE */ h5 { font-size:12px; color:#282f27; }/* DARK GREEN GREY */ h6 { font-size:12px; color:#282f27; } h1 strong, h1.strong, span.orange { color:#be6600; } /* ORANGE */ span.orange {width:250px} h4 strong { color:#be6600; } h4.contact { font-size:16px; } h4.contact span.green { color:#282f27; } h2 a { color:#465744;} p { margin:0 0 15px 0; color:#282f27 } li { } li,p { line-height:19px; margin-top:5px; } ol, ul { padding:0 0 10px 35px; } dl dt { width:100px; float:left; clear:both; padding:3px 0; } dl dd { width:300px; float:left; padding:3px 0; } label,select,input[type='submit'],.point { cursor:pointer; } textarea,input { font:12px arial, helvetica, sans-serif; padding:3px; } ul, ol ul { list-style-type:disc; } ul ul { list-style-type:square; } ul ul ul { list-style-type:circle; } /* custom */ .clear { clear:both; } .emp { color:#c27d2c; } .error { color:#DF3400; } .hide { display:none; } .input { border:1px solid #caccbf; padding:3px; } .message-box { padding:5px; border:1px solid #fc0; background:#fffea1; margin:0 0 15px 0; } .page-break,.print-only { display:none; } .right { text-align:right; } /* links */ a { color:#be6600; } a:link, a:visited { text-decoration:none; } a:hover, a:active { text-decoration:none; } a img { border:0; display:block } /* layout */ #wrap { width:100%; margin:0 0 0 0; } #page { position:relative; } #content { width:960px; margin:0 auto;background:#caccbf; } /* header */ #header-shadow { position:absolute; width:100%; margin:0 auto; height:8px; background:url(/graphics/layout/header-bg.gif) 0 0 no-repeat; } #header { width:960px;margin:0 auto; } #logo { float:left; width:429px; padding-top:8px; } #header-right { position:relative; float:left; width:531px; text-align:right; z-index:999999; } #navigation { margin-top:52px; } #search { position:absolute; height:44px; margin-top:8px; text-align:right; width:385px; right:-90px; overflow:hidden; } #search-input { background:url(http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif) 10px 5px no-repeat; border:none; width:216px; height:22px; padding:5px 0 0 10px; } #input-wrapper { background:url(/graphics/layout/search-input-bg.gif) 0 0 no-repeat;} #search-submit { border:none; background:url(/graphics/layout/search-input-bg.jpg) 0 0 no-repeat; width:79px; height:30px;color:#fff; position:absolute; display:block; right:120px; top:0px; display:block; padding-bottom:10px; } #cse-search-results { padding-left:25px; } /* subnavigation */ * html #navigation ul ul { margin-bottom:-10px; } #navigation li div.subNavWrap { position:absolute; } #navigation li ul.subNav { margin:0px; padding:0px; } #navigation li ul.subNav li { text-align:left; display:block; float:none; height:auto; } #navigation li.menu div.subNavWrap ul.subNav li a { display:block; background-color:#465744; height:auto; } #navigation li.menu div.subNavWrap ul.subNav li a:hover { background:none; background-color:#848f7e;} #navigation li#contact-nav .subNavWrap { margin-left:-73px; width:140px; } .menu { display:inline;} .menu div.subNavWrap { position:absolute; } .subNav { margin-left:-35px; } * html .subNav { margin-left:0px; } * html .subNavWrap { margin-left:-100px; } #navigation .subNav li { display:block; float:none; height:auto; text-align:left; } * html #navigation .subNav li { width:200px; } #navigation .subNav li a { height:auto; background:#465744; border-bottom:1px solid #cacdbf; } #navigation ul li.current .subNav a { background:#465744; } /* #services .subNav { width:250px; } #company .subNav { width:175px; } */ * html #company .subNavWrap { } * html #navigation li#contact-nav .subNavWrap { margin-left:-150px; width:150px; overflow:hidden; } * html #navigation li#publications .subNavWrap { margin-left:-100px; width:150px; overflow:hidden; } * html #navigation li#news-events .subNavWrap { margin-left:-120px; width:150px; overflow:hidden; } * html #navigation li#services .subNavWrap { margin-left:-70px; } * html #navigation li#company .subNavWrap { margin-left:-60px; } /* footer */ #pre-footer-wrap { width:100%; background:url(/graphics/layout/second-promo-bg.gif) 0 bottom repeat-x;} #pre-footer { width:960px; margin:0 auto; } #footer-wrap { width:100%; background:#1d231c url(/graphics/layout/footer-bg.gif) 0 0 repeat-x; } #footer { width:960px; margin:0 auto; color:#e3e3e2; } #footer-nav { float:left; width:695px; padding:25px 0px 25px 25px; } #footer-nav p { padding-top:25px; } .footer-nav { float:left; width:33%; } .footer-nav ul { list-style:none; margin-left:-35px; } #footer-contact { float:left; width:189px; border-left:1px solid #3c443b; margin:25px 0; padding:0 25px; } /* navigation */ #navigation { float:right; display:inline } #navigation ul { list-style:none; font-size:14px; } #navigation ul li { float:left; margin:0 0 0 1px; } #navigation ul li.current { } #navigation ul li a { color:#fff; background:#465744; /*padding:4px 10px;*/ padding:4px 9px 4px 9px; height:22px; display:block; } #navigation ul li.current a { background:#282f27;} #navigation ul li a:hover { background:#657862;}/* Light Green */ #navigation ul li.current a:hover { background:#282f27;} #navigation ul li a:link, #navigation ul li a:visited { text-decoration:none; } * html #navigation li { width:65px; } * html #navigation li#home { width:55px; } * html #navigation li#news-events { width:115px; } * html #navigation li#publications { width:95px; } * html #navigation li a { padding:4px 9px; } /* sub-navigation */ #subnavigation { float:left; display:inline; width:240px; z-index:10; } *+ html #subnavigation { margin-bottom:15px; } #subnavigation ul { list-style:none; margin:0px; padding:0px; color:#fff;} #subnavigation li { display:block; background:#465744; margin:0 0 1px 0; } #subnavigation li.cur { background:#282f27; border-right:14px solid #f7921e; }/* ORANGE */ #subnavigation li.cur span { cursor:pointer; display:block; background:url(/graphics/layout/promo-links-bg.gif) center top no-repeat #464e3f; } #subnavigation li ul li { background:#282f27; } #subnavigation li ul li.cursub { color:#fff; } #subnavigation li a {display:block; padding:10px 10px 10px 20px; line-height:14px } #subnavigation li a:link, #subnavigation li a:visited { background:url(/graphics/layout/arrow-gray.gif) 10px 11px no-repeat;text-decoration:none; color:#fff; } #subnavigation li a:hover, #subnavigation li a:active { background:url(/graphics/layout/arrow-org.gif) 10px 11px #848f7e no-repeat; text-decoration:none; color:#fff; } #subnavigation li li a, #subnavigation li li a:link, #subnavigation li li a:visited { margin-left:20px; padding:5px 10px 5px 20px; background-position:10px 6px } #subnavigation li li a:hover, #subnavigation li li a:active { background-color:#282f27; background-position:10px 6px } #subnavigation li ul {padding:10px 0 10px 0} #subnavigation li.cur a.cur:link, #subnavigation li.cur a.cur:visited { background:url(/graphics/layout/arrow-org-dn.gif) 5px 13px no-repeat; } #subnavigation li.cursub a:link, #subnavigation li.cursub a:visited { background:url(/graphics/layout/arrow-org.gif) 10px 6px no-repeat; } /* home page */ #main-promo-wrap { } #main-promo { } #second-promo-wrap { width:100%; background:#869d83; border-top:1px solid #aab8a8; } * html #second-promo-wrap { position:relative; margin-top:0px; z-index:5; } #second-promo { width:960px; margin:0 auto; border-top:1px solid #869d83; } #promos { float:left; background:url(/graphics/layout/home-second-bg.gif) 0 0 repeat-y; margin:0; } #promo-left, #promo-right { float:left; display:inline } #promo-left { padding:25px;width:430px; } #promo-right { width:480px; } #promo-links { position:relative; background:url(/graphics/layout/promo-links-bg.gif) 0 0 repeat-x; height:40px; width:910px; padding:15px 25px; color:#fff; } #news, #events { float:left; width:209px; padding:15px; overflow:hidden; height:250px } #news {width:210px;} /* home page -- slide show */ #main-promo-wrap { position:relative; width:100%; } #main-promo { position:relative; width:962px; margin:0 auto; z-index:1; } #homepage-slideshow-images { position:relative; float:left; width:721px; height:419px; } .homepage-slideshow-images-item { position:absolute; top:0; left:0; border-right:1px solid #869d83; } .homepage-slideshow-images-item a { cursor:default; } #homepage-slideshow-tabs { float:left; width:239px; height:419px; border-left:1px solid #869d83;} #homepage-slideshow-tabs ul { list-style:none; width:240px; margin:0px; padding:0px } #homepage-slideshow-tabs ul li { border-bottom:1px solid #869d83; margin:0px; padding:0px} #homepage-slideshow-tabs ul li a { color:#fff; font-size:16px; margin:0; padding:10px; height:49px; background:#465744; display:block } #homepage-slideshow-tabs ul li a:link, #homepage-slideshow-tabs ul li a:visited { text-decoration:none;} #homepage-slideshow-tabs ul li a:hover, #homepage-slideshow-tabs ul li a:active { background: #657862;} #homepage-slideshow-tabs ul li.active a:link, #homepage-slideshow-tabs ul li.active a:visited {background:url(/graphics/home/nav-active-bg.gif) 0 0 no-repeat; text-decoration:none;} #homepage-slideshow-tabs ul li.active a:hover, #homepage-slideshow-tabs ul li.active a:active { background:url(/graphics/home/nav-active-bg.gif) 0 0 no-repeat;} #homepage-slideshow-tabs ul li a span.arrow { cursor:pointer; background:url(/graphics/layout/arrow-org.gif) right 5px no-repeat; padding-right:10px} .home-wrapper-items { z-index:0; height:419px; position:absolute; top:0; width:100%; border-right:1px solid #869d93; } #communications { background:url(/graphics/home/x_communications.jpg) 0 0 repeat-x; } #engineering { background:url(/graphics/home/x_engineering.jpg) 0 0 repeat-x; } #costOfService { background:url(/graphics/home/x_costOfServices.jpg) 0 0 repeat-x; } #automation { background:url(/graphics/home/x_automation.jpg) 0 0 repeat-x; } #TDLine { background:url(/graphics/home/x_TDLine.jpg) 0 0 repeat-x; } #services { background:url(/graphics/home/x_services.jpg) 0 0 repeat-x; } #homepage-bar { position:absolute; width:14px; height:69px; background:#f7921e; left:240px;z-index:3; } #main-link { position:absolute; top:262px; left:562px; z-index:3; } #main-link a { display:block; background:url(/graphics/home/main-link-bg.gif) 0 0 no-repeat; width:207px; height:30px; padding:5px 0 0 25px; text-transform:uppercase;color:#f7921e; font-size:14px; } #main-link a:link, #main-link a:visited { text-decoration:none; } /* home page -- news & events promos */ #news, #events { position:relative; margin-top:10px; } #news h2, #events h2 { position:absolute; width:75px; } .homepage-news-item, .homepage-events-item { background:url(/graphics/layout/home-second-bg.gif) -480px 0 repeat-y; position:absolute; top:40px; left:0; padding:15px; z-index:3 } .mini-navs { float:right; width:135px; margin-top:-5px; background:url(/graphics/layout/btn-white-left.gif) left 3px no-repeat; } .mini-nav { float:left; display:inline; list-style:none; padding:0 3px 0 5px; } .mini-nav li { display:inline; float:left; padding:0 3px 5px 3px; margin-top:3px; cursor:pointer; } .mini-nav li.active { color:#be6600; } .mini-navs .button-link { margin-top:3px; } .mini-navs .button-link span { padding-top:3px; cursor:pointer; } .mini-navs a.button-link {width:70px} .mini-navs a.button-link {float:right; display:inline} .homepage-events-item a, .homepage-news-item a { width:90px; text-align:center; } /* content pages */ #page-wrap { width:100%; background:#869d83 url(/graphics/layout/communications-infrastructure-bg.gif) 0 0 repeat-x; } #page { width:960px; margin:0 auto -14px auto; position:relative; height:100%; background:#caccbf; } #content { float:left; display:inline; width:720px; margin:0 auto; padding:0 0 0 0px; } #content-header img { display:block; } #page-content { width:720px; background:#e1e3d5; } #bottom-modules { border-top:1px solid #caccbf; margin:0 0 30px 0; } #bottom-modules h1 { font-size:18px; color:#465744; } #left-col img { padding:0 5px 5px 0; } a.button-link { background:url(/graphics/layout/btn-green-left.gif) left top no-repeat; color:#fff; display:block; text-decoration:none; margin:0px; padding:0px; margin-bottom:5px} * html a.button-link {} a.button-link span { cursor:pointer; background:url(/graphics/layout/btn-green-rt.gif) right top no-repeat; padding:0px 8px 0 8px; margin-right:-4px; white-space:nowrap; text-align:center; height:19px; display:block; } * html a.button-link span {position:relative; margin-left:4px; padding-left:4px} a.button-download { width:75px;} a.button-download span {padding-top:2px; height:17px} a.btn-orange { background:url(/graphics/layout/btn-orange-left.gif) left top no-repeat; color:#fff; display:block; text-decoration:none; margin:0px; padding:0px } a.btn-orange span { cursor:pointer; background:url(/graphics/layout/btn-orange-rt.gif) right top no-repeat; padding:0px 8px 0 8px; text-align:center; height:19px; display:block;} .news-item a.button-link, .news-item a.btn-orange {width:90px} .news-item a.button-link span { cursor:pointer; } .news-item a.button-download {width:140px} .news-item a.button-download span {padding-top:0px; height:19px} /* 1 column content page */ .one-col { padding:25px; width:650px; } /* client requested the column span full page */ .one-col img { padding:0 5px 5px 0; } #page-leadership .one-col img { padding:0; } #full-col { width:670px; float:left; padding:25px; } /* two column content page */ #page-content.two-col { background:url(/graphics/layout/content-two-col-bg.gif) 0 0 repeat-y; } #left-col { width:430px; float:left; display:inline; padding:25px; } #right-col { width:209px; float:left; display:inline; padding:25px 15px 15px 15px; } /* contact us page */ #contact-us-form dd input, #contact-us-form textarea { width:325px; } #contact-us-form #submit-btn { clear:left; width:73px; height:29px; color:#fff; display:block; background:url(/graphics/layout/btn-submit.png) 0 0 no-repeat; border:none; } #contact-us-form #yo { margin-left:-3000px; } p.contact-us-p { margin:5px 0px 0px 100px; padding:0px } #contact-map { margin:15px 0 0 0; border-top:1px solid #caccbf; padding:20px 0 0 0; } #contact-map iframe { border:1px solid #465744; } /* calendar page */ #cal-go { } /* News Events */ .news-item {border-top:1px solid #caccbf; padding-top:15px} /* mini calendar */ #mini-cal {border-bottom:1px solid #caccbf; margin:0 0 15px 0; padding:0 0 15px 0} #mini-cal .calendar_days_row { border-left:1px solid #a09c9d; color:#000080; } #mini-cal .calendar_days_day { height:22px; width:28px; border-right:1px solid #a09c9d; border-bottom:1px solid #a09c9d; cursor:pointer; text-align:center; background-position:top right; background-repeat: no-repeat; color:#999; vertical-align:middle; valign:middle;} #mini-cal .calendar_days_day_mo { background-color:#e19540; } #mini-cal .calendar_no_day { background-color:#ffffff; } #mini-cal .calendar_date { } #mini-cal .taken { background:#f7921e; padding:3px 0 4px 0} #mini-cal #cal-head { height:22px; margin-left:1px; background:#fff; border-collapse:collapse; border:1px solid #a09c9d; } #mini-cal #calendar-mini { background:#fff; border-left:1px solid #a09c9d; } #mini-cal td.mininav { width:68px; height:22px; } #mini-cal #cal-head #cal-header { font-size:14px ; color:#be6600; } #mini-cal #cal-days { margin-left:1px; background:#fff; color:#465744; font-weight:bold; height:22px; border-collapse:collapse; } #mini-cal #cal-days td { text-align:center; width:28px; border-left:1px solid #a09c9d; border-bottom:1px solid #a09c9d; } /* Callout Bar */ .publications_callout {float:left; display:inline; width:500px; height:50px; } .publications_callout img {float:left; display:inline;} .publications_callout p {float:left; display:inline; color:#fff; font-size:14px; font-weight:bold; padding:6px 0 0 10px } .publications_callout a {float:left; display:inline; font-weight:normal; font-size:12px; margin:11px 0 0 10px} .publications_callout a span {padding:2px 8px 0 8px; cursor:pointer; } /* .newsletter_callout {float:right; display:inline; width:400px;} .newsletter_callout img {float:right; display:inline; margin:6px 0 0 0;} .newsletter_callout p {float:right; display:inline; color:#fff; font-size:14px; font-weight:bold; padding:6px 10px 0 0;} .newsletter_callout a {float:right; display:inline; margin:6px 0 0 -73px; position:relative; z-index:1} */ .newsletter_callout { float:right; display:inline; width:400px;} .newsletter_callout form {margin:0px; padding:0px} .newsletter_callout p { float:right; display:inline; color:#fff; font-size:14px; font-weight:bold; padding:6px 10px 0 0;} #subscription-form { position:relative; float:right; display:inline; width:220px; padding:5px 0 0 5px } #s-form-input input {height:29px; width:218px; border:none; background:url(/graphics/layout/input.png) 0 0 no-repeat; padding:7px 0 0 10px; float:right;} #s-form-submit input {height:29px; width:79px; z-index:5; float:right; display:inline; position:absolute; margin: 0 0 0 160px;} .btn_submit {text-decoration:none; background:url(/graphics/layout/btn-submit.png) 0 0 no-repeat; display:block; color:#fff; padding:0px 5px 0px 0px; width:73px; text-align:center; height:23px;} #right-col .right-content {border-bottom:1px solid #caccbf; margin:0 0 15px 0; padding:0 0 0 0} #right-col .module-contact {} #right-col .module-contact p {padding:0xp; margin:0px} #right-col .module-contact h1 {padding:5px 0 0 0; margin:0px} .module-contact p a {width:80px} div.biosHolder {clear:both; border-top:1px solid #caccbf; padding-top:15px} div.biosHolder img {float:left; display:inline;} div.biosHolder .biosCopy {float:left; display:inline; width:500px; padding:0 0 0 15px} /* Flash Text fix*/ div.biosHolder .biosCopy h1 { clear:both; padding:0px; margin:0px} div.biosHolder .biosCopy h2 {padding:0px; margin:0px; line-height:12px} div.biosHolder .biosCopy h5 {padding-top:5px} /* FOoter */ #footer-nav h3 a {color:#fff /*#be6600*/} #footer-nav p {color:#fff} #footer-contact p {color:#fff} #footer-nav a {color:#999} #footer-nav a:hover {text-decoration:underline} /* calendar Full */ #page-content {} #calendar_head {} #full-col {} #calendar {} #calendar_days_names {} table.tableChart {border-top:1px solid #ccc; border-left:1px solid #ccc; display:inline} table.tableChart tr td {padding:5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc} table.tableChart tr.header td {background:#465744; color:#fff; font-weight:bold;} table.tableChart tr.row_1 td {background:#fff; font-size:10px} table.tableChart tr.row_2 td {background:#e3e3e3; font-size:10px} * html #page-contact #right-col { width:200px; } } /* print media */ @media print { /* global */ * { font-family:arial, helvetica, sans-serif; } body { color:#000; font-size:12pt; } /* layout */ #wrap,#footer,#content,#page-content,#content-header { width:auto; margin:0; } #content-header img { width:100%; } h1 { font-size:18pt; } #left-col, #right-col { float:none; } #header, #navigation, #subnavigation, .no-print { display:none; } /* custom */ .print-only { display:block; } .page-break { page-break-before:always; } /* links */ a { text-decoration:underline; color:#999; } /* a:link:after, a:visited:after { content:" [" attr(href) "] "; } */ }