@import url("master.css");

/* ----- IDS ----- */
body { background: #999999; color: #000; }
#page-wrapper { width: 887px; margin: 0 auto; background: #fff; }
#top-layer { padding: 41px 15px 42px 30px; }
#nav-layer { margin: 0 15px 15px; }
#main-layer { float: right; width: 633px; margin-right: 15px; }
#main-content { float: left; width: 409px; }
#right-layer { float: right; width: 209px; }
#left-layer { float: left; width: 209px; height: 312px; margin-left: 15px; background: #ccc; }
#footer-left { float: left; width: 209px; margin-left: 15px; padding-bottom: 15px; border-top: 5px solid #b5121b; }
#footer-right { float: right; width: 633px; margin-right: 15px; padding-bottom: 15px; border-top: 5px solid #005696; }

/* ----- CLASSES ----- */
.blue { color: #005696; }
.red { color: #b5121b; }
.grey { color: #999; }

/* ----- LISTS ----- */
#nav-layer ul, #left-layer ul, #right-layer ul, ul.gallery { margin: 0; }

#nav-layer ul { float: left; width: 209px; margin-right: 15px; }
#nav-layer li { float: left; }
#nav-layer a { float: left; width: 209px; height: 26px; }
#nav-layer a.about { height: 38px; background: url("../images/menu_01.gif"); }
#nav-layer a.about:hover { background: url("../images/menu_over_01.gif"); }
#nav-layer a.treatments { height: 25px; background: url("../images/menu_02.gif"); }
#nav-layer a.treatments:hover { background: url("../images/menu_over_02.gif"); }
#nav-layer a.equipment { height: 27px; background: url("../images/menu_03.gif"); }
#nav-layer a.equipment:hover { background: url("../images/menu_over_03.gif"); }
#nav-layer a.testing { background: url("../images/menu_04.gif"); }
#nav-layer a.testing:hover { background: url("../images/menu_over_04.gif"); }
#nav-layer a.quality { background: url("../images/menu_05.gif"); }
#nav-layer a.quality:hover { background: url("../images/menu_over_05.gif"); }
#nav-layer a.contacts { height: 34px; background: url("../images/menu_06.gif"); }
#nav-layer a.contacts:hover { background: url("../images/menu_over_06.gif"); }
#nav-layer a span { display: none; }

#nav-layer ul#slider { float: right; width: 633px; height: 191px; margin: 0; }
#nav-layer ul#slider li { width: 633px; height: 176px; display: none; }
#nav-layer ul#slider li:first-child { display: block; }

#left-layer li { float: left; }
#left-layer a { float: left; width: 209px; height: 26px; }
#left-layer a.anneal { background: url("../images/submenu_02.png"); }
#left-layer a.anneal:hover { background: url("../images/submenu_over_02.png"); }
#left-layer a.precipitation { background: url("../images/submenu_03.png"); }
#left-layer a.precipitation:hover { background: url("../images/submenu_over_03.png"); }
#left-layer a.normalise { height: 29px; background: url("../images/submenu_04.png"); }
#left-layer a.normalise:hover { background: url("../images/submenu_over_04.png"); }
#left-layer a.quench { background: url("../images/submenu_05.png"); }
#left-layer a.quench:hover { background: url("../images/submenu_over_05.png"); }
#left-layer a.tempering {background: url("../images/submenu_06.png"); }
#left-layer a.tempering:hover { background: url("../images/submenu_over_06.png"); }
#left-layer a.solution { height: 32px; background: url("../images/submenu_07.png"); }
#left-layer a.solution:hover { background: url("../images/submenu_over_07.png"); }
#left-layer a.stress { background: url("../images/submenu_08.png"); }
#left-layer a.stress:hover { background: url("../images/submenu_over_08.png"); }
#left-layer a span { display: none; }

#right-layer li { margin-bottom: 15px; }

ul.gallery { width: 419px; margin-left: -10px; }
ul.gallery li { float: left; width: 123px; margin: 0 0 10px 10px; padding: 2px; border: 1px solid #ccc; list-style: none; }

#main-content ul { list-style: disc; }
#main-content ol { list-style: decimal; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, .h1, h2, .h2, h3, .h3 { color: #005696; }

#left-layer h2 { height: 48px; margin: 0; background: url("../images/submenu_01.png") no-repeat; }
#left-layer h2 span { display: none; }

/* ----- LINKS ----- */
a { color: #005696; }

/* ----- TABLES ----- */

/* ----- FORMS ----- */
fieldset legend { display: none; }
label { float: left; width: 150px; color: #005696; font-weight: bold; }
input[type="text"], textarea { width: 250px; }
input[type="submit"] { margin-left: 150px; }