@charset "utf-8";
/* CSS Document */

html { margin: 0px; }
body { margin: 0px; background-color: #050e12; font-family: Verdana, sans-serif; font-size: 11px; color: #000000; }

h1 { font-size: 17px; padding: 5px 0px 0px 0px; }
.hometitle { font-size: 15px; padding: 5px 0px 0px 0px; font-weight:bold; }
h2 { font-size: 17px; padding: 5px 0px 3px 0px; }

li { font-size: 11px;}
p {padding:0px; margin-top:5px;}

#container { border: 1px solid #300e10; border-top: none; border-bottom: none; width: 980px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; }

#header { height: 100px; background: url(images/bg-header.jpg) no-repeat; text-align: right; }
#header p { clear: right; color: #FFFFFF; font-size: 12px; padding: 0px; padding-top: 10px; padding-right: 22px; margin: 0px; }
#header img { margin-right: 8px; padding-left: 10px; float: right; }

#logo { background: url(images/western-titanium-logo.gif); height: 77px; width: 211px; margin-top: 12px; margin-left: 35px; float: left; }

#main { background: url(images/bg-page.gif) repeat-x bottom; background-color: #f7fcff; }
#main-inner-01 { background: url(images/bg-page-inner-01.jpg) top right no-repeat; background-color: #f7fcff; }
#main-inner-02 { background: url(images/bg-page-inner-02.jpg) top right no-repeat; background-color: #f7fcff; }
#main-inner-03 { background: url(images/bg-page-inner-03.jpg) top right no-repeat; background-color: #f7fcff; }
#main-inner-04 { background: url(images/bg-page-inner-04.jpg) top right no-repeat; background-color: #f7fcff; }

#main p, #main-inner-01 p, #main-inner-02 p, #main-inner-03 p, #main-inner-04 p { font-size: 11px; line-height: 1.2em; padding: 2px 0 0 0; }

#flash-placeholder { background: url(images/flash-image-03.jpg) no-repeat bottom left; }
#flash { position: absolute; z-index: 1; }

#content { position: relative; padding-top: 5px; padding-right: 30px; padding-left: 558px; text-align: right; overflow: hidden; height: 372px; }
#content-inner { position: relative; padding-top: 30px; padding-left: 35px; padding-right: 550px; text-align: left; overflow: hidden; padding-bottom: 60px;}

#footer { background: url(images/bg-footer-front.jpg); height: 153px; position: relative; }
#footer-inner { background: url(images/bg-footer.jpg); height: 160px; position: relative; }

#block-distributors { position: absolute; top: 52px; left: 18px; width: 400px; }

#thumb-rectangle, #thumb-roundbar, #thumb-plate, #thumb-billetingot { float: left; height: 66px; width: 95px; display: block; overflow: hidden; margin-top: 10px; margin-right: 6px; }
#thumb-rectangle:hover, #thumb-roundbar:hover, #thumb-plate:hover, #thumb-billetingot:hover { margin-top: 5px; }

#thumb-rectangle { background: url(images/link-rectangle.gif); }

#thumb-roundbar { background: url(images/link-roundbar.gif); }
#thumb-plate { background: url(images/link-plate.gif); }
#thumb-billetingot { background: url(images/link-billetingot.gif); margin-right: 0px; }

#block-coast-to-coast, #block-quote { color: #FFFFFA; position: absolute; top: 55px; width: 210px; }
#block-coast-to-coast { right: 305px; }
#block-quote { right: 25px; }
#quote-link { display: block; position: absolute; margin-top: 60px; margin-left: 90px; width: 111px; z-index: 3; text-decoration: none; }

#navigation { background: url(images/nav-back.gif) repeat-x; height: 25px; border-top: 1px solid #a7b5b8; border-bottom: 1px solid #6d7c7f; margin: 0px; padding: 0px 3px; font-size: 11px; line-height: 25px; }
#navigation a { padding-right: 8px; padding-left: 8px; color: #000000; text-decoration: none; }
#navigation a:hover { text-decoration: underline; background-color: #D3E7EB;}

#rotation {
    /*position: absolute;
    top: 4px;
    right: 0px;*/
    width: 688px;
}
#rotation img {
    position: absolute;
    padding-right: 0px;
}
#rotation img.start {
    z-index: 3;
}