@charset "UTF-8";

/************** Colors Used **************
Very Light Gray: #eee
Light Gray: #999
Medium Gray: #666
Dark Gray: #888

Red-Orange: #CB3400
Light Sage Green: #6B8B7C
Dark Green (Logo): #21342B
*/

/************** Root Element **************/
html { margin:0; padding:0; }
body { margin:0; padding:0; font:small/1.5 Arial,Helvetica,sans-serif; color:#fff; background:#888; }
body.iframe { color:#666; background:#fff url("files/content_bg.gif") 0 100% repeat-x; }

/************** Links **************/
a:link { color:#666; text-decoration:none; font-weight:bold; }
a:visited { color:#666; text-decoration:none; border-bottom:1px dotted #666; }
a:hover, a:focus, a:active { color:#CB3400; text-decoration:none; }
a img { border:0 none; display:block; }
.pdf { padding-left:15px; background:url("/img/icon/pdf.gif") 0 50% no-repeat; }
.qt { padding-left:15px; background:url("/img/icon/qt.gif") 0 50% no-repeat; }
.external { padding-left:15px; background:url("/img/icon/external.gif") 0 50% no-repeat; }
.mp3 { padding-left:15px; background:url("/img/icon/qt.gif") 0 50% no-repeat; }
.url { font-weight:normal; }

/************** Headings **************/
h1 { width:150px; margin:0; padding:0; color:#21342B; font-size:200%; }
h2 { margin:0; padding:0; color:#6B8B7C; font-size:140%; }
h3, caption { margin:0; padding:0; color:#6B8B7C; font-size:115%; font-weight:bold; }
h4 { margin:0; padding:0; color:#6B8B7C; font-size:100%; }
h5 { margin:0; padding:0; font-size:100%; font-weight:bold; }
h6 { margin:0; padding:0; font-size:100%; font-weight:bold; }

/************** Standard Elements **************/
object { margin:0; padding:0; }
sup, sub { font-size:75%; }
sup { line-height:1px; vertical-align:super; }
sub { line-height:1px; vertical-align:sub; }
abbr, acronym { border-bottom:1px solid #eee; }
img { border:0 none; }

table { width:100%; margin:5px 0 10px 0; padding:0; border:1px solid #666; 
    border-collapse:collapse; empty-cells:show; }
table th { border:1px solid #999; }
table td { border:1px solid #999; }
.tr-alt { background:#eee; }

caption small, th small { font-size:90%; font-weight:normal; }
table thead th { text-align:center; }
table tbody th { text-align:left; }
table th, table td { vertical-align:top; }
table.checkchart td { text-align:center; vertical-align:middle; }
form table, form table th, form table td { border:0 none; }

#primary-content p { margin:5px 0 10px 0; padding:0; }
#primary-content ul, #primary-content ol { margin:5px 0 15px 0; padding:0; }
#primary-content ul { list-style:square inside; }
#primary-content ol { list-style:decimal inside; }
#primary-content li { margin:5px 0; padding:0; }
#primary-content ul ul, #primary-content ul ol, #primary-content ol ul, #primary-content ol ol { 
    margin-left:10px; margin-bottom:5px; }

/************** Classes **************/ 
input.form-text, textarea { border:1px solid #999; width:250px; }
.form-radio, .form-check { size:1em; }
.float-right { float:right; margin:10px 0 10px 10px; }
.float-left { float:left; margin:10px 10px 10px 0; }
.copyright { font-size:90%; }
#primary-content .suppliers { margin:5px 0; padding:0; list-style:none; overflow:hidden; }
#primary-content .suppliers li { width:45%; float:left; }
.marked { color:#CB3827; }

/************** hCard **************/
.vcard { clear:left; }
.vcard a.adr, .vcard a.include, .vcard .country-name { display:none; }
.vcard + .vcard { margin-top:5px; }

/************** Page Layout **************/
#container { width:876px; margin:0 auto; padding:15px; color:#666; 
    background:#fff url("files/content_bg.gif") 0 100% repeat-x; }
#header { position:relative; margin:10px 0 0 0; padding:0;  }	
#search-form { position:absolute; top:0; right:0; margin:0; padding:0; }
#search-form p { margin:0; padding:0; font-weight:bold; font-size:90%; }
#search-form #search-field { width:150px; }
#nav { position:absolute; bottom:-5px; right:-10px; margin:0 0 0 150px; padding:0; list-style:none; 
    font-size:90%; }
#nav li { display:inline; margin:0 10px; padding:0; }
#nav a { font-weight:bold; border-bottom:0 none; }
#content { position:relative; margin:10px 0 0 0; padding:100px 0 0 0; }
#primary-content { float:right; width:625px; margin:15px 0 0; line-height:1.5; }

#secondary-content { float:left; position:relative; top:-35px; width:230px; margin:0 0 10px 0; padding:0; 
    border:1px solid #999; list-style:none; font-size:80%; line-height:1.1; background:#fff; }
#secondary-content li { margin:0; padding:0; }
#secondary-content li li { display:inline; }
#secondary-content li a { display:block; margin:0; font-weight:bold; }

/* First Level */
#secondary-content li span { display:block; margin:0; padding:5px; color:#fff; background:#6B8B7C; 
    font-size:110%; }

/* Second Level */
#secondary-content ul { list-style:none; margin:0; padding:15px 10px; 
    background:url("/img/decor/gray_gradient_lg.gif") 0 0 repeat-x; }
#secondary-content ul li a { padding:5px 0; border-bottom:1px solid #999; font-size:110%; }
#secondary-content ul li a.active { display:inline-block; padding-right:15px; border-bottom:0 none; 
    color:#6B8B7C; background:url("/img/icon/arrow_down_gray.gif") 100% 50% no-repeat; }

#secondary-content div ul li strong { width:25%; float:left; }
#secondary-content div ul li a { margin-bottom:5px; padding:0 0 5px 26%; }

#secondary-content div.one-col { overflow:hidden; text-align:center; line-height:1.0; }
#secondary-content div.one-col a { margin:5px 7px; border:0; display:block; }
#secondary-content div.one-col a img { display:inline; }
#secondary-content div.two-col { overflow:hidden; text-align:center; }
#secondary-content div.two-col a { border:0; padding:5px 0; display:block; float:left; width:50%; }
#secondary-content div.two-col a img { display:inline; }

/* Third Level */
#secondary-content ul ul { list-style:none; margin:0; padding:0 10px; border-bottom:1px solid #999; 
    background:transparent; }
#secondary-content ul ul li a { padding:5px 0; border-bottom:0 none; font-size:95%; }
#secondary-content ul ul li a.active { color:#CB3400; background:transparent; }

#tertiary-content { position:absolute; top:65px; left:240px; width:635px; margin:0; padding:0; 
    border:1px solid #999; list-style:none; font-size:80%; line-height:1.1; 
    background:#fff url("/img/decor/gray_gradient.gif") 0 0 repeat-x; }
#tertiary-content li { display:inline; margin:0; padding:0; }
#tertiary-content li.first-child a { border-left:0 none; }
#tertiary-content a { display:block; float:left; width:85px; height:25px; margin:0; padding:0; 
    border-left:1px solid #999; border-bottom:0 none; font-weight:bold; text-indent:-9999px; outline:none; }
#tertiary-content li#nav-calc a { width:83px; background:url("/img/icon/nav.gif") 0 0 no-repeat; }
#tertiary-content li#nav-loca a { width:83px; background:url("/img/icon/nav.gif") -84px 0 no-repeat; }
#tertiary-content li#nav-emrg a { width:90px; background:url("/img/icon/nav.gif") -167px 0 no-repeat; }
#tertiary-content li#nav-proj a { width:87px; background:url("/img/icon/nav.gif") -258px 0 no-repeat; }
#tertiary-content li#nav-thea a { width:75px; background:url("/img/icon/nav.gif") -348px 0 no-repeat; }
#tertiary-content li#nav-nats a { width:105px; background:url("/img/icon/nav.gif") -424px 0 no-repeat; }
#tertiary-content li#nav-cntp a { width:106px; background:url("/img/icon/nav.gif") -532px 0 no-repeat; }

#tertiary-content li#nav-calc a:hover { background:url("/img/icon/nav.gif") 0 -25px no-repeat; }
#tertiary-content li#nav-loca a:hover { background:url("/img/icon/nav.gif") -84px -25px no-repeat; }
#tertiary-content li#nav-emrg a:hover { background:url("/img/icon/nav.gif") -167px -25px no-repeat; }
#tertiary-content li#nav-proj a:hover { background:url("/img/icon/nav.gif") -258px -25px no-repeat; }
#tertiary-content li#nav-thea a:hover { background:url("/img/icon/nav.gif") -348px -25px no-repeat; }
#tertiary-content li#nav-nats a:hover { background:url("/img/icon/nav.gif") -424px -25px no-repeat; }
#tertiary-content li#nav-cntp a:hover { background:url("/img/icon/nav.gif") -532px -25px no-repeat; }

.page-calc #tertiary-content li#nav-calc a { background:url("/img/icon/nav.gif") 0 -50px no-repeat; }
.page-loca #tertiary-content li#nav-loca a { background:url("/img/icon/nav.gif") -84px -50px no-repeat; }
.page-emrg #tertiary-content li#nav-emrg a { background:url("/img/icon/nav.gif") -167px -50px no-repeat; }
.page-proj #tertiary-content li#nav-proj a { background:url("/img/icon/nav.gif") -258px -50px no-repeat; }
.page-thea #tertiary-content li#nav-thea a { background:url("/img/icon/nav.gif") -348px -50px no-repeat; }
.page-nats #tertiary-content li#nav-nats a { background:url("/img/icon/nav.gif") -424px -50px no-repeat; }
.page-cntp #tertiary-content li#nav-cntp a { background:url("/img/icon/nav.gif") -532px -50px no-repeat; }

/************** Home Page Layout **************/
.homepage table td, .homepage table th { vertical-align:middle; border:0 none; }
.homepage table th { padding-left:5px; }
.homepage p { margin:10px 0 0; padding:0; }
.homepage #newsticker { position:relative; margin:0; padding:0; list-style:none; }
.homepage #news_bar { width:876px; height:30px; margin:10px 0; padding:0 0 0 5px; border:1px solid #BDBDC0; 
    background:#fff url("/img/decor/gray_gradient.gif") 0 0 repeat-x; }
.homepage #news_bar th a { border:0 none; }

.homepage #tertiary-content { position:static; float:right; width:256px; margin:0; border:0 none; }
.homepage #tertiary-content li.first-child a { border-left:1px solid #999; }
.homepage #home-content { width:256px; float:right; margin:10px 0 20px; }
.homepage h2 { text-transform:lowercase; }
.homepage #home-features { width:618px; float:left; margin:10px 0 20px; padding:8px 0; }

/************** Footer **************/
#footer { margin:0 0 25px; padding:25px 0 45px; clear:both; 
    list-style:none; color:#999; background:url("/img/decor/footer_logo.gif") 50% 100% no-repeat; 
    font-size:90%; text-align:center; }
#footer li { display:inline; margin:0; padding:0 5px; border-left:1px solid #999; }
#footer li.first-child { border-left:0 none; }

/************** Section Headers **************/
.products #content { background:url("/img/decor/headers/products.jpg") no-repeat; }
.services #content { background:url("/img/decor/headers/services.jpg") no-repeat; }
.news_events #content { background:url("/img/decor/headers/news_events.jpg") no-repeat; }
.careers #content { background:url("/img/decor/headers/careers.jpg") no-repeat; }
.contact #content { background:url("/img/decor/headers/contact.jpg") no-repeat; }
.about #content { background:url("/img/decor/headers/about.jpg") no-repeat; }

.projects #content { background:url("/img/decor/headers/projects.jpg") no-repeat; }
.locations #content { background:url("/img/decor/headers/locations.jpg") no-repeat; }
.theater #content { background:url("/img/decor/headers/theater.jpg") no-repeat; }
.blogs #content { background:url("/img/decor/headers/blogs.jpg") no-repeat; }
.utility #content { background:url("/img/decor/headers/utility.jpg") no-repeat; }

/************** Section Navigation **************/
#sec-products, #sec-services, #sec-news_events, #sec-careers, #sec-contact, #sec-about, #sec-projects, 
#sec-locations, #sec-theater, #sec-blogs, #sec-utility { display:none; }

.products #sec-products, .services #sec-services, .news_events #sec-news_events, .careers #sec-careers, 
.contact #sec-contact, .about #sec-about, .projects #sec-projects, .locations #sec-locations, 
.theater #sec-theater, .blogs #sec-blogs, .utility #sec-utility { display:block; }

/************** YUI Accordion **************/
.yui-accordionview .yui-accordion-content { overflow:hidden; margin:0; padding:0; }
.hidden { visibility:hidden; position:absolute; }
.almosthidden { visibility:hidden; }

.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle { position:relative; display:block; 
    margin:0; padding:5px; color:#fff; padding-right:20px; border-bottom:1px solid #fff; 
    color:#fff; background:#6B8B7C url("/img/icon/arrow_right_white.gif") 99% 50% no-repeat; 
    font-size:110%; cursor:pointer; outline:none; }
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active { padding-right:20px; 
    color:#fff; background:#6B8B7C url("/img/icon/arrow_down_white.gif") 99% 50% no-repeat; }
