/* 
Albion Alloys
Screen Stylesheet 
1st March 2006
Author: Ed Merritt (http://www.edmerritt.com)
Contact: ed@edmerritt.com
*/

/* general layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.6em;}
body {position: relative; background: url(../images/bkg.gif) top repeat-y #fff; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #1D325D; text-align: center;}
#container {display: block; width: 750px; margin: 5px auto; text-align: left;}

#masthead {position: relative; float: left; display: block; width: 750px; height: 160px; background:  url("../main-images/masthead.jpg") top left no-repeat;}
#masthead2 {position: relative; float: left; display: block; width: 750px; height: 160px; background:  url("../main-images/masthead2.jpg") top left no-repeat;}
.maincol {display: block; float: left; width: 760px;}
#leftcol {position: relative; float: right; left: -390px; width: 360px;}
#rightcol {position: relative; float: left; left: 390px; width: 360px;}
#footer {display: block; float: left; width: 750px; height: 60px; background:  url("../main-images/footer.gif") bottom no-repeat;}
#footer p {position: relative; top: 32px; font-size: 0.9em; color: #fff; padding: 5px;}

#masthead dt a, #masthead2 dt a {display: block; width: 70px; height: 100px;}
#masthead dt a span, #masthead2 dt a span {display: none;}
#masthead dd, #masthead2 dd {position: absolute; top: 28px; left: 114px; font-size: 1.5em; color: #fff;}

#acheter {position: absolute; top: 5px; right: 5px; font: bold 1.3em Arial, Helvetica, sans-serif; color: #23334A; text-align: right; letter-spacing: -1px;}
#brochure {position: absolute; top: 45px; right: 5px; font: bold 1.3em Arial, Helvetica, sans-serif; color: #23334A; text-align: right; letter-spacing: -1px;}
#brochure a {color: #29375E; text-decoration: none; margin: 0 20px 0 0;}
#brochure img {position: absolute; top: 2px; right: 0px; margin: 0; padding: 0; border: none;}

#homepic {position: relative; margin: -42px 0 0 0; z-index: 99;}
#homepic p {position: relative; margin: -23px 0 25px 0; z-index: 100; color: #fff; padding: 0 5px;}
#homepic a, #homepic a:visited {color: #fff;}

.nav {float: left; list-style: none; position: absolute; top: 93px; left: 110px;}
.nav li {float: left;}
.nav a, #nav a:visited {font-size: 0.9em; font-weight: bold; padding: 5px 10px; text-decoration: none; color: #fff;}
.nav a:hover {color: #EEC34F;}
.subnav {top: 120px;}

h1 {font-size: 1.4em; margin: 0 0 20px 0;}
h2 {font-size: 1.3em; margin: 0 0 17px 0; line-height: 1.5em;}
h2 img {position: relative; top: 3px; left: -5px; float: left;}
h3 {font-size: 1.1em; margin: 0 0 17px 0; line-height: 1.5em;}
p {color: #42423C; margin: 0 0 20px 0;}
.coppercoat {text-transform: uppercase; font-weight: bold; color: #C26507;}
.fleft {float: left; padding: 0 10px 10px 0;}
.fright {float: right; padding: 0 10px 10px 0;}
.deflist dt a, .deflist dt a:visited {font-weight: bold;}
.deflist dd {margin: 0 0 1em 0;}

a img {float: left; margin: 0; padding: none; background: none; border: none; border-right: 5px solid #fff; }

.highlight {padding: 5px; background:  url("../main-images/highlight.gif") top repeat-x #DBE1E3; margin: 0 0 20px 0;}
.quote {background:  url("../main-images/highlight-quote.gif") top no-repeat #DBE1E3 !important;}
.quote blockquote {display: inline; float: left; margin: 0 50px;}
.quote blockquote img {float: left; margin: 0 10px 0 0 !important;}
.quote cite {display: block; font-weight: bold; text-align: right; margin: 10px 0;}
#leftcol img, #rightcol img {margin: 0 0 15px 0;}
.highlightpicright {position: relative; float: right; top: -5px; right: -5px;}

form p {margin: 0 0 7px 0;}
form label {float: left; display: block; width: 140px;}
input, textarea {padding: 4px; background:  url("../main-images/field.gif") top left no-repeat; border: 1px solid #969FB3; width: 200px;}
.button {padding: 0; background: none; border: none; position: relative; width: auto;}

#leftcol ul, #rightcol ul {margin: 0 0 20px 20px;}
.spaced li {margin: 0 0 20px 0;}

#flashcontent {float: left; display: block; height: 400px; width: 100%; }
.testimonial {display: block; float: left; width: 100%; border-bottom: 1px solid #ccc; margin: 0 0 20px 0;}
.testimonial img {border: 1px solid #888; padding: 0 !important; margin: 0 10px 10px 0 !important;}