/*-------------------------+
 | Site: Peppermint Grove  |
 +-------------------------*/


/* Core layout
======================================================================*/
* {padding: 0; margin: 0;}
body {margin: 0; padding: 0; background:#111; font: 12px Verdana, Arial, Helvetica, sans-serif; }
body img{border:none;}

#banner{height:116px; width:auto; padding:0; margin: 0 auto; background:#000 url(../images/banner_bg_repeat.gif) repeat-x;}
#banner-container{width:822px; margin: 0 auto; padding:0; }
#banner-logo{float:left; width:270px; text-align:right; padding:1px 0 0 0;}
#navigation{ width:551px; float:right; padding:10px 0 0 0;}

#content{width:auto; background:#666 url(../images/main_bg_repeat.gif);}
#content-container{width:822px; margin:0 auto; background:url(../images/car_bg.jpg) left top no-repeat;}
	#content-container-inner{width:822px; margin:0 auto; background:url(../images/car_small_bg.jpg) left top no-repeat;}
#flash{width:219px; padding:0 0 0 603px; height:230px; background:url(../images/flash.jpg) right no-repeat;}
	#flash-inner{width:439px; padding:6px 0 0 383px;}
#cta-quote{width:219px; padding:0 0 0 603px; height:59px;}
#information{width:810px; padding:20px 6px 20px 6px;}

#footer{background:#101010 url(../images/footer_bg_repeat.gif) repeat-x; width:auto;}
#footer-container{width:810px; margin:0 auto; padding:25px 0 0 0; background:url(../images/footer-line.gif) repeat-x;}
.footer-breadcrumbs{width:510px; float:left;}
.footer-contact{width:300px; float:left; text-align:right;}


/* Navigation
======================================================================*/
ul#nav {list-style:none;}
ul#nav li {float:left;text-indent:-9999px;overflow:hidden;}
ul#nav li a {display:block;height:91px;}
ul#nav li a:hover {background-position:0 -91px!important;}

ul#nav li#home a {background:url(../images/nav/home.gif) no-repeat 0 0; width:86px;} 
ul#nav li#about a {background:url(../images/nav/about.gif) no-repeat 0 0; width:72px;} 
ul#nav li#services a {background:url(../images/nav/services.gif) no-repeat 0 0; width:68px;} 
ul#nav li#mining-industrial a {background:url(../images/nav/mining.gif) no-repeat 0 0; width:143px;} 
ul#nav li#quote a {background:url(../images/nav/quote.gif) no-repeat 0 0;width:95px;} 
ul#nav li#contact a {background:url(../images/nav/contact.gif) no-repeat 0 0;width:87px;} 

/* Links
--------------*/
.footer-breadcrumbs a{color:#f5d54c; text-decoration:none;}
.footer-breadcrumbs a:hover{text-decoration:underline;}

#content-container-inner a{color:#f5d54c; text-decoration:none;}
#content-container-inner a:hover{text-decoration:underline;}
#content-container a{color:#f5d54c; text-decoration:none;}
#content-container a:hover{text-decoration:underline;}


/* Fonts
======================================================================*/
body.home h1{margin:0 0 0 464px; width:346px; background:url(../images/titles/home.jpg) no-repeat; text-indent:-9999px; overflow:hidden;  padding:0 0 15px 0;} 
body.about h1{margin:0 0 0 416px; width:406px; background:url(../images/titles/about.jpg) no-repeat; text-indent:-9999px; overflow:hidden;  padding:0 0 20px 0;}
body.services h1{margin:0 0 0 416px; width:406px; background:url(../images/titles/services.jpg) no-repeat; text-indent:-9999px; overflow:hidden;  padding:0 0 20px 0;}
body.mining h1{margin:0 0 0 416px; width:406px; background:url(../images/titles/mining.jpg) no-repeat; text-indent:-9999px; overflow:hidden;  padding:0 0 20px 0;}
body.quote h1{margin:0 0 0 416px; width:406px; background:url(../images/titles/quote.jpg) no-repeat; text-indent:-9999px; overflow:hidden;  padding:0 0 20px 0;}
body.contact h1{margin:0 0 0 416px; width:406px; background:url(../images/titles/contact.jpg) no-repeat; text-indent:-9999px; overflow:hidden;  padding:0 0 20px 0;}

#content-container-inner h2{font-size:16px; color:#fff; padding:0 0 15px 0;}
#content-container-inner h3{font-size:15px; color:#fff; padding:0 0 15px 0; font-weight:normal;}
#content-container-inner h4{font-size:15px; color:#f5d54c; padding:0 0 15px 0; font-weight:normal;}
#content-container-inner h5{font-size:12px; color:#f5d54c; padding:0 0 15px 0; font-weight:bold;}

#content-container p{color:#999999; font-size:12px; padding:0 0 15px 0; line-height:18px; text-align:justify;}
#content-container strong{color:#FFF; font-weight:normal;}

#content-container-inner ul, li{font-size:12px; color:#999; list-style-position:inside; line-height:17px; padding:0 0 10px 0;}

#content-container-inner p{color:#999999; font-size:12px; padding:0 0 15px 0; line-height:18px;}
#content-container-inner strong{color:#FFF; font-weight:normal;}

#content-container-inner .small-text{font-size:10px; color:#626262;}
#content-container .small-text{font-size:10px; color:#626262;}

.footer-breadcrumbs p{font-size:10px; color:#424242; padding:0 0 16px 0;}
.footer-contact h2{font-size:12px; font-weight:bold; color:#FFF; padding:0 0 16px 0;}
.footer-contact p{font-size:12px; color:#666; padding:0 0 5px 0;}
.orange{color:#f5d54c;}


/* Extras
======================================================================*/
#information img{float:right; padding:0 0 10px 10px;}
td {padding:15px 0 0 0; background:#333;}
td.none{background:none;}


/* Clearfix
======================================================================*/
.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */