html, body{
	background:#ffffff;
	font-size:16px;
	color:#444444;
	font-family: Georgia, Times, "Times New Roman", serif;
	width:100%;
	min-width:319px;
}
body{
	
}
h1, h2{
	color:#f3c33b;
	font-size:1.3em;
	line-height:1.3em;
}
h3{
	color:#3C515F;
}
a, a:visited, a:hover, a:active{
	color:#f3c33b;
	font-weight:bold;
	text-decoration:none;
}
header{
	width:100%;
	height:100px;
	position:fixed;
	display:block;
	background:url(img/blue-90.png) repeat;
	border-bottom:solid white 2px;
	margin-top:0px;
	z-index:1000;
}
#companyName h1{
	color: #f3c33b;
	margin: 0px auto 0px 1%;
	padding: 20px;
	font-size:1.5em;
	line-height:1.3em;
	display:block;
	float:left;
	text-align:right;
	width:300px;
	clear:left;
}
#companyName span{
	height:auto;
	color: #ffffff;
	font-size:0.6em;
	line-height:1em;
	display:block;
	margin:0px;
	clear:left;
}
nav{
	width:70%;
	height:100px;
	position:relative;
	margin: 0px 1% 0px auto;
	font-family: Arial, Helvetica, Gotham, "Helvetica Neue", sans-serif;
	text-align:right;
}
nav a, nav a:hover, nav a:active, nav a:visited{
	color:#dddddd;
	text-decoration:none;
	font-size:17px;
	width:auto;
	height:60px;
	line-height:60px;
	display:inline-block;
}
nav a:hover{
	color:#f3c33b;
}
nav ul{
	display:block;
	width:auto;
	height:auto;
	position:relative;
	margin:20px 0px 0px 0px;
}
nav li{
	width:auto;
	height:auto;
	display:inline-block;
	background: url(img/white-divider.png) no-repeat right;
	background-size: auto 4em;
	padding:0px 10px 0px 10px; 
}
nav li:last-child{
	background:none;
}
nav div .mobileMenu{
	display:none;
}
#submitformHome{
	width:1px;
	height:1px;
	display:none;
}
@media screen and (max-width: 810px) {
header, h1, h2, h3{
	width:100%;
	padding:0px;
	margin:0px;
}
header{
	height:5em;
	min-width:310px;
	text-align:left;
	padding:0px 0px 0px 1em;
}
#companyName h1{
	font-size:1.3em;
	line-height:2.25em;
	width:auto;
	max-width:70%;
	margin:0px;
	padding:0px;
}
#companyName span{
	font-size:0.6em;
	line-height:0.8em;
	text-align:left;
	width:70%;
	margin:0px;
	padding:0px;
}
nav ul{
	display:none;
}
nav div .mobileMenu{
	width:3em;
	height:3em;
	position:relative;
	display:block;
	overflow:hidden;
	border:solid #ffffff 1px;
	border-radius:5px;
	background:url(img/mobile-menu-bg.png) no-repeat center;
	background-size:cover;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	margin:0.5em 10% 0.5em auto;
	padding:0px;
}
}


#imageHolder1, #imageHolder2, #imageHolder3{
	background-size: 2000px 940px;
	background-color: #3c515f;
	background:url(img/banner.jpg) no-repeat;
	background-position:0px -20px;
	width:100%;
	height:300px;
	margin-top:-20px;
	margin-bottom:50px;
	border-bottom:5px solid #3c515f;
}
#imageHolder1{
	background-position:0px 0px;
}
#imageHolder2{
	background-position:0px -325px;
}
#imageHolder3{
	background-position:0px -630px;
}
#infoBox{
	background:url(img/blue-90.png) repeat;
	border:none;
	width:28%;
	height:260px;
	margin:120px 5% 0px auto;
	padding:20px;
	text-align:center;
}
#infoBox h1{
	font-size:1em;
	line-height:1em;
	color:#f3c33b;
	margin:0.25em;
}
#infoBox h2{
	font-size:1em;
	line-height:1.2em;
	color:#ffffff;
	margin:0px 0.5em 0.5em 0.5em;
}
#infoBox h3{
	font-size:1.2em;
	line-height:1.2em;
	color:#f3c33b;
	margin:0px auto 0.5em auto;
}
#recycle {
	width:75px;
	height:auto;

}
.column {
	background-color:#ffffff;
	width:25%;
	height:auto;
	display:block;
	float:left;
	position:relative;
	margin: 2%;
	padding:0px;
	border-radius: 15px;
	font-size:16px;
	line-height:1.2em;
}
#contact h1{
	width:auto;
	height:auto;
	display:block;
	position:relative;
	margin:120px 5% 0px 5%;
}
#contact .left {
	width:30%;
}
#contact .right{
	margin-left:6%;
	width:40%;
}
#contact .right, #contact .right input, #contact .right textarea{
	border-color: #f3c33b;
}
#contact .right .submit{
	background: #f3c33b;
}
#contact h2{
	color: #f3c33b;
}
.left.column {
	width:30%;
	margin-left:5%;
}
.left.column h2{
	margin-top:0px;
}
.middle.column {
	width:20%;
	padding:0px;
}
.right.column {
	width:30%;
	padding:20px;
	border: solid #008E45 3px; 
}
.morelinks a, .morelinks a:hover, .morelinks a:active, .morelinks a:visited{
	display:block;
	font-weight:400;
	line-height:1.1em;
	padding:0.75em 0px;
	text-decoration:none;
	color:#bbbbbb;
}
.morelinks a:hover, .morelinks li:hover{
	color:#f3c33b;
}
.morelinks li{
	width:auto;
	height:auto;
	margin-left:-2em;
	color:#bbbbbb;
}
.morelinks ul{
	margin-top:2em;
}
.cta_green{
	background:#008E45;
	border-radius:15px;
	padding:20px;
	text-align:center;
	font-size:1.2em;
	line-height:1.5em;
}
.cta_green #cta {
	color:white;
	font-size:1.4em;
}
#cta_desc{
	color:#3C515F;
	font-size:0.9em;
}
#cta_tel, #cta_tel a, #cta_tel:visited, #cta_tel:active, #cta_tel a:hover{
	color:#f3c33b;
	font-size:1.2em;
	text-decoration:none;
}
#cta_tel a:hover{
	color:#ffffff;
}
#cta_tollfree{
	color:#3C515F;
}
#cta_tollfree_number a, #cta_tollfree_number a:hover, #cta_tollfree_number a:active, #cta_tollfree_number a:visited {
	color:white;
	font-size:1.2em;
	text-decoration:none;
}
#cta_tollfree_number a:hover{
	color:#f3c33b;
}
.label {
	display:inline-block;
	height:2em;
	width:20%;
}
.error {
	color:red;
}
.right.column h2{
	color:#008E45;
	margin:0px 1em 1em 0px;;
}
.right.column input {
	width:75%;
	border:solid #88C23F 2px;
	border-radius:6px;
	height:1em;
	padding:0.35em;
}
.right.column textarea {
	width:95%;
	height:5em;
	border:solid #88C23F 2px;
	border-radius:6px;
	margin:5px 20px 20px 0px;
	padding:0.35em;

}
.right.column .submit {
	width:100%;
	height:2em;
	background:#88C23F;
	font-size:1.5em;
	color:white;
	font-weight:bold;
}
.right.column .submit:hover {
	background:#008E45;
	border-color:#008E45;
}

#checkmark{
	width:26px;
	height:20px; 
	display:inline-block;
	background: url(img/checkmark.png) no-repeat;
	vertical-align:middle;
	margin:-5px 10px 0px -10px;
}


/****************************** ABOUT SECTION ***********************************/ 

#about{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	text-align:center;
	margin:0px;
	padding:100px 0px 0px 0px;
}
#about_bg{
	background:url(img/blue-100.png) repeat;
}
#about h1{
	margin:0px;
	padding:1em 0px 0.25em 0px;
	font-size:1.5em;
}
#about h2{
	color:white;
	margin:0px;
	padding:0.25em 0px 1.5em 0px;
	font-size:1em;
}


/****************** what we buy ***************************/
#img_container{
	width:100%;
	height:225px;
	display:block;
	position:relative;
	background: url(img/dental-gold.png) no-repeat bottom left 4%, url(img/gold-jewellery.png) no-repeat bottom left 26%, url(img/gold-coin-and-nugget.png) no-repeat bottom left 96%, url(img/silver-pocket-watch.png) no-repeat bottom left 48%, url(img/silver-cutlery.png) no-repeat bottom -40px left 75%;
	background-size: 200px auto, 200px auto, 250px auto, auto 200px, 250px auto, 105px auto;
}
#img_container_2{
	width:100%;
	height:200px;
	display:block;
	position:relative;
	background: url(img/recycle-scrap-gold-and-silver-dollar.png) no-repeat bottom 10px left 6%;
	background-size:auto 75px;
}
#img_container_2 h1{
	color:#3C515F;
	margin:140px 0px 0px 0px;
	text-align:center;
	font-size:1.6em;
}
#img_container_3{
    width: 45%;
    height: 100px;
	display:block;
	position:relative;
    background: url(img/dental-gold.jpg) no-repeat top left 30px, url(img/gold-coin-and-nugget.png) no-repeat top center, url(img/gold-jewellery.png) no-repeat top right;
    background-size: auto 100px, auto 100px, auto 100px;
    margin: 0px 0px 0px 4%;
    padding: 0px;
}
#whatwebuy, #prices {
	width:100%;
	height:auto;
	display:block;
	position:relative;
	background: url(img/brass-household-item.png) no-repeat bottom right 1%, url(img/gold-pocket-watch.png) no-repeat bottom 100px left 83%, url(img/blue-100.png) repeat;	
	background-size:225px auto, 175px auto;
	text-align:left;
	margin:0px 0px;
	padding:20px 0px;
}
#prices{
	background: url(img/giving-money.gif) no-repeat bottom 00px left 0px, url(img/blue-100.png) repeat;
	background-size:400px auto;
	height:250px;
	padding:0px 0px 0px 30%;
	width:70%;
}
#purity_and_karat.column {
	margin-top:0px;
}
#whatwebuy h1{
	margin:1em 1em 1em 4%;
	padding:0px;
	font-size:1.5em;
}
#whatwebuy h2{
	color:white;
	margin:0px;
	padding:0px;
	font-size:1.2em;
}
#whatwebuy h3{
	color:white;
	margin:0px;
	padding:0.25em 0px 1.5em 0px;
	font-size:1em;
}
#whatwebuy p{
	color:white;
	margin-left:20px;
	width:100%;
}
#whatwebuy li{
	color:white;
}
#whatwebuy #links{
	line-height:2em;
	color:#f3c33b;
	list-style:none;
	margin:0px;
	padding:0px;
}
#whatwebuy a, #whatwebuy a:hover, #whatwebuy a:active, #whatwebuy a:visited{
	color:#f3c33b;
	padding:1em;
}
#whatwebuy a:hover{
	color:#ffff55;
}
#whatwebuy_left_col, #whatwebuy_right_col{
	display:block;
	width:35%;
	height:auto;
	position:relative;
	float:left;
	margin-left:8%;
}
#prices_left_col{
	display:block;
	width:30%;
	height:auto;
	position:relative;
	float:left;
}
#prices_right_col{
	width:70%;
	padding:2em 0px 0px 0px;
	margin-left:8%;
	font-size:large;
}
#prices_right_col p{
	color:white;
}
#mail_in, #faq{
	display:block;
	width:35%;
	height:auto;
	position:relative;
	float:left;
	margin-left:6%;
	padding-top:120px;
}
#divider{
	width:2px;
	height:450px;
	display:block;
	position:absolute;
	border:none;
	margin:250px auto 0px 47%;
	background:url(img/divider.png) no-repeat center;
	background-size:2px 100%;
	z-index:999;
}
#mail_in p, #faq p{
	margin-left:10%;
	width:100%;
}
#mail_in h2, #faq h2{
	margin-left:6%;
	font-size:1em;
	color:#333333;
}
#mail_in h1, #faq h1{
	color:#3C515F;
	margin-left:-6%;
	font-size:1.2em;
}
#mailing{
	background: url(img/mail.png) no-repeat bottom left 15em;	
}
/****************************** what do you get ***********************************/ 


#karat_table{
	width:45%;
	height:auto;
	text-align:center;
	margin: 0px auto 0px 4%;
	line-height:2em;
}
#karat_table table{
	margin-bottom:;
}
#karat_table th{
	background:#444444;
	color:white;
}
#purity_and_karat{
	width:43%;
	height:auto;
	margin: 8em 0px 4% 4%;
	background:#3c515f;
	color:white;
	border-radius:0px;
	padding:2px 2%;
}
#purity_and_karat h1{
	background:#444444;
	padding:0.5em 5%;
	width:99%;
	margin:-1px 0px 1em -4.5%;
}
#purity_and_karat li{
	margin-left:-1.5em;
}

/****************************** ABOUT SECTION ***********************************/ 

.about.column  {
	border:none;
	padding:0px;
}
.about.column img {
	width:100%;
	max-width:300px;
	height:auto;
	display:block;
	margin:auto;
}
.about.column.middle h3 {
	color:green;
	text-align:center;
}
.testimonial_author {
	text-align:right;
	width:100%;
	height:auto;
	display:inline-block;
	font-style:oblique;
}




footer{
	width:98%;
	height:auto;
	position:relative;
	margin: 0px;
	text-align:center;
	background:#666666;
	color:#999999;
	padding:1%;
}
footer a, footer a:hover, footer a:active, footer a:visited{
	color:#dddddd;
	text-decoration:none;
	font-size:0.8em;
	width:auto;
	height:60px;
	line-height:60px;
	display:inline-block;
}
footer a:hover{
	color:#f3c33b;
}
footer ul{
	display:block;
	width:auto;
	height:auto;
	position:relative;
	margin: 0px;
}
footer li{
	width:auto;
	height:auto;
	display:inline-block;
	background: url(img/white-divider.png) no-repeat right;
	padding:0px 10px 0px 10px; 
}
footer li:last-child{
	background:none;
}

@media screen and (min-width: 240px) and (max-width: 810px) {
#submitformHome{
	width:1px;
	height:1px;
	display:block;
}
#companyName h1{
	font-size:16px;
    margin: 0px;
    padding: 1em 0px 0px 1em;
    text-align: left;
    width: auto;
}
#imageHolder1, #imageHolder2, #imageHolder3 {
	height:280px;
}
#infoBox h3, #infoBox h2, #infoBox h1 {
	font-size:14px;
    line-height: 1.2em;
    margin: 0px auto 0.5em auto;
}
/******************  how much do you get  *******************/
#img_container_2 h1{
	font-size:15px;
	margin: 110px auto 0px 110px;
	max-width:68%;
}
#img_container_2 {
    height: 175px;
    background: url(img/recycle-scrap-gold-and-silver-dollar.png) no-repeat bottom 10px left 20px;
    background-size: auto 75px;
}
#img_container_3{
    width: 90%;
    background: url(img/gold-coin-and-nugget.png) no-repeat top left 45%, url(img/dental-gold.jpg) no-repeat top left, url(img/gold-jewellery.png) no-repeat top right;
    background-size: auto 100px, auto 100px, auto 100px;
    margin: 0px 0px 0px 4%;
    padding: 0px;
}
#prices_right_col {
    width: 90%;
    padding: 6% 0px 0px 0px;
    margin-left: 6%;
    font-size: 1em;
}
#prices {
    background: url(img/giving-money.gif) no-repeat bottom 25% right 110%, url(img/blue-100.png) repeat;
    background-size: 225px auto;
    height: auto;
    padding: 2% 0px 2% 2%;
    width: 100%;
}
#prices p{
	margin-left:150px;
	padding: 0px 2em 40px 0px;
}
#karat_table {
    width: 90%;
    margin: 2em auto 0px 4%;
    line-height: 1.4em;
}
#purity_and_karat {
    width: 86%;
    margin: 2em auto 4% 4%;
    padding: 2%;
}
#purity_and_karat h1 {
    padding: 1%;
    width: 102%;
    margin: -2% 0px 1em -2%;
}
#gold{
	max-width:100%;
}

/************** CONTACT ***************/

#contact .column{
	width:96%;
	margin:auto;
	padding:2%;
	text-align:center;
}
#contact .right{
	margin:0px 2% 20px 2%;
	width:90%;
}
#contact .left{
	margin-bottom:75px;
}
#contact p, #contact input{
	margin-bottom:1em;
}
#contact h1{
	margin:80px auto auto auto;
	text-align:center;
}
#contact h3{
	font-size:1em;
}
footer ul, footer li{
	width:102%;
	padding:0px;
	height:auto;
}
footer ul{
	clear:both;
	float:none;
}
footer li{
	width:100%;
	margin:0px;
	background:none;
	border:none;
}
footer a, footer a:visited, footer a:active, footer a:hover{
	width:102%;
	height:auto;
	background:none;
	margin:0.5em -25px;
	padding:2% 0px;
	line-height:1.3em;
	font-size:1em;
	font-weight:bold;
}	
footer a:hover{
	border-top:1px solid white;
	border-bottom:1px solid white;
	background:#888888;
}
footer a:active{
	border-top:1px solid white;
	border-bottom:1px solid white;
	background:#888888;
	color:red;
}
/************** What do we buy / mail in / faq  ***************/
#whatwebuy, #mail_in, #faq {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    float: none;
    margin: 0px;
    padding: 20px 0px 0px 0px;
}
#whatwebuy_left_col, #whatwebuy_right_col{
	width:95%;
	margin:0px;
	padding:1em;
	float:none;
	clear:both;
}
#whatwebuy p{
	width:90%;
	padding:1%;
}
#whatwebuy h1{
	margin:0px;
	text-align:center;
}
#img_container{
	width:100%;
	height:225px;
	display:block;
	position:relative;
	background: url(img/dental-gold.png) no-repeat bottom left 48%, url(img/gold-jewellery.png) no-repeat bottom 80px left 24%, url(img/gold-coin-and-nugget.png) no-repeat bottom 80px left 75%, url(img/silver-pocket-watch.png) no-repeat bottom left 4%, url(img/silver-cutlery.png) no-repeat bottom 0px left 98%;
	background-size: 150px auto, 100px auto, 150px auto, auto 100px, 150px auto, 55px auto;
}
#whatwebuy {
	background: url(img/brass-household-item.png) no-repeat bottom right 5%, url(img/gold-pocket-watch.png) no-repeat bottom 120px right 10%, url(img/blue-100.png) repeat;	
	background-size:165px auto, 125px auto, auto;
	margin:0px 0px;
	padding:20px 0px;
	width:100%;
}
#mail_in, #faq {
	padding:20px;
}
#mail_in p, #faq p,#mail_in h1, #faq h1, #mail_in h2, #faq h2, #mail_in h3, #faq h3, #mail_in h4, #faq h4{
	margin:0px 0px 1em 0px;
	width:80%;
	overflow:visible;
}
#mail_in h1, #faq h1 {
	color:#f3c33b;
	margin-top:3em;
}
#mail_in #mailing {
    background: url(img/mail.png) no-repeat bottom left 80%;
	width:100%;
	padding:0px;
	margin:0px;
	display:block;
}
#divider{
	display:none;
}

.front #infoBox {
    width: 40%;
    margin: 100px 0px 0px auto;
    padding: 10px;
}
.front .left{
	padding:4%;
	margin:0px;
	width:92%;
}
.front .middle, .front .right{
	width:92%;
	padding:2%;
	margin-top:0px;
}
.front .right{
	width:86%;
	margin-left:4%;
}
.front .cta_green{
	padding:1em 0px 1em 0px;
}
.front .morelinks{
	display:none;
}
.front, .front p, .front h1, .front h2, .front h3, .front h4, .front h5, .front ul, .front .column .cta_green{
	margin:0px auto 0.5em 0px;
	line-height:1.2em;
}
.right.column h2 {
    font-size:1.2em;
	text-align:center;
}
.front .right.column .submit{
	padding:0px;
}
.right.column input {
    padding: 0.2em;
}
.right .column textarea {
    height: 3em;
    border-radius: 6px;
    margin: 5px 20px 0px 0px;
    padding: 0.35em;
}
#about h1, #about h2{
	padding:0px;
}
#about {
	padding:80px 0px 0px 0px;
}
#about_bg {
	padding:1em 0px 1em 0px;
}
.column.left.about   {
	width:88%;
	clear:both;
}
.column.middle.about {
	width:50%;
	height:auto;
	position:relative;
	display:block;
	margin:0px auto 0px 25%;
}
.column.right.about   {
	width:90%;
	clear:both;
	margin-left:4%;

}
}


@media screen and (min-width: 811px) and (max-width: 1130px) {
header {
    height: 75px;

}
#companyName h1{
	font-size:18px;
    margin: 0px;
    padding: 1em 0px 0px 1em;
    text-align: left;
    width: auto;
}
nav {
    width: 74%;
    margin: 0px 0px 0px auto;
}
nav a, nav a:hover, nav a:active, nav a:visited {
    font-size: 13.5px;
    height: 40px;
    line-height: 40px;
}
nav li {
    background: url(img/white-divider.png) no-repeat right;
    background-size: auto 3em;
    padding: 0px 0.25em 0px 0.25em;
}
#img_container {
    background: url(img/dental-gold.png) no-repeat bottom left 1%, url(img/gold-jewellery.png) no-repeat bottom 20px left 26%, url(img/gold-coin-and-nugget.png) no-repeat bottom 50px left 75%, url(img/silver-pocket-watch.png) no-repeat bottom 30px left 48%, url(img/silver-cutlery.png) no-repeat bottom -40px left 100%;
    background-size: 180px auto, 150px auto, 200px auto, auto 150px, 200px auto;
}
#imageHolder1, #imageHolder2, #imageHolder3{
	margin-top:-45px;
	margin-bottom:4%;
	width:100%;
	padding:0px;
}
.front #infoBox {
    width: 40%;
    margin: 120px 6% 0px auto;
    padding: 20px;
}
.front .left{
	padding:0px;
	margin:0px 4% 4% 4%;
	width:40%;
}
.front .middle, .front .right{
	width:45%;
	padding:0px;
	margin-top:0px;
}
.front .cta_green{
	padding:1em 0px 1em 0px;
}
.front .middle{	
}
.front .morelinks{
	display:none;
}
.front .right{
	width:41%;
	padding:2%;
}
.front, .front p, .front h1, .front h2, .front h3, .front h4, .front h5, .front ul, .front .column .cta_green{
	margin:0px auto 4% 0px;
	line-height:1.2em;
}
.right.column h2 {
    font-size:1em;
}
.front .right.column .submit{
	padding:0px;
}
.right.column input {
    padding: 0.2em;
}
.right .column textarea {
    height: 3em;
    border-radius: 6px;
    margin: 5px 20px 10px 0px;
    padding: 0.35em;
}
#about h1, #about h2{
	padding:0px;
}
#about {
	padding:75px 0px 0px 0px;
}
#about_bg {
	padding:1em 0px 1em 0px;
}

/******************  how much do you get  *******************/
#img_container_2 h1{
	font-size:17px;
	margin: 116px auto 0px 20%;
	width:75%;
}
#img_container_2 {
    height: 175px;
    background: url(img/recycle-scrap-gold-and-silver-dollar.png) no-repeat bottom 10px left 20px;
    background-size: auto 75px;
}
#img_container_3{
    width: 90%;
    background: url(img/gold-coin-and-nugget.png) no-repeat top left 45%, url(img/dental-gold.jpg) no-repeat top left, url(img/gold-jewellery.png) no-repeat top right;
    background-size: auto 100px, auto 100px, auto 100px;
    margin: 0px 0px 0px 4%;
    padding: 0px;
}
#prices_right_col {
    width: 90%;
    padding: 2% 0px 0px 0px;
    margin-left: 6%;
    font-size: 1em;
}
#prices {
    background: url(img/giving-money.gif) no-repeat bottom 25% left, url(img/blue-100.png) repeat;
    background-size: 225px auto;
    height: auto;
    padding: 4% 0px 2% 20%;
    width: 90%;
}
#prices p{
	margin-left:0px;
	padding: 0px;
	width:75%;
}
#karat_table {
    width: 90%;
    margin: 2em auto 0px 4%;
    line-height: 1.4em;
}
#purity_and_karat {
    width: 86%;
    margin: 2em auto 4% 4%;
    padding: 2%;
}
#purity_and_karat h1 {
    padding: 1%;
    width: 102%;
    margin: -2% 0px 1em -2%;
}
#gold{
	max-width:100%;
}




}