@charset "UTF-8";
/* CSS Document */
html { overflow:visible; margin:0; padding:0}
body {
	margin-top:80px 0 0 0;
	padding:0;
	color: #a8b9c0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 15px;
	background: #000;
	overflow: visible;
	/*background:url(../img/nycTopRock5.gif) no-repeat;*/
	/*background-size: cover;
	background-attachment: fixed;*/
	}
	
.bg {
	opacity: 0; 
	position:fixed; 
	top: 0; 
	left: 0; 
	height: 100%;
	width:auto;
	z-index:-1;}
	
.border-radius { 	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; }

#badge {
	width: 230px; height: 420px;
	margin: 0 auto;
	background: #fff center bottom no-repeat; }
	
h1, h2 {text-transform: uppercase; text-align: center; }

h1 { 
	color: #002433;
	font-size: 24px;
	font-weight: 300;
	padding: 20px 0 0px;
	margin-bottom:0px;}
	
h2 {
	color: #a8b9c0;
	font-size: 15px;
	font-weight: 600;
	margin-top: 5px}

#badge img {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px; 
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius: 6px 0px 6px, 0px;;
	width: 200px; height: 275px;
	margin: -5px 15px;}


#apps{
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;	
	border-bottom-left-radius:6px;
	border-bottom-right-radius:0px;
	height:45px;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 5px;
	background-color:#81958A;
	width:45px;
	float:left;
	background-image:url(../img/apps-icon-white.png);
	background-size:35px;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: all;
	-moz-transition-delay:0s;
	-moz-transition-duration: 0.3s;}

#apps:hover { 
	background-color: #09F; }

#contact{
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;	
	border-bottom-left-radius:0px;
	border-bottom-right-radius:6px;
	height:45px;
	margin: 10px 0px;
	background-color:#81958A;
	width:150px;
	float:left;
	color: #fff;
	text-align: center; text-decoration: none; text-transform: uppercase;
	font-size: 20px;
	line-height: 45px;
	font-weight: 300;
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease-in-out; 
	-moz-transition-delay:0s;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-in-out}

#contact:hover { background: #09F; }

@media only screen and (max-device-width: 768px) and (min-device-width: 600px) {
	body {margin-top:35px; padding-bottom:auto; background:url(../img/nycTopRock5.gif) center top repeat-x}
	h1 {margin:0px;}
	h2 {margin-top: 0px;}
}

@media only screen and (max-device-width: 599px) {
	body {margin-top:5px; padding-bottom:auto; background:url(../img/nycTopRock5.gif) center top repeat-x}
	h1 {margin:0px;}
	h2 {margin-top: 0px;}
}