@charset "UTF-8";

html, body { height: 100%; border: none; padding: 0; margin: 0; }

body{ font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }

h1{ margin: 0; padding: 0px;  }
h2{ font-weight: 200; color: #999; font-size: 20px; margin: 0; padding: 0; padding-top: 40px; line-height: 140%; }
	h2 strong{ font-size: 1.2em; }
a{ text-decoration: none; color: #25AAE1; }  a:hover{ color: #ED217C; }

#in-development{ transform: rotate(-4deg); font-size: 25px; margin-top: 7px; color: #000000; font-family: monospace; background: #d2d2d2; display: inline-block; padding: 5px; }
#coming-soon, #in-development{ -o-transition:1s; -ms-transition:1s; -moz-transition:1s; -webkit-transition:1s; }
	

/* #message{ margin-top: -1000px; -o-transition:2s; -ms-transition:2s; -moz-transition:2s; -webkit-transition:2s; } */

#logo{ position: relative; }
	#fulllogo{ background: url(logo_bubbles.png) 0px 0px no-repeat; background-size: cover; }
#social{ position: absolute; bottom: 3%; left: 3%; padding: 0; margin: 0; z-index: 1000; }
	#social li{ float: left; padding: 5px; margin: 0; list-style: none; }
	#social a{ height: 30px; width: 30px; display: block; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s;  color: transparent; font-size: 1px; overflow: hidden; }
	#social .facebook a{ background: url(images/socialmedia/Facebook.png) center center no-repeat; background-size: 30px 30px; }
	#social .twitter a{ background: url(images/socialmedia/Twitter.png) center center no-repeat; background-size: 30px 30px; }
	#social .googleplus a{ background: url(images/socialmedia/GooglePlus.png) center center no-repeat; background-size: 30px 30px; }
	
	#social .facebook a:hover{ background: url(images/socialmedia/Facebook_hvr.png) center center no-repeat; background-size: 30px 30px; }
	#social .twitter a:hover{ background: url(images/socialmedia/Twitter_hvr.png) center center no-repeat; background-size: 30px 30px; }
	#social .googleplus a:hover{ background: url(images/socialmedia/GooglePlus_hvr.png) center center no-repeat; background-size: 30px 30px; }

#loadgraphics{ display: none; }

#email{ padding: 0; margin: 0; position: absolute; bottom: 3%; right: 3%; z-index: 1000; }
	#email a{ -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; color: #444444; padding-left: 40px; padding-top: 6px; display: block; height: 28px; background: url(images/socialmedia/Email.png) left top no-repeat; background-size: 30px 30px; font-size: 14px; }
	#email a:hover{ color: #898989; background: url(images/socialmedia/Email_hvr.png) left top no-repeat; background-size: 30px 30px; }

.grad {
  background: -webkit-linear-gradient(white, #eee); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #eee); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #eee); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #eee); /* Standard syntax */
}

#copyright{ padding: 0; margin: 0; font-size: 12px; position: absolute; bottom: 4%; left: 0px; width: 100%; text-align: center; color: #999; }

@media only screen and (min-width : 1800px) {
}

@media only screen and (min-width : 2000px) {
}

@media only screen and (max-width : 959px) and (min-width : 800px) {

}

@media only screen and (max-width : 800px) {
    #email{     padding: 0;
    margin: 0;
    position: absolute;
    bottom: 50px;
    left: 23%;
    right:auto;
    top:auto;
    z-index: 1000;}
    
    #social{     position: absolute;
    top: 10px;
    bottom:auto;
    right: 20px;
    left:auto;
    padding: 0;
    margin: 0;
    z-index: 1000;}
    
    #fulllogo{ width: 95% !important; }

}