body {
	font-family:  "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
	background-color: #bed0c6;
	/*
	
	
	*/
}

iframe {
	border: 0 none;
	width: 100%;
	height: auto;
	float: left;
	max-width: 800px;
}

iframe#index {
	max-width: 600px;
}

#index {
	height: 780px;
}

units {
	font-size: 0.6em;
	vertical-align: 30%;
}

house {
	display: block;
    width: 100%;
    background: url(2929.png) no-repeat;
    background-size: 100%;
    padding-top: 130%;
    position: relative;
	font-size: 1.1em;
	font-size: 4vw;
}

house data header {
	font-size: 0.4em;
}

house data value  {
	display: block;
	margin-top: 0;
}

house data links {
	display: block;
	font-size: 0.5em;
}

house data {
	position: absolute;
	text-align: center;
}

house data#Basement_Temperature {
    top: 69%;
    left: 24%;
	transform: rotate(333deg)
}

house data#Outside_Temperature {
    top: 0;
    left: 15%;
}

house data#Outside_Humidity {
	font-size: 0.9em;
    top: 0%;
    left: 36%;
}

house data#Outside_Humidity value {
	font-size: 0.9em
}

table {
	background-color: #ded;
	border-collapse: collapse;
    border: 1px solid #666;
    display: inline-table;
}

td, th {
    border: 1px solid #6;
	padding: 0.4em 0.5em;
}

th {
	background-color: #333;
	color: #eee;
}