/*
** Norcast
** 2009/08/11
*/
html { height: 100%; padding-bottom: 1px; background: #111; font-size: 100%; }
body { min-width: 940px; padding: 0; background: #fff url("../images/background.png") repeat-x 50% 0; color: #000; font: .875em/1.57 "Arial", "Helvetica", sans-serif; }
* { margin: 0; padding: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
ul, ol { margin-left: 0; padding-left: 2em; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
img { border: none; vertical-align: bottom; }
a { color: #3592b3; text-decoration: none; outline: none; cursor: pointer; }
a:hover { text-decoration: underline; }
button, input.radio, input.checkbox, label, select { cursor: pointer; }
.blue{color: #3592b3;}
/*
* some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }
.intro { color: #3592b3; font-size: 1.429em; font-weight: 700; line-height: 1.4; }
h1.banner { background: transparent none no-repeat 0 0; color: #fff; font-family: "Sansation", "Arial", "Helvetica", sans-serif; font-size: 1.857em; font-weight: 400; line-height: 44px; text-transform: lowercase; white-space: nowrap; }
h1.banner span { display: block; padding: 165px 12px 1em 28px; background: transparent url("../images/banner_background.png") no-repeat 0 0; }
h1.banner-history { background-image: url("../images/banners/history.jpg"); }
h1.banner-about-us { background-image: url("../images/banners/about_us.jpg"); }
h1.banner-qa { background-image: url("../images/banners/qa.jpg"); }
h1.banner-our-foundry { background-image: url("../images/banners/our_foundry.jpg"); }
h1.banner-press-release { background-image: url("../images/banners/map.jpg"); }
h1.banner-brochure { background-image: url("../images/banners/map.jpg"); }
h1.banner-site-map { background-image: url("../images/banners/site_map.jpg"); }
h1.banner-products-and-services { background-image: url("../images/banners/products_and_services.jpg"); }
h1.banner-products-and-services-main { background-image: url("../images/banners/products_and_services_main.jpg"); }
h1.banner-contact-us { background-image: url("../images/banners/contact_us.jpg"); }
h1.banner-our-team { background-image: url("../images/banners/our_team.jpg"); }
h1.banner-locations { margin-top: -163px; }
p.photo { float: right; clear: right; padding: 0 0 3ex 3ex; color: #515151; font-size: .714em; }
p.photo img { display: block; border: 1px solid #b9b9b9; }
p.photo.noborder img{border:none}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { padding: 0; border: none; } /* FF - reset padding in buttons */
button { height: 17px; padding: 0 7px; border: none; background: #2a8caf; color: #fff; font-family: "standard 07_54", "Arial", "Helvetica", sans-serif; font-size: 8px; line-height: 17px; text-transform: uppercase; white-space: nowrap; }
input.text,
textarea { padding: 2px 0 2px 3px; border: 1px solid #8a8a8a; background: #fff; color: #000; }
select { height: 22px; border: 1px solid #8a8a8a; background: #fff; color: #000; }
input.text { height: 16px; }
/*
* page header
*/
#header { position: relative; z-index: 2; width: 920px; height: 100px; margin: 0 auto; }
/* logo */
#header h1 { float: left; padding: 56px 0 0; }
/* languages menu */
#header ul.languages { float: right; list-style: none; padding: 26px 0 28px; font-size: .571em; line-height: 1; text-transform: uppercase; }
#header ul.languages li { float: left; padding: 0 0 0 18px; }
#header ul.languages strong,
#header ul.languages a { overflow: hidden; float: left; height: 9px; background: transparent url("../images/languages.png") no-repeat 0 0; text-indent: -99em; }
#header ul.languages .english { width: 46px; }
#header ul.languages .french { width: 53px; background-position: -47px 0; }
#header ul.languages .spanish { width: 50px; background-position: -101px 0; }
#header ul.languages .russian { width: 46px; background-position: -152px 0; }
#header ul.languages .portuguese { width: 64px; background-position: -200px 0; }
#header ul.languages strong.english { background-position: 0 100%; }
#header ul.languages strong.french { background-position: -47px 100%; }
#header ul.languages strong.spanish { background-position: -101px 100%; }
#header ul.languages strong.russian { background-position: -152px 100%; }
#header ul.languages strong.portuguese { background-position: -200px 100%; }
/* main menu */
#header ul.menu { float: right; clear: right; list-style: none; width: 700px; padding: 0 1px 0 0; font-family: "Arial", "Helvetica", sans-serif; text-transform: uppercase; }
#header ul.menu li { position: relative; float: left; width: 164px; padding: 0 0 0 11px; }
#header ul.menu strong,
#header ul.menu a { display: block; width: 141px; padding: 0 0 0 23px; background: #252525 url("../images/menu_item.png") no-repeat 0 52%; color: #fff; font-size: .667em; font-weight: 400; line-height: 17px; }
.js #header ul.menu strong,
.js #header ul.menu a { font-size: 8px; }
#header ul.menu a:hover { text-decoration: none; }
#header ul.menu ul { position: absolute; left: -999em; overflow: hidden; list-style: none; width: 164px; padding: 0; }
#header ul.menu li:hover ul { left: auto; visibility: visible; }
#header ul.menu ul li { float: none; margin: -1px 0 0 0; padding: 0; border-top: 1px solid #55a3bf; }
#header ul.menu ul strong,
#header ul.menu ul a { width: 138px; padding: 6px 13px 6px 13px; background: #2a8caf; line-height: 1.25; }
#header ul.menu ul strong,
#header ul.menu ul a:hover { background: #252525; }
/*
* page content
*/
#content { padding: 0 0 60px; background: transparent url("../images/content_background.png") repeat-x 50% 100%; }
#content .content-child { overflow: hidden; width: 919px; margin: 0 auto; padding: 0 1px 0 0; }
#content .column-primary { float: right; width: 689px; }
#content .column-primary h2 { color: #2a8caf; font-size: 1.214em; }
#content .column-primary h3 { color: #515151; }
#content .column-primary ul { list-style: square; color: #288bae; }
#content .column-primary li span { color: #000; }
#content .column-primary dl { overflow: hidden; margin: 0 0 1em; padding: 0 0 1em; border-bottom: 1px solid #dcdcdc; }
#content .column-primary dt { float: left; color: #2a8caf; font-weight: 400; }
#content .column-primary dd { float: left; padding: 0 2em 0 .5ex; }
#content .column-primary .locations dl { border-bottom: none; }
/*
* side menu
*/
ul.submenu { float: left; list-style: none; width: 210px; padding: 0; border-bottom: 1px solid #b9b9b9; font-family: "Arial", "Helvetica", sans-serif; font-size: .667em; line-height: 14px; text-transform: uppercase; }
.js ul.submenu { font-size: 8px; }
ul.submenu li { overflow: hidden; border-top: 1px solid #b9b9b9; }
ul.submenu ul { clear: both; list-style: none; padding: 0; }
ul.submenu ul li { border-top: 1px dashed #b9b9b9; }
ul.submenu em,
ul.submenu strong,
ul.submenu a { float: left; width: 177px; padding: 8px 11px 8px 22px; background: transparent url("../images/submenu_item.png") repeat-x 0 -14px; font-weight: 400; font-style: normal; }
ul.submenu a:hover span.cufon { margin-bottom: -1px; border-bottom: 1px solid #3592b3; }
.js ul.submenu a:hover { text-decoration: none; }
ul.submenu strong { background-position: 0 -94px; }
ul.submenu a.active { background-position: 0 -93px; color: #000; }
ul.submenu a.active span.cufon { border-bottom-color: #000 !important; }
ul.submenu em { background: transparent url("../images/bullet_b.png") no-repeat 10px 14px; color: #b7b7b7; }
ul.submenu ul strong,
ul.submenu ul a { width: 169px; padding-left: 30px; background-position: 8px -14px; }
ul.submenu ul strong { background-position: 8px -93px; }
/*
* text box
*/
.textbox { float: right; width: 320px; padding: 0 0 3ex 3ex; background: transparent url("../images/textbox.png") no-repeat 3ex 0; }
.textbox div { padding: 1px; background: transparent url("../images/textbox.png") no-repeat 100% 100%; }
.textbox p { border: 7px solid #fff; padding: 1em 3ex; background: #dfeef3; color: #2a8caf; font-weight: 700; }
/*
* site map
*/
ul.site-map { list-style: none !important; padding: 0; line-height: 2; }
ul.site-map ul { list-style: none !important; padding: 0 0 0 35px; }
ul.site-map li { padding: 0 0 2em; font-weight: 700; text-transform: uppercase; }
ul.site-map strong,
ul.site-map a { display: block; border-bottom: 1px solid #dcdcdc; }
ul.site-map strong { color: #2e2e2e; font-weight: 400; }
ul.site-map strong span { padding-right: 16px; background: transparent url("../images/bullet_a.png") no-repeat 100% 50%; }
ul.site-map li li { padding: 0; font-weight: 400; text-transform:capitalize; }
/*
* figure
*/
p.figure { overflow: hidden; width: 130px; margin-top: 2em; padding: 1em 559px 7ex 0; border-top: 1px solid #2689ad; color: #686868; font-size: .714em; font-weight: 700; line-height: 1.1; }
p.figure em { display: block; margin-bottom: 1em; color: #2689ad; font-weight: 400; font-style: normal; text-transform: uppercase; }
p.figure strong { display: block; margin-top: -.9em; padding-bottom: 1em; color: #2689ad; font-size: 1.1em; text-transform: uppercase; }
p.figure span { float: right; width: 559px; margin-right: -559px; padding: 3ex 0 0; text-align: center; }
p.figure img { }
p.figure-small { float: left; padding-right: 214px; }
p.figure-small span { width: 214px !important; margin-right: -214px !important; }
.tab-content p.figure { padding-right: 495px; }
p.figure span { width: 495px; margin-right: -495px; }
/*
* tabs
*/
.tab-content { overflow: hidden; width: 624px; padding: 38px 32px 0; background: transparent url("../images/tab_content.png") repeat-x 0 0; }
.tab-content object { margin: 0 -32px -6px; }
.tab-content-alt { padding-top: 16px; background-color: #15617c; background-image: url("../images/tab_content_alt.png"); }
.tab-content-alt h2 { border-bottom: 1px solid #15617c; color: #fff !important; line-height: 1.25; }
.tab-content-alt p.hint { padding: .5ex 0 16px; border-top: 1px solid #4a90a8; color: #a3ccda; font-size: .786em; line-height: 1.25; }
ul.tabs { overflow: hidden; list-style: none !important; padding: 0; }
ul.tabs li { float: left; }
ul.tabs a { float: left; width: 152px; padding: 0 10px; background: transparent url("../images/tab.png") no-repeat 0 0; font-size: .857em; font-weight: 700; line-height: 34px; }
ul.tabs a.active { background-color: #288bae; background-position: 0 -50px; color: #fff; }
ul.tabs .overflow li { float: left; }
ul.tabs .overflow a { float: left; width: 210px; padding: 0 10px; background: transparent url("../images/tab.png") no-repeat 0 0; font-size: .857em; font-weight: 700; line-height: 34px; }
ul.tabs .overflow a.active { background-color: #288bae; background-position: 0 -50px; color: #fff; }
ul.tabs .small li { float: left; }
ul.tabs .small a { float: left; width: 94px; padding: 0 10px; background: transparent url("../images/tab.png") no-repeat 0 0; font-size: .857em; font-weight: 700; line-height: 34px; }
ul.tabs .small a.active { background-color: #288bae; background-position: 0 -50px; color: #fff; }
/*
* sections
*/
.sections { overflow: hidden; width: 702px; margin-right: -13px; padding-top: 1em; background: transparent url("../images/sections.png") no-repeat 0 100%; }
.sections div { float: left; width: 223px; padding-right: 10px; background: transparent none no-repeat 0 0; }
.sections div.products { background-image: url("../images/sections_products.jpg"); }
.sections div.services { background-image: url("../images/sections_services.jpg"); }
.sections div.conical-gm { background-image: url("../images/sections_conical_gm.jpg"); }
.sections h2 { height: 154px; padding: 0 10px 0 28px; background: transparent url("../images/sections_title.png") no-repeat 0 0; color: #fff !important; font-family: "Sansation", "Arial", "Helvetica", sans-serif; font-size: 1.429em; line-height: 34px; text-transform: lowercase; }
.sections h2.long { height: 154px; padding: 0 10px 0 28px; background: transparent url("../images/sections_title_long.png") no-repeat 0 0; color: #fff !important; font-family: "Sansation", "Arial", "Helvetica", sans-serif; font-size: 1.429em; line-height: 34px; text-transform: lowercase; }
.sections ul.submenu { list-style: none !important; width: auto; border-top: 2px solid #8fced8; border-bottom: none; }
.sections ul.submenu li { border-top: none; border-bottom: 1px solid #b7dee5; }
.sections ul.submenu a { width: 190px; background: transparent url("../images/bullet_c.png") no-repeat 11px 12px; }
/*
* contact us form
*/
form.contact-us { overflow: hidden; width: 701px; margin-right: -12px; }
form.contact-us p { float: left; margin: 0 6px 6px 0; padding: 8px 10px 10px; background: #e9e9e9; line-height: 1.1; }
form.contact-us label { color: #2a8caf; font-size: .857em; font-weight: 700; }
form.contact-us label em { color: #252525; font-size: 8px; font-weight: 400; font-style: normal; text-transform: uppercase; }
form.contact-us select,
form.contact-us textarea,
form.contact-us input.text { display: block; }
form.contact-us p.col-1 select { width: 280px; }
form.contact-us p.col-1 input.text { width: 275px; }
form.contact-us p.col-2 input.text { width: 358px; }
form.contact-us p.col-3 textarea { width: 664px; }
form.contact-us p.last { float: right; padding: 6px 0 0; background: transparent; }
/*
* team members
*/
ul.team { overflow: hidden; list-style: none !important; margin: 0 0 0 -1px; padding: 0 0 2em; }
ul.team li { float: left; padding: 7px 0 0 1px; }
ul.team .long { letter-spacing: -1px; }
ul.team em,
ul.team strong { display: block; width: 213px; padding: 0 2px 0 14px; background: #252525 url("../images/bullet_d.png") no-repeat 5px 6px; color: #fff; font-family: "Arial", "Helvetica", sans-serif; font-size: .667em; line-height: 17px; text-transform: uppercase; }
.js ul.team em,
.js ul.team strong { font-size: 8px; }
ul.team strong { margin-bottom: 1px; font-weight: 400; }
ul.team em { background-color: #2689ad; background-image: url("../images/bullet_e.png"); font-style: normal; }
/*
* home page features
*/
.home { position: relative; z-index: 1; margin-top: -100px; padding: 0 0 30px; background: transparent url("../images/home.png") repeat-x 0 100%; }
.home ul.features { position: relative; list-style: none; width: 920px; height: 379px; margin: 0 auto; padding: 0; }
.home ul.features li { position: absolute; overflow: hidden; display: none; width: 1245px; }
.home ul.features li#quality-mill-liners { display: block; }
.home ul#feature { overflow: hidden; list-style: none; width: 920px; margin: -5px auto 0; padding: 0; border-left: 1px solid #fff; }
.home ul#feature li { float: left; }
.home ul#feature a { float: left; width: 229px; padding: 5px 0 0; border-right: 1px solid #fff; background: transparent url("../images/features_item.png") no-repeat 50% 9999px; color: #515151; font-family: "standard 07_54", "Arial", "Helvetica", sans-serif; font-size: 8px; line-height: 25px; text-align: center; text-transform: uppercase; }
.home ul#feature a.active,
.home ul#feature a:hover { background-position: 50% 0; color: #2a8caf; text-decoration: none; }
.home ul.more { overflow: hidden; list-style: none; width: 940px; margin: 0 auto; padding: 20px 0 0; }
.home ul.more li { float: left; padding: 0 10px; background: transparent none no-repeat 10px 0; }
.home ul.more li.who { background-image: url("../images/more_who.jpg"); }
.home ul.more li.what { background-image: url("../images/more_what.jpg"); }
.home ul.more li.where { background-image: url("../images/more_where.jpg"); }
.home ul.more a { position: relative; float: left; width: 256px; height: 186px; padding: 0 10px 0 27px; background: transparent url("../images/sections_title.png") no-repeat 0 0; color: #fff; font-family: "Sansation", "Arial", "Helvetica", sans-serif; font-size: 1.4em; line-height: 34px; text-transform: lowercase; }
.home ul.more a em { position: absolute; left: -9999px; bottom: 0; overflow: hidden; width: 249px; height: 30px; padding: 0 22px; border-top: 2px solid #8fced8; background: transparent url("../images/features_more.png") no-repeat 0 0; color: #2a8caf; font-family: "standard 07_54", "Arial", "Helvetica", sans-serif; font-size: 8px; font-style: normal; line-height: 30px; text-transform: uppercase; }
.home ul.more a:hover { text-decoration: none; }
.home ul.more a:hover em { left: 0; }
/*
* page footer
*/
#footer { border-top: 2px solid #8fced8; background: #111; color: #636363; }
#footer .footer-child { overflow: hidden; width: 920px; margin: 0 auto; padding: 21px 0 17px; }
#footer div.left { width: 820px; }
#footer p { overflow: hidden; padding: 0; }
#footer p.qa { float: right; width: 71px; }
#footer p.qa a { overflow: hidden; float: right; width: 71px; height: 78px; background: transparent url("../images/footer.png") no-repeat -305px 0; text-indent: -99em; }
#footer p.copyright { float: left; width: 304px; height: 5px; background: transparent url("../images/footer.png") no-repeat 0 -34px; text-indent: -99em; }
#footer p.design a { float: right; width: 169px; height: 20px; background: transparent url("../images/footer.png") no-repeat -115px 0; text-indent: -99em; }
#footer ul { overflow: hidden; float: right; list-style: none; margin: 0 -15px 0 0; padding: 17px 0 0; font-family: "Arial", "Helvetica", sans-serif; font-size: .667em; line-height: 14px; text-transform: uppercase; }
.js #footer ul { font-size: 8px; }
#footer li { float: left; margin-right: -1px; padding: 0 15px; border-right: 1px solid #636363; }
#footer li a:hover span.cufon { margin-bottom: -1px; border-bottom: 1px solid #3592b3; }
.js #footer li a:hover { text-decoration: none; }
#footer a.logo { overflow: hidden; float: left; width: 65px; height: 14px; background: transparent url("../images/footer.png") no-repeat 0 0; text-indent: -99em; }
#footer a.pala { overflow: hidden; float: left; clear: left; width: 114px; height: 19px; background: transparent url("../images/footer.png") no-repeat 0 -14px; text-indent: -99em; }
#footer hr { clear: both; height: 1px; margin: 7px 0 10px; border: none; background: #636363; }
/*
* misc. JS styles
*/
.locations#mont-joli,
.locations#santiago { display: none; }
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
display: block !important;
overflow: hidden !important;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active ul.team strong,
.sIFR-active ul.team em { height: 17px; }
.sIFR-active .sections h2,
.sIFR-active ul.team strong,
.sIFR-active h1.banner { font-family: "Verdana", sans-serif; }
}
/*
** the end
*/
.splash #content { padding-top: 50px; background: transparent url("../images/splash-bg.jpg") repeat-x 50% 100%; }
.splash .splashmap img { margin:190px 0 0 9px; }
.splash img {
padding:20px 0 15px 30px;
}
.splash #footer img {
padding:0px 0 15px 30px;
}
div.splashmap {
padding:15px;
background:url(../images/splashmap.jpg) no-repeat;
width:917px;
height:337px;
}
.pad_top {
padding-top:10px;
}