/*  
	THIS DOCUMENT IS FOR GLOBAL DEFINITIONS ONLY.
	NO HEIGHTS, WIDTHS, PADDINGS OR MARGINS THAT WON'T BE APPLICABLE FOR ALL SCREEN RESOLUTIONS.
*/

body {
	background: rgb(232,232,232);
	margin: 0px auto;
	
	/* Prevents Mobile Safari from bumping up font sizes in landscape */
	-webkit-text-size-adjust: 100%; 
	-webkit-tap-highlight-color: rgb(255,255,0);
}

::selection 	 	{background: rgb(255,255,0);}
::-moz-selection 	{background: rgb(255,255,0);}
img::selection 		{background: transparent;}
img::-moz-selection {background: transparent;}

input#username, input#password {
    border: 1px solid #999; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.2);
/*            0 0 16px rgba(0,0,0,0.1);*/ 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.2);
/*            0 0 16px rgba(0,0,0,0.1); */
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.2);
/*            0 0 16px rgba(0,0,0,0.1); */
    padding: 0 0 0 5px;
    background: #fff;
    margin: 0;
    width:90px;
    height:25px;
}



input[type=text] {
   /* Awesome styling */
}

input#submit {
 font-size: 0;
}

/* I wanted to center my loader */
			#cycle-loader {
				height:32px;
				left:50%;
				margin:-8px 0 0 -8px;
				position:absolute;
				top:50%;
				width:32px;
				z-index:999;
			}
			
			/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
			#maximage {
				display:none;/* Only use this if you fade it in again after the images load */
				position:fixed !important;
			}
			
			/*Set my gradient above all images*/
			#gradient {
				left:0;
				height:100%;
				position:absolute;
				top:0;
				width:100%;
				z-index:999;
			}
			
		
			#arrow_left, #arrow_right {
				bottom:300px;
				height:67px;
				position:absolute;
				right:30px;
				width:36px;
				z-index:1000;
			}
			#arrow_left {
				right:86px;
			}
			
			#arrow_left:hover, #arrow_right:hover {
				bottom:299px;
			}
			#arrow_left:active, #arrow_right:active {
				bottom:298px;
			}
			
			a {color:#666;text-decoration:none;}
			a:hover {text-decoration:underline;}
			
			.in-slide-content { 
				color:#62BD18;
				float:right;
				font-size:16px;
				font-weight:bold;
				left:-40px;
				margin:40px;
				padding:30px;
				position:absolute;
				top:30px;
				width:336px; 
				z-index:999999; /* Show above .gradient */
				-webkit-font-smoothing:antialiased;
			}
			.light-text {color:#ddd;text-shadow: 0 1px 0 #666;}
			.smaller-text {font-size:30px;}
			.youtube-video, video {
				left:0;
				position:absolute;
				top:0;
			}