html{
	background-color:white
	background-image:none;
	background-repeat:repeat;
	/*background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#7695BD));
	background:-moz-linear-gradient(top, #FFFFFF, 7795BD); */

}
body {
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;

}
.container {
   /* margin-left: auto;
   border:1px solid black;
    margin-right: auto; */
	color: #333;
	width: 800px;
	height: auto;
	margin: 25px auto;
	
	padding:1em;
}
.header{
	/*border:1px solid black;*/
	font-family: 'Aldrich', sans-serif;
	font-size:30px;
	color:white;
	text-shadow: #5E78BD 1px 1px 0px;
	padding:10px;
	height:200px;
	background-image:url('../images/header2.png');
}

.headercontent {
position:relative;
left:10px;
}
/*
.phonenumber {
position:relative;
left:600px;
}
*/
.menu{
	/*margin-bottom: 10px; */ 
	width:auto;
	height: 2em;
	/*border: 1px solid black;*/
	list-style:none;
	text-decoration:none;
	/*display:inline;*/
}
ul#list-nav {
/*margin:1em;*/
padding:0px;
list-style:none;
width:800px;
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
text-align:center;
padding:5px 0;
width:133px;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(41,78,125)),
    color-stop(1, rgb(91,135,189)),
    color-stop(0.76, rgb(41,78,125))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(41,78,125) 0%,
    rgb(91,135,189) 100%,
    rgb(41,78,125) 76%
);

color:#eee;
float:left;
}

.homepageImage {
	padding:1em;
	height: 3em;
	width: 5em;
	border:1px solid black;
	float::left;
}

.headerspace {
	padding:1em;
	height: 3em;
	width:15em;
	border:1px solid black;	
	
}
.icons{
	float:right;
	width:290px;
	height:130px;
	/*sketchy way to set the icons in the right position (atleast it works [top right])*/
	position:relative;
	top:20px;
}
.options {
		margin-top:1em;
		/*border:1px solid black;*/
		height:28em;
}
.residential {
		margin:1em;
		/*border:1px solid black;*/
		color:white;
		width: 350px;
		height:300px;
		float:left;
		background-color:#333333;
}
.commercial {
	
		margin:1em;
		color:white;
		/*border:1px solid black;*/
		width: 350px;
		height:300px;
		float:right;
		background-color:#333333;
		
		
}
.footer {
	text-align:center;
	height:40px;
	color:white;
	background-image:url('../images/footer.png');
}
.footercontent {
position:relative;
top:30%;
}


.mlddm li a {
display: block;
height: 2em;
width: 110px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-decoration: none;
color: #CCC;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #9B1313;
border-right-color: #9B1313;
border-bottom-color: #9B1313;
border-left-color: #9B1313;
}

.clear{
	clear:both;
}