html {
    background: #01456C url(images/bg-body.jpg) repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #5C6F73; /* dark grey 1 */
}

/* ------------------------------------------------------------------------------------------- */

a {
    font-style: normal;
    color: #528B4B; /* dark olive green */
}

a:hover {
    text-decoration: none;
}

h1,  h2,  h3 {
    font-weight: normal;
}

/* ------------------------------------------------------------------------------------------- */

/* BODY */

body {
    /*
        the repeated background goes down the whole body
        but it will disappear behind the other backgrounds
    */
    background: url(images/bg-text-repeat.jpg) repeat-y top left;
}

/* ------------------------------------------------------------------------------------------- */

/* DECORATION */

#decoration1 {
    background: url(images/bg-header.jpg) no-repeat top left;
}

#decoration2 {
    background: url(images/bg-text-once.jpg) no-repeat top left;
}

/* ------------------------------------------------------------------------------------------- */

/* LOGO */

#logo {
    background: url(images/logo.gif) no-repeat top left;
}

/* ------------------------------------------------------------------------------------------- */

 /* SEARCH */

#search {
    background: url(images/bg-search.gif);
}

#search .searchString {
    font-size: 12px;
    font-weight: bold;
    color: black;
    background: none;
}

/* ------------------------------------------------------------------------------------------- */

/* COMPANY NAVIGATION */

#companyNavigation {
    background: url(images/bg-menu.jpg) no-repeat top left;
}

#companyNavigation ul {
    line-height: normal;
}

#companyNavigation a, #companyNavigation li.active span {
    font-size: 13px;
}

#companyNavigation a {
    text-decoration: none;
    color: white;
}

#companyNavigation a:hover {
    text-decoration: underline;
}

#companyNavigation li.active {
    background: url(images/bg-menu-active.gif) repeat-x;
}

#companyNavigation li.active a {
    color: #466F77; /* dark grey 2 */
}

/* START -------------- TD Coating ADDITIONS --------  */
#companyNavigation li.tdcmenu {
	}

#companyNavigation li.tdcmenu a:hover {
	background-image:url(images/tdcoating_menu_hover.png);
	background-position:center;
	background-repeat:no-repeat;
	text-decoration:none;
}

#companyNavigation li.tdcmenu a {
	font-weight:bold;
	color:#000;
	background-image:url(images/tdcoating_menu.png);
	background-position:center;
	background-repeat:no-repeat;
	padding:6px;
}


/* END -------------- TD Coating ADDITIONS --------  */


/* ------------------------------------------------------------------------------------------- */


/* SERVICES NAVIGATION */

#servicesNavigation h1 {
    background: url(images/bg-navigation-title.jpg) no-repeat left top;
    text-align: right;
    font-size: 14px;
    letter-spacing: -1px;
    color: #AFD5AB;
}

#servicesNavigation h1 .part1 {
    color: #E0F4FF;  /* very light cyan (almost white) */
}

#servicesNavigation ul.level_1 {
    text-align: right;
}

#companyNavigation ul, #servicesNavigation ul.level_1 {
    list-style: none;
}

#servicesNavigation ul.level_1 > li {
    border-top: 1px solid #016A81;
}

/* remove top bar above first navigation subitem */
#servicesNavigation ul.level_1 > li.first {
    border: none;
}

#servicesNavigation ul.level_1 > li > a {
    color: #96C5CF; /* light blue */
}

#servicesNavigation ul.level_1 > li > .active {
    color: #F5FBF4; /* very light grey, almost white */
}

#servicesNavigation li.subpages {
    background: url(images/gt.png) no-repeat 160px 15px;
}

#servicesNavigation ul.level_2 {
    list-style: none;
}

#servicesNavigation ul.level_2 > li > a {
    color: #AFD5AB; /* light olive green*/
}

#servicesNavigation ul.level_2 > li > .active {
    color: #F5FBF4; /* very light grey, almost white */
}

/* ------------------------------------------------------------------------------------------- */

/* WELCOME */

#welcomeMedia {
    border: 1px solid #C5D7DC; /* light grey */
    background-color: white;
}

/* ------------------------------------------------------------------------------------------- */

/* MAIN CONTENT */

#mainContent p, #mainContent ol, #mainContent ul, #mainContent dl {
    line-height: 26px;
    text-align: justify;
}

#mainContent dt:after {
    content: " - ";
}

#mainContent table {
    border-collapse: collapse;
    empty-cells: show;
}

table tr.properties, table tr.properties td {
    border: none;
}

#mainContent td, #mainContent th {
    padding: 4px;
    background: white; 
    border: 1px solid #C5D7DC; /* light grey */
}

#mainContent tr.properties th {
    padding-bottom: 0px;
    border-bottom: none;
    vertical-align: top;
}

#mainContent tr.units td, #mainContent tr.units th {
    padding-top: 0px;
    border-top: none;
}

#mainContent .unit1 {
    border-right: none;
}

#mainContent .unit2 {
    border-left: none;
}

#mainContent .recommended {
    background: url(images/recommended.png) no-repeat center center;
}

#mainContent .highlyRecommended {
    background: url(images/highly-recommended.png) no-repeat center center;
}

#mainContent .recommended:after, #mainContent .highlyRecommended:after {
    content: "";
}

#mainContent h1 {
    font-size: 34px;
    letter-spacing: -2px;
    color: #8FB38A; /* olive green */
}

#mainContent h1 .part1 {
    color: #466F77; /* dark grey 2 */
}

#mainContent h2 {
    font-size: 16px;
    letter-spacing: -1px;
    color: #99B4C3; /* greyblue */
}

#mainContent h3 {
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: -1px;
    color: #8FB38A; /* olive green */
}

#mainContent h4 {
    font-size: 12px;
    letter-spacing: -1px;
    /* color: defined in body */
}

#mainContent div.figure img {
    background: white;
    border: 1px solid #C5D7DC; /* light grey */
}

#mainContent span.figureLabel {
    font-weight: bold;
}

#mainContent span.figureLabel:after {
    content: ": ";
}

/* ------------------------------------------------------------------------------------------- */

/* UPDATES LIST */

#mainContent .updatesSubHeadline {
    font-weight: bold;
}

/* ------------------------------------------------------------------------------------------- */

/* UPDATES SIDEBAR */

#updates h1 {
    font-size: 21px;
    letter-spacing: -1px;
    color: #8FB38A; /* olive green */
}

#updates h1 .part1 {
    color: #466F77; /* dark grey 2 */
}

#updates h2 a {
    font-size: 14px;
    color: #99B4C3; /* greyblue */
}


#updates h2 a:visited {
    font-size: 14px;
    color:#ACDCDC; /* LIGHTgreyblue */
}

#updates .teaser {
    /* font-weight: bold; */
    letter-spacing: -0.4px;
}

/* ------------------------------------------------------------------------------------------- */

/* FEATURED CONTENT */

#featuredContent {
    background: #01273E url(images/bg-featured-content.jpg) no-repeat;
    color: #577F96;
}

#featuredContent h1 {
    font-size: 21px;
    color: #AFD5AB;
}

#featuredContent h1 .part1 {
    color: #E0F4FF;  /* very light cyan (almost white) */
}

#featuredContent h2 a {
    font-size: 14px;
    color: #96C5CF; /* light blue */
}

#featuredContent .more a {
    color: #95B691;
}

#featuredContent ul {
    list-style: none;
}

#featuredContent #certificate {
    background: url(images/bg-certificate.jpg) no-repeat;
}

#featuredContent #certificate img {
    border: solid white;
    border-left-width: 15px;
    border-right-width: 15px;
    border-top-width: 5px;
    border-bottom-width: 5px;
}

#featuredContent #certificate h1 span {
    line-height: 22px;
    font-size: 16px;
    color: #E0F4FF;  /* very light cyan (almost white) */
}

#featuredContent #certificate h1 span.part2 {
    color: white;
}

#featuredContent #certificate span.linkHint {
    font-size: 12px;
    text-decoration: underline;
    color: #E0F4FF;  /* very light cyan (almost white) */
}

/* ------------------------------------------------------------------------------------------- */

/* SERVICES OVERVIEW */

#servicesOverview li {
    list-style: none;
}

/* ------------------------------------------------------------------------------------------- */

/* CONTACT US */

#mainContent .staffMember {
    border: 1px solid #C5D7DC; /* light grey */
    background-color: white;
}

#mainContent .staffMember .name {
    font-size: 14px;
    font-weight: bold;
}

#mainContent .staffMember .position {
    font-weight: bold;
}

#mainContent .companyInformation {
    line-height: 26px;
}

#ibcbuilding img {
    border: 1px solid #C5D7DC; /* light grey */
}

#googlemapsx {
    border: 1px solid #C5D7DC; /* light grey */
}


/* ------------------------------------------------------------------------------------------- */

/* WEBSITE SEARCH RESULTS */

#websiteSearchResults input {
    border: 1px solid #C5D7DC; /* light grey */
    font-size: 12px;
}

#websiteSearchResults input#ctrl_keywords {
    font-weight: bold;
    color: #5C6F73; /* dark grey 1 */
}

#websiteSearchResults input#ctrl_submit {
    color: #5C6F73; /* dark grey 1 */
}

#websiteSearchResults h2 {
    font-size: 13px;
}

/* ------------------------------------------------------------------------------------------- */

/* PAGE CONTACT INFORMATION */

body > .companyInformation h2 {
    font-size: 20px;
    letter-spacing: -1px;
    color: #AFD5AB; /* light olive green*/
}

body > .companyInformation h2 .part1 {
    color: #F5FBF4; /* very light grey, almost white */
}

body > .companyInformation div {
    line-height: 21px;
    color: #96C5CF; /* light blue */
}

body > .companyInformation .email a {
    color: #AFD5AB; /* light olive green*/
}

/* ------------------------------------------------------------------------------------------- */

/* PAGE DISCLAIMER */

#pageDisclaimer {
    background: url(images/bg-footer.jpg);
}

#pageDisclaimer p {
    line-height: 21px;
    text-align: center;
    color: #427997; /* dark greyblue */
}

#pageDisclaimer a {
    color: #96C5CF;
}