html, body {
	height: 100%;
	font-family: Calibri, Arial;
	font-size: 1.05em;
}
h1,h2,h3,h4{
	font-family: Calibri, Arial;
}

#wrap {
	min-height: 100%;
	height: auto;
	margin: 0 auto -200px;
	padding: 50px 0 200px;
}

.effect {
	background-color: #f5f5f5;
}
#footer {
	height: 200px;
}

.footer {
	margin: 20px 0;
}

.featurette-divider {
	margin: 40px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
	xxxpadding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
	overflow: hidden; /* Vertically center images part 2: clear their floats. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
	margin-right: 40px;
}
.featurette-image.pull-right {
	margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
	font-size: 50px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}


.features li {
	margin: 20px 0;
}

.big{
	font-size: 2em;
}

.featurette-image.cable{
	xxxbackground: #ffffff url(../img/cable.jpg) no-repeat center;
}



.featurette-image {
	max-height: 300px;
	overflow:	hidden;
}

.featurette-image img {
	xxmargin-top: -50%;
	width:		100%;
	max-width:	100%;

	width:		100%;
	max-width:	100%;
	margin:		0;
}

.featurette-image img {
	max-width:	100%;
	xxmargin:	0 -150%;
}

@media all and (min-width: 768px) {
	.featurette-image img {	xxmargin:	0 -100%;	}
}

@media all and (min-width: 1280px) {
	.featurette-image img {
		width:		100%;
		max-width:	100%;
	}
}



dl.dl-x1xxx dt {
	width: 250px;
	font-weight: normal;
	text-transform: uppercase;
}
dl.dl-x1xxx dd{
	margin-left: 270px;
}

.thumb-left{
	float: left;
	padding-right: 20px;
}
.thumb-right{
	float: right;
	padding-left: 20px;
}

.project{
	display: block;
	padding-top: 50px;
}