/*reset*/
			html, body {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
			html, body { overflow-y: hidden; }
			/*boiler*/
			html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
			html, button, input, select, textarea { font-family: sans-serif; color: #222; }
			pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
			pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
			img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
			svg:not(:root) { overflow: hidden; }
			td { vertical-align: top; }
			/* FORM FIXES: including allowing styling on iOS + pointer + consistency sizes/browsers + lots of other stuff */
			button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
			button[disabled], input[disabled] { cursor: default; }
			input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
			input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
			input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
			button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
			textarea { overflow: auto; vertical-align: top; resize: vertical; }

			/*site specific*/
		    body { 
		    	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		    	font-weight: 300; letter-spacing: 1px; line-height: 120%;
		    	background-color: #000;
		    	color:#ddd;
		    }

		    ::-moz-selection { background: #cc3399; color: #fff; text-shadow: none; }
		    ::selection { background: #cc3399; color: #fff; text-shadow: none; }
		    
		    a:link, a:visited{ text-decoration: none; color: #cc3399; border-bottom:2px solid; }
		    a:hover, a:active{ text-decoration: none; color: #cc3399; outline: 0; border:0px; cursor: pointer; }


			blockquote {
			  background: #222;
			  border-left: 10px solid #cc3399;
			  margin: 1.5em 10px;
			  padding: 0.5em 10px;
			  quotes: "\201C""\201D""\2018""\2019";
			}
			blockquote:before {
			  color: #cc3399;
			  content: '“';
			  font-size: 4em;
			  line-height: 0.1em;
			  margin-right: 0.25em;
			  vertical-align: -0.4em;
			}
			blockquote p {
			  display: inline;
			}

			.ibg {
				position: fixed;
				top: 0px;
				left: 0px;
				z-index: -2;
				width: 100%;
				height: 100%;
			}
			.ibg_cover {
				position: fixed;
				top: 0px;
				left: 0px;
				z-index: -1;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,0.8);
			}

			.twitter {
				margin-left: 425px;

			}


			/* loader ----------------- */
		    .loader { 
		    	width:100%;height:100%;
		    	position:absolute;top:0px;left:0px;
		    	z-index:99999;
		    	background:rgba(0,0,0,0.7);
		    	color:#fff;text-align:center;
		    }
		    .wrap{
		    	width: 900px;
				margin: 100px auto;
				color: #ddd;
				font-size: 19px;
				line-height: 31px;
				letter-spacing: 3px;
		    }
		    .wrap1{
				border-bottom: 2px solid #bbb;
				padding-bottom: 20px;
				font-size:22px
		    }
		    .wrap2 {
		    	font-size: 21px;
				color: #cc3399;
				padding: 20px;
				margin-bottom: 20px;
				border-bottom: 2px solid #bbb;
				font-size:21px
		    }
		    .wrap3{
		    	font-size:22px
		    }


		    /* thnx ----------------- */

		    .thnxWrapper{
		    	width:100%;height:100%;
		    	position:absolute;top:0px;left:0px;
		    	z-index:99999;
		    	background:rgba(0,0,0,0.7);
		    	color:#fff;text-align:center;
		    }
		    .thnx{
		    	width:900px;
		    	margin: 100px auto;
		    	color:#ddd;
				font-size: 37px;
				line-height: 34px;
				letter-spacing: 4px;
		    }
		    .thnx1{
				border-bottom: 2px solid #bbb;
				padding-bottom: 20px;
				font-size:22px;
				letter-spacing: 2px;
		    }
		    .thnx2{
				margin-top: 20px;
				font-size: 14px;
				letter-spacing: 2px;
				line-height: 21px;
		    }
		    #ipcred { color: #cc3399;}



			.header{
				position: relative;
				top: 20px;
				width: 270px;
				margin: 0 auto;
				text-align: center;
				padding-bottom: 10px;
				border-bottom: 2px solid #bbb;
				color: #bbb;
			    text-transform: uppercase;
			    letter-spacing: 1px;
			    font-weight: 400;
			    font-size: 1.35em;
			}


/*			--------------------------  HELP WINDOWS -------------------------- */

		    .window{
		    	/*width:820px;*/
		    	width: 0px;
		    	border: 2px solid #ddd;
		    	border-width: 0px;
		    	position: relative;
		    	z-index: 3;
				margin: 25% auto;
				background: rgba(0,0,0,0.3);
				/*transition: all 500ms;*/
		    }

		    .content1 { padding:20px; opacity: 0; /*transition: opacity 500ms; */}
		    .content2 { padding:20px; opacity: 0; /*transition: opacity 500ms;*/ }
		    .content3 { padding:20px; opacity: 0; /*transition: opacity 500ms; */}
		    .content4 { padding:20px; opacity: 0; /*transition: opacity 500ms; */}

		    .content1 div {
		    	text-transform: uppercase;
			    letter-spacing: 1px;
			    font-weight: 400;
			    font-size: 1.35em;
			    width: 100%;
				text-align: center;
		    }

		    .counter { margin-bottom: 10px; }
		    #leftarrow:hover { cursor: pointer; color:#cc3399; }
		    #rightarrow:hover { cursor: pointer; color:#cc3399; }
		    #i1{ display: inline-block; }
		    #i2, #i3, #i4, #i5 { opacity: 1; margin-left: 200px; display: inline-block; position: relative; top: -245px; }




			 /*---------------------------- NAV MENU ----------------------------*/

			.nav_men{
				position: absolute;
				bottom: 20px;
				width: 100%;
				text-align: center;
			}

			nav div {
			    position: relative;
			    display: inline-block;
			    margin: 15px 25px;
			    outline: none;
			    color: #bbb;
			    text-transform: uppercase;
			    letter-spacing: 1px;
			    font-weight: 400;
			    font-size: 1.35em;
			}
			 
			nav div:hover,
			nav div:focus {
			    outline: none;
			    cursor: pointer;
			}
			 
			.nav_men div {
			    margin: 0 10px;
			    padding: 10px 20px;
			}
			.nav_men div::before {
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 2px;
			    background: #bbb;
			    content:'';
			    -webkit-transition: top 0.3s;
			    -moz-transition: top 0.3s;
			    transition: top 0.3s;
			}
			.nav_men div::after {
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 2px;
			    height: 2px;
			    background: #bbb;
			    content:'';
			    -webkit-transition: height 0.3s;
			    -moz-transition: height 0.3s;
			    transition: height 0.3s;
			}
			.nav_men div:hover::before {
			    top: 100%;
			    opacity: 1;
			}
			.nav_men div:hover::after {
			    height: 100%;
			}




		    /* ---------------------- COLOR MENU ---------------------- */

/*		    riff'n off this convo: 
		    http://codepen.io/rachstock/details/cojza
		    http://tympanus.net/Development/CreativeLinkEffects/
		    http://hakim.se/thoughts/rolling-links*/

		    ul { list-style: none; display: block; margin: 0 auto; width: 780px; padding: 0; }

			li {
				color: #fff;
				width: 30px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				cursor: pointer;
				display: inline-block;
			    overflow: hidden;
			    vertical-align: top;
			    -webkit-perspective: 1000px;  
  					-moz-perspective: 1000px; 
			    /*-webkit-perspective: 400px;
			       -moz-perspective: 400px;
			    -webkit-perspective-origin: 50% 50%;
			       -moz-perspective-origin: 50% 50%;*/
			}

			li span {
				position: relative;
				width: 30px;
			    background: #1abe9e;
				display: inline-block;
			    /*padding: 0 2px;*/
			    -webkit-transition: all 0.3s;
			       -moz-transition: all 0.3s;
			    -webkit-transform-origin: 50% 0%;
			       -moz-transform-origin: 50% 0%;
			    -webkit-transform-style: preserve-3d;
			       -moz-transform-style: preserve-3d;
			}

			li span:before {
				position: absolute;
				top: 100%;
				left: 0;
				width: 100%;
				height: 100%;
				/*background: #08372e;*/
				background: #2b1344;
				content: attr(data-hover);
			    -webkit-transition: background 0.3s;
			    	-moz-transition: background 0.3s;
				-webkit-transform: rotateX(-90deg);
					-moz-transform: rotateX(-90deg);
				-webkit-transform-origin: 50% 0;
					-moz-transform-origin: 50% 0;
				color:#000;
			}
			    li:hover span {
			        background: #08372e;
			        /*-webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
			           -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );*/
			    }
			li:hover span,
			li:focus span {
				/*-webkit-transform: rotateX(90deg) translateY(-22px);
					-moz-transform: rotateX(90deg) translateY(-22px);*/
				-webkit-transform: rotateX(90deg) rotateY(90deg) translateY(-22px);
					-moz-transform: rotateX(90deg) rotateY(90deg) translateY(-22px);
				margin-left: 15px;
				margin-top: 15px;
			}
			li:hover span:before,
			li:focus span:before {
				/*background: #1abe9e;	*/
				/*background: #f5f0fa;*/
				background: rgba(245,240,250,0.8);
			}


			.speed_button {
				background: rgba(240, 0, 120, 0.85098);
				width: 30px; height: 26px;
				padding-top: 4px;
				text-align: center;
				display: inline-block;
				cursor: pointer;
			}

			.submit_button {
				background: rgba(240, 0, 120, 0.85098);
				width: 60px; height: 26px;
				padding-top: 4px;
				text-align: center;
				display: inline-block;
				cursor: pointer;
			}



		    @media only screen and (max-width: 640px) {

		    	/*warning, only worx on browser*/
			}