/*
* 6.7.2012
* AMCI Resources
*
*
*
*
*
 */
 
 
/* Resets ---------------------------------------------------------------------- */

* {
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
}

body {
	background:#666;
}

address * {
	font-size:18px;
	margin:5px 0px;
	letter-spacing:1px;
}

p {
	line-height:18px;
	margin-bottom:10px;
}

.clear {
	clear:both;
}

.rounded {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.white-bg {
	background:#fff;
}

.yellow-bg {
	background:#ffd600;
}

.grey-bg {
	background:#9d9fa4;
}

.focus-box {
	padding:20px;
	margin:20px 0px;
}

.focus-box h2 {
	margin:10px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
}

.text-shadow {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}


div#main {
	width:976px;
	background:#fff;
	margin:50px auto;
}

div#main #header {
	border-bottom:1px solid #ccc;
	height:150px;
	padding-top:20px;
}

div#main #header #slogan {
	float:right;
	width:48%;
	font-size:17px;
	margin:25px 5px 0px 0px;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	line-height:24px;
	text-align:left;
	font-style:italic;
}

div#main #header #logo {
	width:48%;
	float:left;
}

div#main #header #logo img {
	width:100%;
}

div#main #content {

}

div#main #content .page-title {
	margin:20px 0px;
	background:url('/images/AMCI-Res-Coal.jpg') no-repeat;	
	height:183px;
	padding-top:1px;

}

div#main #content .page-title h1 {
	text-transform:uppercase;
	color:#fff;
	font-size:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:20px;
	visibility:hidden;
}

div#main #content .email, div#main #content .email a {
	color:#506DF8;
	margin:10px 0px;
	font-weight:bold;
	letter-spacing:0px;
}

div#main #content .phone {
	color:#ffd600;
	margin:20px 0px 10px 0px;
	letter-spacing:0px;
}

div#main #content .pictures {
	width:100%;
	background:#cccccc;
}

div#main #content #Barge {
	background:url('../images/BargeDark.png') no-repeat top center;
}
div#main #content #Barge:hover {
	background:url('../images/BargeLight.png') no-repeat top center;
}


div#main #content #Dock {
	background:url('../images/DockDark.png') no-repeat top center;
}
div#main #content #Dock:hover {
	background:url('../images/DockLight.png') no-repeat top center;
}



div#main #content #Refinery {
	background:url('../images/RefineryDark.png') no-repeat top center;
}
div#main #content #Refinery:hover {
	background:url('../images/RefineryLight.png') no-repeat top center;
}


div#main #content #Stock {
	background:url('../images/StockDark.png') no-repeat top center;
}
div#main #content #Stock:hover {
	background:url('../images/StockLight.png') no-repeat top center;
}

div#main #content .hover-pic .left-align {
	text-align:left;
}

div#main #content .hover-pic .right-align {
	text-align:right;
	
}

div#main #content .hover-pic {
	width:488px;
	height:218px;
	padding-top:20px;
	display:table;

}

div#main #content .hover-pic .caption {
	margin:0px auto;
	padding:0px 15px;
	visibility:hidden;
	display:table-cell;
	vertical-align:middle;
	
}

div#main #content .hover-pic .caption p {
	line-height:24px;
	font-size:20px;
	font-family:Calibri, Arial, Helvetica, sans-serif;

}

div#main #content .hover-pic:hover .caption {
	visibility:visible;
}



div#footer {
	background:#fff;
	padding:10px 0px;
	margin-bottom:30px;
}

div#footer .address {
	float:right;
	text-align:right;
	margin-right:10px;
}

div#footer .address p {
	line-height:normal;
	margin:0px;
}

div#footer .address h2 {
	margin-bottom:10px;
}

div#footer .regions {
	float:left;
	width:100px;
	height:85px;
	margin-left:15px;
}

div#footer #Asia {
	background:url('../images/regions/Asia.png') no-repeat center top;
}

div#footer #NA {
	background:url('../images/regions/NA.png') no-repeat center top;
}
div#footer #LA {
	background:url('../images/regions/LA.png') no-repeat center top;
}
div#footer #Africa {
	background:url('../images/regions/Africa.png') no-repeat center top;
}
div#footer #Oceania {
	background:url('../images/regions/Oceania.png') no-repeat center top;
}
div#footer #Europe {
	background:url('../images/regions/Europe.png') no-repeat center top;
}