/* Stylesheet for:
Diversified Industrial Minerals, LLC
http://www.dimllc.com
Theme created by: Template World and licensed under the CC Public License
Modified and Customized by: Mosaic Group LLC (http://mosaicteam.com) */


/*global resets*/
* {margin:0; padding:0}
ol, ul {list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong { font-weight: 700 }
em { font-style: italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
img {border:none}
.clear { clear: both; }
.left {    float: left; }
.right { float: right; }

img, div, input { behavior: url("iepngfix.htc") }


body{margin:0px; padding:0px; background:url(images/main-bg.gif) 0 0 repeat-x #F2F0DC; color:#5D5B46; font:14px/18px Georgia, "Times New Roman", Times, serif;}
div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{width:778px; height:141px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
#topPan ul{width:125px; height:22px; position:absolute; top:0px; right:130px;}
#topPan ul li{float:left; width:45px; height:22px;}
#topPan ul li a{width:45px; height:16px; display:block; background:url(images/arrow1.gif) 40px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan ul li a:hover{background:url(images/arrow1-hover.gif) 40px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;}

#topPan img.logo{position:absolute; top:24px; left:0px;}

#topPan p.callus{width:119px; height:25px; background:url(images/callus-bg.gif) 0 0 no-repeat #212121; color:#fff; position:absolute; top:53px; right:115px; line-height:24px; text-align:center;}
#topPan p.phone{width:130px; height:25px; background:#212121; color:#EAE8CD; position:absolute; top:83px; right:109px; font-size:20px; line-height:25px; text-align:center;}


/*----HEADER- PANEL----*/
#headerPan{width:778px; position:relative; height: 50px; margin:0 auto;}

/*----Menu Panel----*/
#menuPan{width:778px; height:33px; position:relative; margin:0 auto;}
#menuPan ul{width:778px; height:28px; position:absolute; top:2px;}
#menuPan ul li{width:128px; height:28px; float:left;}
#menuPan ul li a{width:127px; height:28px; display:block; background:#fff; color:#2F2A28; border-right:1px dashed #969260; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}

#menuPan ul li a:hover{width:128px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}
#menuPan ul li.active{width:128px; height:28px; background:#2F2A28; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;}

#menuPan ul li.contact a{width:128px; height:28px; display:block; background:#fff; color:#2F2A28; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li.contact a:hover{width:128px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}
#menuPan ul li.contact active{width:128px; height:28px; background:#2F2A28; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;}

/*----/Menu Panel----*/
#headerbodyPan{width:686px; height:184px; position:absolute; top:42px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;}


/*----BODY PANEL----*/
#bodyPan{width:778px; position:relative; margin:0 auto;padding-bottom: 20px;}
#bodyPan h2{background:#F2F0DC; color:#D80000; font:26px/54px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#bodyPan h3 {margin-top: 15px;}

#bodyPan p{padding:5px 0;}
#bodyPan p span{font-weight:bold;}

#bodyPan p.border{background:url(images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;}
#bodyPan ul { list-style: disc;margin: 5px 0 10px 40px;}
#bodyPan ul li {padding: 5px 0 0 0;}
#bodyPan ul li.indent { margin-left: 20px; list-style-type: square;}

#bodyPan dl {margin: 10px 0 10px 40px; clear: both;}
#bodyPan dt {font-size: 16px;font-weight: 700; padding: 15px 0 5px 0;}
#bodyPan dd {padding: 0 0 5px 0;}

/*****************timeline*************/
#bodyPan .timeline ul { list-style: none; padding: 0; margin: 15px 0 15px 0;}
#bodyPan .timeline li { float: left; list-style: none; padding: 10px; background: #2f2a28;border: 1px solid #fff;}
#bodyPan .timeline li a {color: #fff;}
/*---------- bubble tooltip -----------*/
a.tt{ position:relative; z-index:26; color:#3CA3FF; font-weight:bold; text-decoration:none;}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover { z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip { display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px;color: #993300;text-align: center;filter: alpha(opacity:90);KHTMLOpacity: 0.90;MozOpacity: 0.90;opacity: 0.90;}
a.tt:hover span.top {display: block;padding: 30px 8px 0;background: url(images/bubble.gif) no-repeat top;}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;	padding: 0 8px;	background: url(images/bubble_filler.gif) repeat bottom;}
a.tt:hover span.bottom{	display: block;	padding:3px 8px 10px;color: #548912; background: url(images/bubble.gif) no-repeat bottom;}

/*----Contact Form----*/

ol.forms {float:left;list-style-image:none;list-style-position:outside;list-style-type:none;width:380px;margin:0 10px 0px 0;}
ol.forms li {clear:left;float:left;line-height:1.5em;margin-bottom:0.5em;width:380px;}
ol.forms label {cursor:pointer;display:block;float:left;line-height:1.5em;padding-right:5%;text-align:right;width:75px;color: #636467;}
ol.forms input {width:250px;}
ol.forms textarea {height:20em;width:255px;}
ol.forms li.buttons  {padding-left:93px;width:90%;}
ol.forms .error {display:block;margin: 0.25em 0 0 95px;font-size: 12px;color: #86201e;}
ol.forms .alert{display:block;margin: 0.25em 0 0 95px;font-size: 12px;color: #86201e;}

.address-info {float:left; margin-bottom: 30px;}
#bodyPan .address-info h3 {margin: 0px;padding: 0px;}
/*----Body Bottom Panel----*/
#bodybottomPan{width:778px; position:relative; margin:0 auto; /*padding:30px 0 0 8px;*/ padding: 0;}


/*----FOOTER PANEL----*/
#footermainPan{background:#3B3B3B; margin:0 auto; }

#footerPan {position:relative; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; width: 778px;margin: 0 auto;height: 100px;background:#3b3b3b;padding: 10px 0 10px 0;}

#footerPan ul {height:30px; }
#footerPan li {float:left; padding:0 10px 0 0; color:#fff; background:#3B3B3B; text-decoration:none; font-size:12px;}
#footerPan ul li a {}
#footerPan ul li a:hover {text-decoration:underline;}
#footerPan p {margin:0 auto;}
#footerPan a {color:#fff; background:#3B3B3B; text-decoration:none; font-size:12px;}
#footerPan a:hover {text-decoration:underline;}