body{
	font-family: Helvetica, Arial, sans-serif;
}
#container{
		margin:auto;
		width:960px;
}
header, .fullWidth{
		width:100%;
		clear:left;
}
h2{
	color:#555555;
	font-size: 120%;
}
div.data{
	margin-bottom: 5px;
}
.data span{
	display:inline-block;
	width:150px;
	height: 20px;
	vertical-align: middle;
}
span.bar{
	border:1px solid #cccccc;
}
div.barHolder{
	display:inline-block;
	border:1px solid #cccccc;
	width:150px;
	height: 20px;
}
span.ie{
	background-color:#3399FF;	
	width:20px;
}
span.firefox{
	background-color:#FFCC33;	
	width:42px;
}
span.chrome{
	background-color:#66CC33;	
	width:77px;
}
span.safari{
	background-color:#66FFFF;	
	width:6px;
}
span.opera{
	background-color:#FF0000;	
	width:3px;
}
.vertBars, .vertBarsIcons{
	width: 281px;
	height:161px;
	background-image: url('../images/20px-grid-sq.png');
}
.vertBars span{
	position:relative;
	bottom:-85px;
	left:5px;
}
.vertBarsIcons span{
	position:relative;
	bottom:-6px;
	left:5px;
}
.greyie{
	border:1px solid #cccccc;
	display:inline-block;
	width:50px;
	height:26px;
	background-image: url('../images/grey25-ie-icon.png');
	background-position: bottom left;
}
.greyFirefox{
	border:1px solid #cccccc;
	display:inline-block;
	width:50px;
	height:84px;
	background-image: url('../images/grey25-firefox-icon.png');
	background-position: bottom left;
}
.greyChrome{
	border:1px solid #cccccc;
	display:inline-block;
	width:50px;
	height:152px;
	background-image: url('../images/grey25-chrome-icon.png');
	background-position: bottom left;
}
.greySafari{
	border:1px solid #cccccc;
	display:inline-block;
	width:50px;
	height:12px;
	background-image: url('../images/grey25-safari-icon.png');
	background-position: bottom left;
}
.greyOpera{
	border:1px solid #cccccc;
	display:inline-block;
	width:50px;
	height:6px;
	background-image: url('../images/grey25-opera-icon.png');
	background-position: bottom left;
}

