/* global reset */
* { margin:0; padding:0; font-size:100%; line-height:100%; font-family:arial,helvetica,sans-serif; }
body { font-size:95%; line-height:95%; margin:0; padding:0; } /* whatever size is best, remember to make the equivalent px size in ie.css */
    a { color:inherit; outline:0; }
    a img, iframe, fieldset, button { border:0; }
    table { border-collapse:collapse; border-spacing:0; }  
    ul, ol { list-style:none; }
    button { cursor:pointer; background-color:transparent; overflow:visible; }

/* global styles */

body { background-color:#dec8a7; margin-top:20px; }
h2 { margin:0 0 15px 0; }
.clear { display:block; height:1px; clear:both; font-size:1px; background:none !important; }
.error { font-weight:bold; color:#f00; } 
.pngfix { behavior: url(/minerals/css/iepngfix.htc); }

#footer { color:#666; font-size:.65em; margin:7px auto; padding:0 0 40px 0; width:920px; }
#footer ul { display:inline; float:left; }
#footer ul li { display:inline; float:left; }
#footer ul li a { color:#666; text-decoration:none; text-transform:uppercase; }
#footer ul li a:hover { text-decoration:underline; }
#footer ul li span { padding:0 5px; }
#footer p { display:inline; float:right; }
#footer #specSelect { display:inline; float:left; margin:5px 0 0 0; }
#footer #specSelect a { color:#666; text-decoration:none; text-transform:uppercase; }
#footer #specSelect a:hover { text-decoration:underline; }
#footer #htmlLink, #footer #flashLink { display:none; }

.flash #htmlLink { display:inline !important; }
.noflash #flashLink { display:inline !important; }


/* splash styles */
#splash #inner { background:url('../img/bg-splash.jpg') 0 0 no-repeat; min-height:538px; _height:538px; }
#splash #contentArea { padding:145px 0 0 145px; }
#splash h2 { padding:0 0 10px 0; }
#splash .spec { margin:0 0 7px; }
#splash #dload { margin:46px 0 0 0; }

/* site styles */
#zoneFlash { background-color:#000; margin:0 auto; width:985px; }
#outer { background-color:#000; padding:0 15px 15px !important; }
#inner { background:#fff url('../img/bg-inner-top.jpg') 0 0 no-repeat; color:#000; position:relative; width:955px; }
#logoMF { position:absolute; top:10px; left:0; }
#hdrBuildUp { position:absolute; top:30px; left:390px; }
#minerals #contentArea { font-size:.65em; padding:340px 40px 0; }
#productShot { position:absolute; top:205px; left:590px; }
#copy1 { margin: 0 0 35px 0; width:520px; }
.bullets { list-style:disc; margin:10px 0; padding:0 0 0 15px; }
.bullets li { line-height:1.2em; margin:3px 0; padding:0 0 0 20px; }
#copy1 .bullets { width:445px; }
#shades li { color:#333; display:inline; float:left; width:90px; }
#shades div { height:22px; margin:0 0 5px 0; width:22px; }
#shades #shade1 { background:#e4c6aa ; }
#shades #shade2 { background:#d6ba95 ; }
#shades #shade3 { background:#be8d64 ; }
#shades #shade4 { background:#c59a6f ; }
#shades #shade5 { background:#b98754 ; }
#videoBox { background:#000; display:inline; float:left; margin:0 0 0 -40px; padding:7px 7px 7px 40px; width:360px; }
#copy2 { display:inline; float:left; margin:0 0 110px 70px; width:420px; }
#copy2 .bullets { width:355px; }
#cvrg li { color:#333; display:inline; float:left; }
#cvrg li img { display:inline; float:left; margin:0 28px 5px 0; }
#cvrg li img#last { margin-right:0; }
#cvrg span { clear:left; display:block; }