html {
    background: url("/circles-bg.png") no-repeat scroll center top, url("/bg-repeat.jpg") repeat scroll 0 0 #F7FAF9;
    border-top: 9px solid #7CC242;
    min-height: 100%;
    position: relative;
}
body {
    color: #343F3E;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 22.5px;
    margin: 0 auto 85px;
    text-align: left;
    width: 100%;
}

div#main-container {
    margin: 0 auto 250px;
    max-width: 560px;
    min-width: 400px;
}

h1 {
    background-image: url("mje_logo.png");
    background-repeat: no-repeat;
    height: 314px;
    margin: 120px auto 0;
    overflow: hidden;
    padding: 0 25px;
    text-indent: -9999px;
    background-size: 100% auto;
}




h2 {
    height: 0;
    overflow: hidden;
    width: 0;
}
div#contact {
    margin: 0 auto;
    width: 100%;
}
div#contact ul {
    background: url("contact-bg.png") no-repeat scroll 0 0 transparent;
    margin: 106px 0 0 69px;
    padding: 12px 0;
    width: 165px;
}
div#contact li {
    list-style: none outside none;
    margin-top: 15px;
}
li.twitter a {
    background: url("mj_twitter.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    width: 120px;
}
li.twitter a:link {
    background: url("mj_twitter.png") no-repeat scroll 0 0 transparent;
}
li.twitter a:visited {
    background: url("mj_twitter.png") repeat scroll 0 20px transparent;
}
li.twitter a:hover {
    background: url("mj_twitter.png") repeat scroll 0 40px transparent;
}
li.twitter a:active {
    background: url("mj_twitter.png") repeat scroll 0 60px transparent;
}
li.email a {
    background: url("mj_email.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    width: 165px;
}
li.email a:link {
    background: url("mj_email.png") no-repeat scroll 0 0 transparent;
}
li.email a:visited {
    background: url("mj_email.png") repeat scroll 0 20px transparent;
}
li.email a:hover {
    background: url("mj_email.png") repeat scroll 0 40px transparent;
}
li.email a:active {
    background: url("mj_email.png") repeat scroll 0 60px transparent;
}
li.email a:link {
    color: #686D5F;
    text-decoration: none;
}
li.email a:visited {
    color: #53941E;
    text-decoration: underline;
}
li.email a:hover {
    color: #70B835;
    text-decoration: underline;
}
li.email a:active {
    color: #2F5510;
    text-decoration: underline;
}
a:link {
    color: #686D5F;
    text-decoration: none;
}
a:visited {
    color: #53941E;
    text-decoration: underline;
}
a:hover {
    color: #70B835;
    text-decoration: underline;
}
a:active {
    color: #2F5510;
    text-decoration: underline;
}
footer {
    background-color: #41830B;
    border-top: 4px solid #32610B;
    bottom: 0;
    height: 85px;
    left: 0;
    position: absolute;
    width: 100%;
}
div#footer-container {
    margin: 0 auto;
    padding-top: 18px;
    width: 635px;
}
div#footer-container ul {
    color: #32610B;
    margin: 0 auto;
    padding: 0;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div#footer-container li {
    float: left;
    list-style: none outside none;
    margin: 19px 0 0 15px;
}
div#footer-container li.logo {
    margin: 0 0 0 15px;
}
div#footer-container li.design {
    margin: 19px 0 0 15px;
}
div#footer-container li a:link {
    border-bottom: 1px dotted #2F5510;
    color: #2F5510;
    padding: 0 1px 3px 1px;
    text-decoration: none;
}
div#footer-container li a:visited {
    color: #254906;
}
div#footer-container li a:hover {
    color: #70B835;
}
div#footer-container li a:active {
    color: #2F5510;
}


@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
	
	
	html {
    	background: url("/circles-bg-2x.png") no-repeat scroll center top, url("/bg-repeat-2x.jpg") repeat scroll 0 0 #F7FAF9;
	}
	
	
	h1 {
    	background-image: url("mje_logo-2x.png");
    	background-size: 560px auto;
    }
	
	div#contact ul {
		background-image: url("contact-bg-2x.png");
		background-size: 39px auto;
	}


	li.twitter a {
	    background: url("mj_twitter-2x.png") no-repeat scroll 0 0 transparent;
	    display: block;
	    height: 20px;
	    overflow: hidden;
	    text-indent: -9999px;
	    width: 120px;
	    background-size: 120px auto;
	}
	li.twitter a:link {
	    background-image: url("mj_twitter-2x.png");
	}
	li.twitter a:visited {
	    background-image: url("mj_twitter-2x.png");
	}
	li.twitter a:hover {
	    background-image: url("mj_twitter-2x.png");
	}
	li.twitter a:active {
	    background-image: url("mj_twitter-2x.png");
	}
	

	
	li.email a {
	    background: url("mj_email-2x.png") no-repeat scroll 0 0 transparent;
	    display: block;
	    height: 20px;
	    overflow: hidden;
	    text-indent: -9999px;
	    width: 165px;
	    background-size: 165px auto;
	}

	li.email a:link {
	    background-image: url("mj_email-2x.png");
	}
	li.email a:visited {
	   background-image: url("mj_email-2x.png");
	}
	li.email a:hover {
	    background-image: url("mj_email-2x.png");
	}
	li.email a:active {
	    background-image: url("mj_email-2x.png");
	}
   
   
    
    
}