body{background: transparent url(../images/bg.png) repeat top left;}

.hero-unit h1{
    text-align:  center;
    font-size:  40px;
    color: #3A87AD;
    text-shadow: 1px 1px 1px #241f24;
    filter: dropshadow(color=#241f24, offx=1, offy=1);
}
.hero-unit p {
    font-size: 16px;
    font-weight: 200;
    line-height: 20px;
    color: inherit;
}

p.help-block {font-size: 12px;}

#ifttt img{float: left;margin:0 15px 15px 0;}



.barGraph {
	background: #ccc bottom left;
	border-bottom: 3px solid #333;
	font: 9px Helvetica, Geneva, sans-serif;
	height: 200px;
	margin: 1em 0;
	padding: 0;
	position: relative;
	}
	
.barGraph li {
float:left;
	background: #666 top right;
	border: 1px solid #555;
	border-bottom: none;
	bottom: 0; 
	color: #FFF;
	margin: 0; 
	padding: 0 0 0 0;
	position: absolute;
	list-style: none;
	text-align: center;
	width: 15px;
	}
	
.barGraph li.p1{ background-color:#666666 }
.barGraph li.p2{ background-color:#888888 }
.barGraph li.p3{ background-color:#AAAAAA }