body, html {
	height: 100%;
	font-family: "Segoe UI", helvetica, Tahoma, Arial, sans-serif;
	background-image: url(../images/index_bg.jpg);
	background-repeat: repeat-x;
}
.bg {
	height: 100%;
	background-repeat: no-repeat;
 
}
.bokeh-1 {
	background-image: url(images/bokeh-med-bg.png);
	background-position: 100px -80px;
}
.bokeh-2 {
	background-image: url(images/bokeh-lg-2.png);
	background-position: 40px 270px;
}
.bokeh-3 {
	background-image: url(images/bokeh-med-2.png);
	background-position: 70px 150px;
}
.bokeh-4 {
	background-image: url(images/bokeh-sm-4.png);
	background-position: 30px 40px;
}
.bokeh-5 {
	background-image: url(images/bokeh-sm-3.png);
	background-position: 330px 250px;
}
.bokeh-6 {
	background-image: url(images/bokeh-bright-med.png);
	background-position: 60px 190px;
}
.bokeh-7 {
	background-image: url(images/bokeh-sm-1.png);
	background-position: 120px 200px; /* set */
}
.bokeh-8 {
	background-image: url(images/bokeh-sm-2.png);
	background-position: 40px 200px;
}
.bokeh-9 {
	background-image: url(images/bokeh-x-sm.png);
	background-position: 184px 316px;
}
.bokeh-10 {
	background-image: url(images/bokeh-lg.png);
	background-position: 240px -270px;
}
section.main {
	/*padding: 24px;*/
	padding: 0px;
	border-radius: 3px;
}
p {
	font-size: 15px;
	line-height: 21px;
	margin-bottom: 18px;
}
/* @group Masthead */

#masthead {
	padding: 30px 0;
}
 
 
#distance {
	width: 1px;
	padding:120px;
	margin-bottom: -5.75em; /* half of container's height */
	float: left;
}
#container {
	margin: 0 auto;
	position: relative; /* puts container in front of distance */
	text-align: left;
	height: 320px;
	width: 400px;
	clear: left; 

}
#indexlogo {
	position: absolute;
 	display: none;
}