html,

body {
height: 100%;

}
.nav{
display: inline;
	line-height: 35px;
	list-style:none;
	margin: 0 5px;
font-size: 1.2em;
}
.nav .icon {
  display: none;
}
#facebook {
padding-right: 10px;
margin-top: 15px;
}
.download {
float: right;
padding-right: 10px;
}
.logo {
margin-top: 20px;
width: inherit;
margin-left: auto;
}
.nav a{
	/* This generators the gradient on top of the solid color */
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgba(255,255,255,.5)),
		color-stop(1, rgba(0,0,0,.1))
	);
	background-image: -moz-linear-gradient(
		center top,
		rgba(255,255,255,.5) 0%,
		rgba(0,0,0,.1) 100%
	);
	color: #f4f4f4; /* IE */
	color: rgba(255, 255, 255, 0.8);
	font: bold 18px "Myriad Pro","Lucida Grande",Helvetica,Arial,sans-serif;		
	outline:none;
	padding: 5px 15px;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);	
}
.nav a:active {
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0,rgba(255,255,255,.5)),
			color-stop(.1,rgba(255,255,255,.2)),
			color-stop(.85, rgba(0,0,0,.2)),
			color-stop(100, rgba(0,0,0,.4))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgba(255,255,255,.5) 0%,
			rgba(255,255,255,.2) 10%,
			rgba(0,0,0,.2) 85%,
			rgba(0,0,0,.4) 100%
		);
	}
/* Dark Text */
.nav a.dark {
	color: #333; /* IE */
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
}
/*********** COLORS *************/
/* Create your own class for your own colors */
.red {
	background: #B80202;
	border: #B80202 1px solid
}
	.red:hover, .red:focus{
		background-color:#e30606
	}
.green {
	background: #46c431;
	border: #46c431 1px solid
}
	.green:hover,.green:focus {
		background-color:#44e329
	}
.yellow {
	background: #D9CE1C;
	border: #D9CE1C 1px solid
}
	.yellow:hover,.yellow:focus {
		background-color:#eee117
	}
.cyan {
	background: #23c6de;
	border: #23c6de 1px solid
}
	.cyan:hover,.cyan:focus {
		background-color:#18d8f4
	}
.blue {
	background: #3271d9;
	border: #3271d9 1px solid
}
	.blue:hover,.blue:focus {
		background-color:#377ef2
	}

.wrapper {
width: 860px;
margin: auto;
min-height: 100%;
}

footer {
clear: both;
background-color: 	#6495ED;
width: 860px;
margin: 0px auto;
margin-top: -60px;
position: relative;
z-index: 10;
height: 40px;
font-size: 0.5em;
font-family: verdana;
text-align: right;
padding-bottom: 20px;
}

#content {
float: left;
padding-bottom: 40px;
width: 75%;
}

#menu {
float: left;
top: 10em;
padding-left: 1em;
width: 8em;
border-left: 1px dotted grey;
background-color: #b0c4de;
font-size: 0.8em;
}

.value li {
list-style-type: square;
}
.contact span
{font-style: italic;
color: blue;
}
#font {
padding-top: 2px;
color: blue;
font-size: 1.0em;
}

.tables TD {
WIDTH: 300px;
HEIGHT:250px;
text-align: center;
vertical-align: top;
}

.tables a{
margin-left: 1em;
text-decoration: none;
}


#myhouse {
cursor: pointer;
}

.problem {
margin-right: 2em;
text-align: left;
}

.offer {
background-color: black;
padding: 20px;
font-family:OpenSansRegular;
}
.offer p{
color: white;
}
.offer h3{
color: white;
}

.solution {
background-color:rgb(47, 134, 178);
padding: 20px;
font-family:OpenSansRegular;
}
.solution p{
color: white;
}
.solution h3{
color: white;
}

section {border: ; display: none; line-height: 50px; width: 100%; margin: 15px auto; text-align: center;}
section:target {display: block;}

#nav,
#nav li {display: block; margin: 0; padding: 0; list-style: none; text-align: center;}
#nav li {display: inline-block;}
#nav li a {display: block; text-decoration: none; padding: 3px; margin: 5px; border: 1px solid #99f; border-radius: 5px;}
#nav li a:focus,
#nav li a:active {background-color: #ccf; color: #fff;}