/*@font-face {
		font-family: 'milo-font-bold';
		src: url('miloot-bold.eot?') format('eot'),
		     url('miloot-bold.woff') format('woff'),
		     url('miloot-bold.ttf') format('truetype'),
		     url('miloot-bold.svg') format('svg');
		font-weight: bold;
		font-style: normal;
	    }*/
		
		.graphWrapper {
		    width: 35.4858%;    
		}
		
		.graphHolder {
			width: 200px;
			display: inline-block;
			position: relative;
			margin-left: 30px;
		    }
		    
		     @media (min-width: 41.95em) {
			.graphHolder{
			    height: 70px;
			}
			
		     }
		    
		    #graph1{
			width: 150px;
			height: 180px;	
		    }
		    
		    #graph2{
			height: 168px;	
		    }
		    
		    #graph3{
			height: 150px;	
		    }
		    
		    #graph4{
			height: 73px;	
		    }
		    
		   .graphHolder img{
			display: inline-block;
			position: absolute;
			width: 100% !important;
			/*height: 100%;*/
			left: 0;
			top: 0;
		    }
		    
		    #graph1_counter{
				color: white;
				font-size: 42px;
				position: absolute;
				z-index: 202;
				right: -60px;
				top: -20px;
				/*font-family:"milo-font-bold",sans-serif;*/
				font-weight: bold;
			    }
			    
		   .percentSign{
			font-size: 32px;
		        display: inline-block;	
		   }
		    
		    #graph1_half{
			z-index: 200;
		    }
		    
		    #graph2_stack{
			clip: rect(500px,400px,400px,0px);
			z-index: 203;
		    }
		    
		     #graph2_ghosted{
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
			filter: alpha(opacity=60);
			-moz-opacity: 0.6;
			-khtml-opacity: 0.6;
			opacity: 0.6; 
		    }
		    
		    #graph3_heart{
		clip: rect(500px,400px,400px,0px);  
	    }
	    
	     #graph3_ghosted{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		-khtml-opacity: 0.6;
		opacity: 0.6; 
	    }
	    
	     #graph4_bar{
		clip: rect(0px,0px,400px,0px);
	    }