body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}
li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-bottom:5px;
}
.imgFloatLeft{float:left; border:5px solid #000000; margin: 0px 5px 1px 0px;}
.imgFloatRight{float:right; border:5px solid #000000; margin: 0px 0px 1px 5px;}
.quote{
	margin-left:10%; 
	margin-right:10%; 
	margin-top: 20px; 
	font-style:italic; 
	padding:5px; 
	background-color:#F7F7F7;
}
.startFromCenterPage{
	width:100%; 
	margin-left:30%;
	font-style:normal; 
}

.main {
	background-position: center;
	float: left;
	height: 100%;
	width: 519px;
	position: relative;
	left:240px;
	border:solid 1px #ffffff;
	
	
}
.main-inner {
	background-position: center;
	float: left;
	height: 100%;
	width: 725px;
	position: relative;
	left:140px;
	border:solid 1px #ffffff;
	
	
}
.residential {
	background-image: url(../images/hawkins-residential.gif);
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 259px;
}

.commercial {
	background-image: url(../images/hawkins-commercial.gif);
	background-repeat: no-repeat;
	/*float: right;*/
	height: 33px;
	width: 260px;
}

.logo {
	background-image: url(../images/hawkins-logo.gif);
	background-repeat: no-repeat;
	float: left;
	height: 102px;
	width: 276px;
}
.top-right-flash {
	background-image: url(../images/hawkins-top-flash.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 102px;
	width: 243px;
}
.head-left {
	background-image: url(../images/hawkins-head-img-left.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 176px;
	width: 259px;
}
.head-right {
	background-image: url(../images/hawkins-head-img-right.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 176px;
	width: 260px;
}

h1 {
	color:red;
	font-family:'Times New Roman',Times,serif;
	font-size:x-large;
	font-weight:bold;	
}

.mid-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
	text-align: center;
	line-height: 18px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight:bold;
}
.mid-txt a, .mid-txt a:visited, .mid-txt a:active{
	color: #FFFFFF;
	text-decoration:none;
}
.mid-txt a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
.bottom-nav-aboutus {
	/*float: left;
	height: 10px;
	width: 60px;
	margin-left:7px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #84817B;
	text-decoration: none;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #84817B;
	
	
}
.bottom-nav-aboutus:hover {
	float: left;
	height: 10px;
	width: 60px;
	margin-left:7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E4050E;
	text-decoration: Underline;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #84817B;
	
	
}
.bottom-nav-contactus {
	/*float: left;
	padding-right:10px;
	height: 10px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #84817B;
	text-decoration: none;
	font-weight: bold;
	
}
.bottom-nav-contactus:hover {
	color: #E4050E;
	text-decoration: Underline;
	
}
.bottom-left {
	background-color: #DBD8CE;
	height: 30px;
	width: 145px;
	position:absolute;
	top: 469px;
	
}

.nav-left {
	background-image: url(../images/bullte-left-nav.gif);
	background-repeat: no-repeat;
	width: 213px;
	float: left;
	position: absolute;
	padding-left: 35px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.75px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	top: 105px;
	left: 129px;
}
.head-img {
	background-image: url(../images/res-head-img.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 229px;
	width: 509px;
	position: absolute;
	margin-left:215px;
}
.top-right-nav{
	background-image: url(../images/hawkins-top-flash.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 102px;
	width: 150px;
}
.res-mid-grey-txt {
	color: #8A7272;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-decoration: none;
	padding-left: 15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
}

.res-mid-grey-txt-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #8A7272;
	text-decoration: underline;
	padding-left: 15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	text-align: justify;
}
.res-mid-grey-txt-link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FF2B2B;
	text-decoration: none;
	padding-left: 15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	text-align: justify;
}


.more {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5D3C3C;
	text-decoration: underline;
	padding-left: 15px;
	padding-bottom:0px;
	padding-right:5px;
	text-align: justify;
	background-image: url(../images/hawkins-more-bullet.gif);
	background-repeat: no-repeat;
}
.more:hover {
	color: #E4050E;
	text-decoration: underline;
	
}

.more-right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5D3C3C;
	text-decoration: underline;
	padding-left: 15px;
	padding-bottom:0px;
	padding-right:5px;
	text-align: justify;
	background-image: url(../images/hawkins-res-mid-bullet.gif);
	background-repeat: no-repeat;
}
.more-right:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E4050E;
	text-decoration: underline;
	padding-left: 15px;
	padding-bottom:0px;
	padding-right:5px;
	text-align: justify;
	background-image: url(../images/hawkins-res-mid-bullet.gif);
	background-repeat: no-repeat;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6C7265;
	text-decoration: none;
	padding-right: 15px;
	padding-top: 10px;

}
.serv-subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.75px;
	color: #7C7C7C;
	text-decoration: none;
	padding: 5px;
}
.res-mid-bult {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #76746C;
	text-decoration: underline;
	background-image: url(../images/hawkins-res-mid-bullet.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	
}
.res-mid-bult:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E10008;
	text-decoration: underline;
	background-image: url(../images/hawkins-res-mid-bullet.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	
}
.res-mid-bottom-black-head-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	text-decoration: none;
	padding-bottom: 10px;
}
.res-mid-bottom-black-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 15px;
	padding-left: 3px;
	padding-bottom: 3px;
}
.mailto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 15px;
}
.mailto:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF2B2B;
	text-decoration: underline;
	line-height: 15px;
}


/*drop down*/



body {
	font: normal 11px verdana;
	}

ul.nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 213px; 
	
	}
	

ul.nav li {
	position: relative;
	margin-bottom:0px;
	}
	
li ul.nav {
	position: absolute;
	left: 213px; 
	top: 0;
	display: none;
	}



ul.nav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.75px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-decoration: none;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #000000;
	background-image: url(../images/bullte-left-nav.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-top:3px;
	padding-bottom:5px;
	padding-right: 5px;
	}
ul.nav li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.75px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ADADAD;
	text-decoration: none;
	display: block;
	text-decoration: none;	
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #2E4D7B;
	background-image: url(../images/bullte-left-nav-hover.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-top:3px;
	padding-bottom:5px;
	}
	

* html ul.nav li { float: left; height: 2%; }
* html ul.nav li a { height: 1%; }


li:hover ul.nav, li.over ul.nav { display: block;

}
.hour-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 29px;
	color: #FFFFFF;
	text-decoration: none;
}
.hour-sub-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17.45px;
	color: #FFFFFF;
	text-decoration: none;
}
.hour-mon-fir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.45px;
	color: #FFFFFF;
	text-decoration: none;
}
.hour-time {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.02px;
	color: #FFFFFF;
	text-decoration: none;
}

.ftr-txt {
	color:#6C7265;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight: normal;
}