body {
  font: 16px arial, verdana, helvetica, sans-serif;
  color: #4a2d1b;
  margin: 40px;
  background: #cc5920 url(images/bg-tile.jpg) left top repeat-x;
  background-attachment: fixed;
  line-height: 150%;
  text-align:center;
  }

p, li, ul, dd, td {
  font: 16px arial, verdana, helvetica, sans-serif;
  color: #4a2d1b;
  line-height: 150%;
  }
 
a {
  font: 16px arial, verdana, helvetica, sans-serif;
  color: #0000cc;
  text-decoration: underline;
  }
  
#underline {
  font: 10px arial, verdana, helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
  }
  
a:hover {
  color: #000000; 
  text-decoration:underline;
  }

h1, h1 a, h2, h2 a, h3, h3 a {
  color: #a61a01;
  line-height: 120%;
  clear: both;
  }

h1, h1 a {
  font-size: 20px;
  margin-top: 0;
  }
h2, h2 a {
  font-size: 18px;
  }
h3, h3 a {
  font-size: 16px;
  }

hr {
  height:1px;
  border: 0px;
  width:100%;
  background:#c3b4ac;
  color:#c3b4ab;
  margin: 20px 0;
  }
  
#header {
  width: 862px;
  margin: 0 auto;
  }
  
#wrapper {
  width: 862px;
  margin: 0 auto;
  background: #ffffff;
  border: 0;
  padding: 0;
  text-align:left;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;


  }

#headerlower {
  width: 862px;
  }

#empty {
  display: none;
  }
  
#content {
  margin: 0;
  }

.content-padding {
  margin: 20px 26px;
}

#contentmain {
  width: 100%;
  margin-bottom:20px;
  }

#contentmain-wide {
  width: 100%;
  }

#contentmain-narrow {
  width: 100%;
  }
  
#contentright {
	margin-left: 10px;
	font-size: 12px;
	margin-bottom:20px;
	width:100%;
	background: #e7c278;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
  }
 
#contentright p, #contentright td, .textbox, .checkbox {
  font-size: 12px;
  }
#contentright a {
  font-size: 12px;
  color: #000000;
  }

#contentright textarea {
  width: 100%;
  }

#contentright-payment {
	background: url(images/top-enquiry-bg_01.jpg) top left no-repeat #e7c278; -moz-border-radius: 10px; border-radius: 10px; margin:5px;
	width: 100%;
	margin-bottom: 10px;
}
#contentright-payment td, #contentright-payment p, #contentright-payment li, #contentright-payment li a {
  font-size: 11px;
  }
#contentright-payment ul {
  padding-left: 10px;
  }
#contentright-payment li {
  font-style: italic;
  padding-bottom: 20px;
  }
    
#footer {
  margin: 10px auto;
  width: 862px;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  }
#footer a {
  color: #ffffff;
  text-decoration: underline;
  font-size: 12px;
  }
  
#bottom {
  width: 862px;
  height: 23px;
  float: left;
  }

#bottom .wrap {
  width: 50px;
  height: 23px;
  float: right;
  }

#contactbox {
	width:100%;
	font-size: 11px;
	color: #492c1a;

	background: #f7ebd2;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius:8px;
	margin-top:24px;
}
#contactbox .content {
	padding:20px;
	font-size: 11px;
	color: #492c1a;
}

#contactbox p {
	font-size: 11px;
	color: #492c1a;
}

#contactbox a {
	font-size: 11px;
	color: #492c1a;
	font-weight:bold;
	text-decoration:none;
}

.nav_starthere {display:none;}

#registertop {  background: url(images/top-enquiry-bg_01.jpg) top left no-repeat #e7c278; -moz-border-radius: 10px; border-radius: 10px; margin:5px; }
#registertop .wrap { float:right; background: url(images/top-enquiry-bg_01.jpg) top right no-repeat #e7c278; width:50px; }
#registertop {
  padding: 10px 10px 20px 10px;
  }

#registertop h2 {
	padding:0px;
	color: #a61a01;
	font-weight:bold;
	font-size: 18pt;
}
  
.textbox {
  width: 100%;
  padding:3px 0px 3px 0px;
  }

.checkbox {
  padding-right: 10px;
  }
   
.clear {
  clear: both;
  }
.divider {
  clear: both;
  height:5px;
  }
  
.imageright {
  float: right;
  margin: 1px 0px 15px 15px;
  }
  
.imageleft {
  float: left;
  margin: 1px 15px 15px 0px;
  }

.casestudy {
  background: #f4efe6;
  padding: 8px;
  font-size: 13px;
  }
.casestudy td, .casestudy p {
  font-size: 13px;
  }

.casestudypic {
  float: right;
  margin: 1px 0px 15px 15px;
  background: #ddd0b5;
  border: 0;
  padding: 0;
  text-align: center;
  }

.quote {
  background: url(images/quote.gif) left top no-repeat;
  margin:0px;
  padding-top: 27px;
  font-size: 13px;
  }
.quote i {
  font-weight: bold;
  }

.blogquote {
  background: url(images/quote.gif) left top no-repeat;
  padding:0px;
  padding-top: 20px;
  font-size: 16px;
  }
.blogquote i {
  font-weight: bold;
  }


 
.nav1 {
  text-decoration: none;
  color: #4a2d1b;
  }
 
.boldred {
  color: #7f2606;
  font-weight: bold;
  }

/* Navigation styles */

.displace {
  position: absolute;
  display:none;
  }
  
*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

#xmas{
position:absolute; 
top:0;left:0;
}

#popuregistertop {  background: url(images/top-enquiry-bg_01.jpg) top left no-repeat #e7c278; -moz-border-radius: 10px; border-radius: 10px; margin:5px; }
#popuregistertop .wrap { float:right; background: url(images/top-enquiry-bg_01.jpg) top right no-repeat #e7c278; width:50px; }
#popuregistertop .formcontent { padding:20px 20px 20px 20px; text-align:left; }
#popuregistertop .formcontent .leftdiv { margin-left:20px; }
#popuregistertop table tr td { font-size:10pt; }
#popuregistertop .textbox { width:100%;}
#disclaimer { font-size: 8pt;}
#disclaimer a { font-size: 8pt;  }
#disclaimer a span { font-size: 8pt; color:#4a2d1b; text-decoration:underline;}
#popupsubmitbtn {padding:5px 20px 5px 20px;}

.col-10, .col-20, .col-25, .col-30, .col-33, .col-35, .col-40, .col-45, .col-50, .col-55, .col-60, .col-66, .col-65, .col-70, .col-75, .col-100 { float: left; display: inline; margin: 0; }
.col-10 { width: 10%; }
.col-20 { width: 20%; }
.col-25 { width: 25%; }
.col-30 { width: 30%; }
.col-35 { width: 35%; }
.col-40 { width: 40%; }
.col-45 { width: 45%; }
.col-50 { width: 50%; }
.col-55 { width: 55%; }
.col-60 { width: 60%; }
.col-65 { width: 65%; }
.col-70 { width: 70%; }
.col-75 { width: 75%; }
.col-33 { width: 33.3333333333333%; }
.col-66 { width: 66.6666666666667%; }
.col-100 { width: 100%; }

img.img-pay-button { width:400px; }


@media screen and (max-width: 960px) {
	body {margin:2%;}
	#header { width:100%; }
	#wrapper { width:100%;padding:0px;background:#e0e0e0;}
	#content { width:100%; padding:0px;}
	#contentmain { width:100%; padding:0px; }
	#headerlower { width:100%;}
	#bottom { width: 100%;}	
	#footer { width:100%; }
}
@media screen and (max-width: 790px) {
 	body { background: #cc5920; }
	// #contactbox { background: #e7c278; }
	//.textbox { background:#e0e0e0; }
  a.nav_starthere {display:none; position:relative; margin: 12px 5px 10px 15px; float:left; color: #a61a01; font-weight:bold; text-decoration: none; border:1px solid #e0e0e0; background:#e0e0e0; padding:5px 20px 5px 20px;}
  // #enquiryformtop {display:none;}
	#contentright {margin-left:0px;}
	#contentright-payment {margin:0px;}
	#popuregistertop .formcontent .leftdiv { margin-left:0px; }

	.col-blank {display:none;}
	.col-30 { width: 100%; }
	.col-33 { width: 100%; }
	.col-35 { width: 100%; }
	.col-40 { width: 100%; }
	.col-45 { width: 100%; }
	.col-50 { width: 100%; }
	.col-55 { width: 100%; }
	.col-60 { width: 100%; }
	.col-65 { width: 100%; }
	.col-70 { width: 100%; }
	.col-75 { width: 100%; }

	.col-66 { width: 100%; }
	.col-100 { width: 100%; }

}


@media screen and (max-width: 600px) {
	.content-padding {
	  margin: 10px;
	}

	#navbar a {width:50%;}
	img.img-pay-button { width:100%; }
	img.imageright { margin:0px; width:100%; display:block; height:100%; }

}


@media screen and (max-width: 480px) {
	.contact-icon { width:100%;}
	.clickbank-button { width:100%;}
}


.mobile { display: none; }
.tablet { display: none; }
.computer { display: block; }
#headerlower { display:none; }

@media screen and (max-width: 960px) {
	.mobile { display: none; }
	.tablet { display: block; }
	.computer { display: block; }
	#headerlower { display:none; }
}
@media screen and (max-width: 600px) {
	.mobile { display: block; }
	.tablet { display: none; }
	.computer { display: none; }
	#headerlower { display:none; }
}

/**
=========== TOP MENU =========== 
**/

body {margin:0;}

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000000;
}

ul.topnav li {float: left;  background-color: #000000;
}

ul.topnav li a {
	background-color: #000000;
	display: block;
	color: #f2f2f2;
	text-align: center;
	text-decoration: none;
	height:45px;
}

ul.topnav li a:hover {background-color: #000000;}
ul.topnav li.icon {display: none; text-align:center;}
ul.topnav li.icon img {margin:5px;}
a#home-nav {
  background: url(images/nav/nav_home.jpg);
  width: 84px;
  }
  
a#about-nav {
  background: url(images/nav/nav_about.jpg);
  width: 90px;
  }
  
a#mining-nav {
  background: url(images/nav/nav_mining.jpg);
  width: 180px;
  }
  
a#started-nav {
  background: url(images/nav/nav_started.jpg);
  width: 115px;
  }

a#why-nav {
  background: url(images/nav/nav_why.jpg);
  width: 140px;
  }
  
a#blog-nav {
  background: url(images/nav/nav_blog.jpg);
  width: 0px;
  display:none;
  visibility:hidden;
  }
 
a#contact-nav {
  background: url(images/nav/nav_contact.jpg);
  width: 133px;
  }
  
a#testimonials-nav {
  background: url(images/nav/nav_testimonials.jpg);
  width: 120px;
  }

a#testimonials-nav:hover, body#testimonials a#testimonials-nav,
a#started-nav:hover, body#started a#started-nav,
a#contact-nav:hover, body#contact a#contact-nav,
a#blog-nav:hover, body#blog a#blog-nav,
a#why-nav:hover, body#why a#why-nav,
a#mining-nav:hover, body#mining a#mining-nav,
a#about-nav:hover, body#about a#about-nav,
a#home-nav:hover, body#home a#home-nav {
  background-position: 0 -45px;
}

@media screen and (max-width: 960px) {
	ul.topnav { margin-left:3px; margin-right:3px;}
	a#home-nav, a#about-nav,a#mining-nav, a#started-nav, a#why-nav, a#blog-nav, a#contact-nav, a#testimonials-nav {
		color:#ffffff;
		background: none;
		border-bottom:1px solid #c0c0c0;
		width: 100%;
	}
	a#home-nav:hover, a#about-nav:hover, a#mining-nav:hover, a#started-nav:hover, a#why-nav:hover, a#blog-nav:hover, a#contact-nav:hover, a#testimonials-nav:hover {
		color:#ffffff;
		background-color:#404040;
		width: 100%;
	}
	ul.topnav li a span.displace {display:block; color:#ffffff; padding:12px; }
	ul.topnav li a:hover {}

	ul.topnav li {display: none;}
	ul.topnav li.icon {
		float: right;
		display: inline-block;
	}
}

@media screen and (max-width:960px) {
	ul.topnav.responsive {position: relative;}
	ul.topnav.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	ul.topnav.responsive li {
		float: none;
		display: block;
	}
	ul.topnav.responsive li a {
		display: block;
		width:100%:    
		text-align: left;
	}
}