@charset "UTF-8";
/* CSS Document for READYLIVE . BROKEN DOWN BY LAUNCH PHASES*/




/*

	LAUNCH

*/

.RLslogan {width:100%;}
.RLdesktopBrowsers {width:20%;}
.RLlogoTable {font-size:2.0em;}
.RLsunTzu {float:left;width:30%;margin:12% 4% 10% 0;}
.RLsunTzuImg{width:60%}
.RLsunTzuImg100{width:100%}
#RLspinImg{float:left;display:block;width:20%;min-width:125px;position:relative}
#RLspinCopy{float:left;display:block;width:70%;padding-left:2%;position:relative}
                   

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

.RLslogan {width:80%;}
.RLdesktopBrowsers {width:45%;}
.RLlogoTable {font-size:1.3em;}
.RLsunTzu {position:relative;display:block;width:80%;margin:0px 10% 20% 10%;}
.RLsunTzuImg{width:90%}
#RLspinImg{display:block;float:none;width:auto}
#RLspinCopy{display:block;float:none;width:auto}

}




/*

	COMING SOON + SOME FORM FEATURES

*/

.RLlaunchSignUpForm {
		
	padding:20px;
	
	
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
	
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left bottom,
	color-stop(0, #39BCF0),
	color-stop(1, #206687)
	);
	
	background-image: -o-linear-gradient(left bottom, #F0F0F0 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(left bottom, #F0F0F0 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(left bottom, #F0F0F0 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(left bottom, #F0F0F0 0%, #FFFFFF 100%);
	background-image: linear-gradient(to left bottom, #F0F0F0 0%, #FFFFFF 100%);
	
	border-radius: 25px;
	
	max-width:300px;

}


.RLarrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	left:50%;
	margin-left: -20px;
	position: relative;
}


/*
input[type=email], { }
input:not([type=submit]):not([type=file]) { }
*/


	.imageEnv {
		width:60%;
		height:auto;
		margin: 0 auto ;
		position:relative;
		display:block;
		
	}
	
	.imageEnvBleedLeft {
		width:100%;
		height:auto;
		margin: 0 auto ;
		position:relative;
		display:block;
		left:0;
		
	}

	.images {
		
		width:100%;
		height:auto;
		margin: 0 auto ;
		display:block;
		
	}


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

	#RLpageContainer {
	
		font-size:70%;
		
	}
		
	.imageEnv {
		width:100%;
		height:auto;
	}

}


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

	#RLpageContainer {
	
		font-size:70%;
		
	}

	.imageEnv {
		width:90%;
		height:auto;
	}
	

}

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

	#RLpageContainer {
	
		font-size:70%;
		
	}

	.imageEnv {
		width:90%;
		height:auto;
	}
	

}