body {background-color: white;}
p{ color:#fff; font:12pt "Helvetica Neue", "Helvetica", Arial, sans-serif; padding-bottom: 20px; }
a {color:#ffffff; text-decoration: underline;}
a:hover {text-decoration: underline;}
h3{ padding:30px 30px 20px 30px; }			
#content{ background:#111; background:url('img/bg-black.png'); width:585px; min-height:650px; margin: 0px auto; text-align:left; padding:30px 30px 30px 30px; z-index: 1000; position: relative; }
ul {color: white; margin: 0 auto; font:12pt "Helvetica Neue", "Helvetica", Arial, sans-serif; padding-left: 30px;line-height: 18px;  }
.logo {width: 100%; margin: 0 auto; text-align: center; margin-bottom: 30px;}
.copyright {width: 585px; margin: 0 auto; font-size: 10px;}
h1.contact {margin-top: 30px; margin-bottom: 10px; background: url(img/contact.png) no-repeat; display: block; color: transparent;}
h1.imagine {no-repeat; display: none; color: transparent; height: 110px;}

@media all and (max-width: 1024px) {
	#content {width: 70% !important;}
	p {font-size: 14pt;}
	ul {font-size: 14pt;}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

}

@media all and (max-width: 767px) {
	#content {width: 92% !important;}
	p {font-size: 14pt;}
	ul {font-size: 14pt;}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

}