html {
    height: 100%;
}
body {
    height: 100%;
    margin: auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
  font-style:normal;
  color:black;
  font-family:Arial
  text-align:left;
  height:100%;
  height:100%;
    /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #FFDC1B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #FFDC1B 100%);
}
a:hover
{
color:white;

}

a
{
color:white;
text-decoration:none;

}
#wrapper
{
margin:auto;
}

#click:hover
{
background-color:#002333;
border-style:groove;
border-radius:5px;
font-family: Arial;
font-size:25px;


}
#click
{
cursor:pointer;
float:inherit;
margin:10px 0px 0px 10px;
text-align:center;
width:30px;
height:25px;
border-radius:5px;
border-width:2px;
border-style:groove;
-moz-box-shadow: 1px 1px 1px 1px #000000;
-webkit-box-shadow: 1px 1px 1px 1px #000000;
box-shadow: 1px 1px 1px 1px #000000;
background-color:#FFDC1B;
font-size:25px;
padding-bottom:5px;
font-family: Arial;

}

#logo
{
	font-family:wisprennfont;
    font-size:10.5em;
	color:#FFFFFF;
	text-align:center;
}
a:hover
{
color:white;

text-shadow: 2px 2px 4px #F4F7BA;
}

a
{
color:white;
text-decoration:none;
text-shadow: 4px 4px 4px #F4F7BA;
}
#logo
{	
	margin:auto;	
}
#contain
{ 
 background:white;
 height:420px;
 width:1100px;
 padding:20px;
 margin:auto;
 border-radius:20px;
 border-style:groove;
}
#menu
 
ul
a:hover
{
color:#999900;
text-shadow: 1px 1px 1px black;
}
ul
a
{
color:black;
text-decoration:none;
}
#menu
ul
{
list-style:none;
}
#menu
{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFDC1B 200%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFDC1B 200%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFDC1B 200%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(2, #FFDC1B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFDC1B 200%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFDC1B 200%);
}
#menu
{
	font-family:wisprennfont;
	text-align:left;
	float:left;
  	width:300px;
	height:420px;
	border: 1px solid #ffdc1b;
	margin-right:20px;
	margin-bottom:10px;
	-moz-box-shadow: 8px 8px 5px #888;
-webkit-box-shadow: 8px 8px 5px #888;
box-shadow: 8px 8px 5px #888;
}
#menu h1
{
text-align:left;
font-size:1.6em;
line-height:110%;
font-weight:normal;
}
#menu h2
{
font-size:1.7em;
line-height:100%;
font-weight:normal;
padding-top:1px;
padding-bottom:1px;
}
#menu h3
{
font-size:1em;
line-height:250%;
font-weight:normal;
}
.bold
{
font-family:wisprennfont;
font-size:32px;
font-style:normal;
line-height:normal;
font-weight:bold;
color:black;
text-decoration:underline;
}
.normal
{
font-family:Arial;
font-size:15px;
font-style:normal;
line-height:normal;
color:black;
font-weight:normal;
font-variant:normal;
}

#residential:hover
{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFDC1B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFDC1B 100%);

-moz-box-shadow: 3px 3px #888;
-webkit-box-shadow: 3px 3px#888;
box-shadow:  3px 3px #888;
}
#residential
{
cursor:pointer;
float:right;
margin:10px 10px 6px 0px;
display:block;
text-align:center;
margin-top:px;
width:235px;
height:130px;
border-radius:5px;
border-width:1px;
border-style:solid;border-color:#ffdc1b;
-moz-box-shadow: 5px 5px 5px 3px #888;
-webkit-box-shadow: 5px 5px 5px 3px #888;
box-shadow: 5px 5px 5px 3px #888;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #FFDC1B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #FFDC1B 100%);

}
#business:hover
{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFDC1B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFDC1B 100%);

-moz-box-shadow: 3px 3px #888;
-webkit-box-shadow: 3px 3px#888;
box-shadow:  3px 3px #888;
}

#business
{
cursor:pointer;
float:right;
margin:10px 10px 5px 10px;
display:block;
text-align:center;
margin-top:px;
width:235px;
height:130px;
border-radius:5px;
border-width:1px;
border-style:solid;
border-color:#ffdc1b;
-moz-box-shadow: 5px 5px 5px 3px #888;
-webkit-box-shadow: 5px 5px 5px 3px #888;
box-shadow: 5px 5px 5px 3px #888;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #FFDC1B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #FFDC1B 100%);
}
#industrial:hover
{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFDC1B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFDC1B 100%);
-moz-box-shadow: 3px 3px #888;
-webkit-box-shadow: 3px 3px#888;
box-shadow:  3px 3px #888;
}
#industrial
{
cursor:pointer;
float:right;
margin:10px 10px 5px 10px;
display:block;
text-align:center;
margin-top:px;

font-weight:normal;
width:235px;
height:130px;
border-radius:5px;
border-width:1px;
border-style:solid;border-color:#ffdc1b;
-moz-box-shadow: 5px 5px 5px 3px #888;
-webkit-box-shadow: 5px 5px 5px 3px #888;
box-shadow: 5px 5px 5px 3px #888;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #FFDC1B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #FFDC1B 100%);
}

#myinternetbill:hover
{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFDC1B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFDC1B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFDC1B 100%);

-moz-box-shadow: 3px 3px #888;
-webkit-box-shadow: 3px 3px#888;
box-shadow:  3px 3px #888;
}

#myinternetbill
{
cursor:pointer;
float:right;
margin:10px 65px 5px 0px;
text-align:center;
display:block;
margin-top:px;
width:635px;
height:130px;
border-radius:5px;
border-width:1px;
border-style:solid;
border-color:#ffdc1b;
-moz-box-shadow: 5px 5px 5px 3px #888;
-webkit-box-shadow: 5px 5px 5px 3px #888;
box-shadow: 5px 5px 5px 3px #888;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #FFDC1B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFDC1B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #FFDC1B 100%);
}


#footer
{
display:block;
color:black;
font-weight:normal;
font-variant:normal;
background-color:white;
float:right;
text-align:center;
width: 760px;
height: 25px;
padding-top:10px;
font-family:Arial;
font-size:15px;
line-height:normal;
color:black;

}