@charset "UTF-8";
/* CSS Document */


/* Fonts */
@font-face {
    font-family: 'Sky';
    src: url('font/skyfontthick-webfont.eot');
    src: url('font/skyfontthick-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/skyfontthick-webfont.woff') format('woff'),
         url('font/skyfontthick-webfont.ttf') format('truetype'),
         url('font/skyfontthick-webfont.svg#skyfontthickregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* End Fonts */



body {
	text-align: left;
	margin: 0 auto;
	background: #000 
}

#wrapper{
	margin: 0 auto;
	height: auto;
	width: 1000px;
}


/* Text Styles */

h1 {
	font-family: 'Sky';
	font-weight:normal;
	font-size: 48px;
	line-height: 50px;
	color: #1dabe3;
	margin: 0;
	padding-bottom: 10px;
	text-transform:uppercase;
}

h2 {
	font-family:'Sky';
	font-weight:normal;
	font-size: 16px;
	line-height: 18px;
	color: #FFF;
	padding:0;
	margin: 0;
	text-transform:uppercase;
}

h3 {
	font-family:'Sky';
	font-weight:normal;
	font-size: 14px;
	line-height: 16px;
	color: #1dabe3;
	padding:0;
	margin: 0;
	text-transform:uppercase;
}

h4 {
	font-family:'Sky';
	font-weight:normal;
	font-size: 12px;
	line-height: 14px;
	color:#FFF;
	padding:0;
	margin: 0;
	text-transform:uppercase;
}


p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #FFF;
	margin-top:10px;
}

ul {
	margin-top:10px;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #FFF;
}
	

/* Menu Styling */
	#menu {
		width:1000px;
		height:120px;
		background-color: rgba(0,0,0,0.6);
		float:left;
		clear:both;
	}
	
		#menulogo{
			margin-top: 25px;
			margin-left: -20px;
			height: 70px;
			width: 135px;
			float: left;
		}
		

		#menucontainer {
			float: right;
			padding-right:0px;
		}
	
/**Menu Bar**/

#menu-bar {
	margin: 45px 0;
	padding: 0;
	display: inline-block;
}

#menu-bar a span {
	font-family: 'Sky';
	color: #1dabe3;
	font-size: 8px;
	line-height: 8px;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#menu-bar li:hover > a span {
	color: rgba(29,171,227,0.7)
}

#menu-bar li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	list-style: none;
}

#menu-bar a {
	font-family: 'Sky';
	font-style: normal;
	font-size: 21px;
	line-height: 21px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 0px 10px;
	margin: 0;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#menu-bar li:hover > a {
	color: rgba(255,255,255,0.7);
}

#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}


/**End Menu Styling**/


#container {
	float: left;
	clear:both;
	height:auto;
	width:1000px;
	margin-top: 50px;
}
#mainpagecontainer {
	float: left;
	clear:both;
	height:auto;
	width:1000px;
	margin-top: 50px;
	background: url(../images/MiningServicesEnter.jpg) no-repeat Right;
}

.content {
	float: left;
	height:auto;
	width:500px;
}

.calendar {
	float: left;
	clear:both;
	width:980px;
	height: auto;
	margin-top:10px;
	padding:10px;
	border-bottom: 1px solid #FFF;
}

table {
	margin-top:10px;
}

td {
	padding:20px;
}
	

/**Main Quote**/
.quote {
	float: left;
	height:auto;
	width:540px;
	margin-left:-20px;
	margin-right:-80px;
	margin-top: 0px;
	padding-top: 300px;
	padding-left: 60px;
}

	.quote h1 {
		font-family: 'Sky';
		font-weight:normal;
		font-size: 42px;
		line-height: 42px;
		color: #FFF;
		margin: 0;
		padding:0;
		text-transform:uppercase;
		text-shadow: 0px 0px 20px #000;
		-moz-text-shadow: 0px 0px 20px #000;
		-webkit-text-shadow: 0px 0px 20px #000;
		-o-text-shadow: 0px 0px 20px #000;
	}
	
	.quote h2 {
		font-family:'Sky';
		font-weight:normal;
		font-size: 16px;
		line-height: 18px;
		text-align:right;
		padding-right: 60px;
		margin:0;
		color:#000;
		text-transform:uppercase;
	}



/**Footer**/

#footer {
	float: left;
	clear:both;
	height:auto;
	width:1000px;
	margin-top: 30px;
	margin-left:-10px;
	border-top: 2px solid #FFF;
	padding: 20px 10px 40px 10px;
}

	.footermenu {
		width:600px;
		float: left;
		height:auto;
	}
	
		.footermenu a {
			font-family:'Sky';
			font-size:13px;
			font-weight: normal;
			line-height: 28px;
			margin: 0px 10px;
			color: #FFF;
			text-decoration:none;
			text-transform:uppercase;
			-webkit-transition: all 300ms ease-in-out;
			-moz-transition: all 300ms ease-in-out;
			-o-transition: all 300ms ease-in-out;
			transition: all 300ms ease-in-out;
		}

		.footermenu a:hover {
			margin-top: 13px;
			text-decoration: none;
			color: #1dabe3;
		}

		.footermenu a:active {
			margin-top: 13px;
			text-decoration: none;
			color: #1785b0;
		}

		.footermenu .selected {
			font-family:'Sky';
			font-size:13px;
			font-weight: normal;
			line-height: 28px;
			margin: 0px 10px;
			margin-top: 13px;
			text-decoration: none;
			text-transform:uppercase;
			color: #1dabe3;
		}
		
	#footerlogo {
		float:left;
		text-align: right;
		width:400px;
		height:auto;
	}
	
	.copyright {
		width:1000px;
		float: left;
		height:auto;
		margin-top: 10px;
		text-align: right;
	}
		#footer p {
			font-family:Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 13px;
			color: #FFF;
			margin-top:10px;
			display: inline;
		}
	
/**WEBSITE BY GRAPHICAL DESIGNS**/

a.graphical {
	background-image: url(../images/graphicalbtn.png);
	background-repeat: no-repeat;
	display:inline-block;
	margin-bottom:-8px;
	margin-left: 5px;
	height: 24px;
	width: 24px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

a.graphical:hover {
	background-position:-24px;
}

a.graphical:active {
	background-position: -48px;
}
