/**********************
Set the container to android 480px x 800px (htc desire)
*************************/

body.cool {
	width: 320px;
	background-color: #6C84AA;
}

.cool #bg {
	display:none;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	overflow:hidden;	 
}
.cool p.floatingText {
	color:#ddd;
	margin-left:10px;margin-right:10px;
	text-shadow:0px 1px 0px rgba(255,255,255,0.6);
}
/****************** Clouds, planesa dn glass style  ******************/

.cool .bgLayer {position:relative;
			overflow:hidden; }
.cool #small_clouds {z-index:1;}
.cool #medium_clouds {z-index:2;}
.cool #planes {
	/*top:-250px; left:250px;*/
	top:-250px;
	left:50px; 
	z-index:3;
	}

/****************** end of that  ******************/
					
/*** Body Content ***/
.cool #wrapper { 
	width:2000%; 
	height:100%; 
	position:relative; 
	top:0; left:0;
	z-index:10; 
	overflow:hidden;
	/*border: 1px solid green;*/
}

.cool .flow {
	float:left;
	clear:left;
}

.cool .box {	 
	background: url(sign_supports.png) no-repeat center -30px;
	margin-right:240px;	
}

.cool h2 {
	background-color: #444; 
	color:white; padding: 6px 12px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-box-shadow: 0px 6px 1em #444;
	-moz-box-shadow: 0px 4px 5px #444;
	border: 2px solid #50b948;
	letter-spacing:2px;
	text-transform: uppercase;
	font-family: Futura_med_cond_bd_BT;
	min-width:120px;
}

.cool .content { 
	background-color: rgba(255, 255, 255, 0.85);
}


/********** Test styles  *******************/

.cool a.link { padding:12px; border: 1px solid #6C84AA; display:block }