html, body, div, p {
	font-family:  arial, sans-serif; 
	color: #333;
}
body { 
	text-align:center;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right: 0px;
	background:url(images/bg.jpg) repeat-x;
}
/* image styles */

.nb {
	border:0;
	padding:0;
	margin:0;
}
.gallery-pic {
	text-align:left;
	border:0;
	padding:0;
	margin:0;
}
.phone-receiver {
	float:left;
	margin-top:0px;
	padding:0;
}
.areas-covered {
	margin:0;
	margin-top:10px;
	border:0;
	padding:0;
	z-index:2;
}


/* font styles */

.footer {
	margin-left:20px;
	color:#fff;
	font-size:12px;
	margin-bottom:0px;
	padding:5px;
	text-align:left;
	font-weight:normal;
}
.free {
	margin:0;
	padding:0;
	border:0;
	font-size:14px;
	text-align:left;
}
.boldred {
	color:#900;
	font-weight:bold;
}
.hutchings {
	font-size:28px;
	text-align:left;
	font-weight:bold;
	margin:0px;
}
.freephone {
	font-size:18px;
	text-align:left;
	margin-left:12px;
	font-weight:bold;
	margin-bottom:0;
	color:#fff;
}
.welcome {
	margin-left:-20px;
	color:#039;
	font-size:17px;
	margin-top:0;
}
.contact-us {
	margin-left:-20px;
	color:#039;
	font-size:17px;
	margin-top:80px;
}

.small-heading {
	padding:0;
	margin: 0;
	font-weight:bold;
	color: #039;
	font-size:14px;
}
p {
	line-height: 125%;
	margin-top: 0;
	font-size: 14px;
	margin-bottom: 19px;
	text-align:justify;
}
.p-areas {
	line-height: 125%;
	margin-top: 0;
	font-size: 12px;
	margin-bottom: 0px;
	text-align:justify;
	font-weight:normal;
	padding: 0px;
}
.notes {
	line-height: 125%;
	margin-top: 0;
	font-size: 12px;
	margin-bottom: 19px;
	text-align:justify;
	font-weight:normal;
	padding: 0px;
}
.bold-notes {
	font-weight:bold;
}
.links {
	margin-top:-20px;
	margin-right:20px;
	float:right;
	color:#fff;
	text-decoration:underline;
}


.reg-heading {
	line-height: 125%;
	margin-top: 0;
	font-size: 14px;
	margin-bottom: 19px;
	text-align:justify;
	font-weight:normal;
}

.p-left {
	line-height: 125%;
	margin-top: 0;
	font-size: 14px;
	margin-bottom: 19px;
	text-align:left;
}
.p-indent-right {
	width:555px;
}
.thank-you {
	text-indent:-38px;
	margin-left:23px;
	color:#039;
	font-size:18px;
	margin-top:0;
}

.small-p {
	line-height: 125%;
	margin-top: 10px;
	font-size: 12px;
	width:800px;
	margin-bottom: 19px;
	text-align:left;
}
.call-free {
	margin-top:30px;
	font-size:17px;
	font-weight:normal;
	width:800px;
	text-align:left;
	margin-bottom:0;
	margin-left:0px;
}
.indent-p {
	margin-left:350px;
	margin-top:0px;
	font-style:italic;
	width: 500px;
}
.dark-blue {
	color:#003;
}
.sum-up {
	margin-left:350px;
	color:#039;
	font-size:20px;
	margin-top:5px;
}
.bld {
	font-weight:bold;
}
.address {
	font-size:16px;
	font-weight:normal;
	text-align:center;
}
/* main navigation */

#active #navigation {
	position:absolute;
	top: 28px;
	left: 0em;
	height: 115px;
	width: 202px;
	z-index:5;	
}
#menu {	
	border:0;
	padding:0;
	margin:0;
	color:#fff;
	font-family: arial, helvetica, sans-serif;
	list-style-type:none;
	text-align:left;
	z-index:10;	
}
#menu li {
	display:inline;

}
#menu li a {
	padding-left:20px;
	padding-top:4px;
	padding-bottom:4px;
	width: 225px;
	height:20px;
	color:#fff;
	text-decoration:none;
	float:left;
	border-right:0px solid #fff;
	border-bottom:3px solid #fff;
	font-size:medium;
	background-color: #343399;
}
#menu li a:hover {
	color:#fff;
	background:url(images/stripes.jpg) repeat;
}

/* side navigation */

#sub-nav {
	position:absolute;
	top: 123px;
	margin:0;
	padding:0;
	border:0;
	left: 10px;
	height: 176px;
	z-index:5;	
}
#sidelist {	
	border:0;
	padding:0;
	margin-top:0;
	margin-left:25px;
	color:#333;
	font-family: arial, helvetica, sans-serif;
	list-style-type:none;
	text-align:left;
	z-index:10;	
}
#sidelist li {
	display:inline;

}
#sidelist li a {
	padding-left:20px;
	padding-top:3px;
	width:159px;
	height:21px;
	color:#333;
	text-decoration:none;
	float:left;
	border-right:0px solid #fff;
	border-bottom:3px solid #fff;
	font-size:14px;
	background-color: #ccc;
}
#sidelist li a:hover {
	color:#333;
	background-color:#b9b9b9;
}

/* internal links */

.naked-a {
	color:#333;
	text-decoration:none;
}

.in-page-link {
	color:#039;
	text-decoration:none;
	font-weight:normal;
}
.in-page-link:hover {
	color:#039;
	text-decoration:underline;
}
.find-area {
	color:#039;
	text-decoration:underline;
	font-weight:normal;
	float:right;
	font-size:12px;
}
.find-area:hover {
	color:#900;
	text-decoration:underline;
	float:right;
	font-size:12px;
}
	


/* cleaning services table */

table {
	position:relative;
	left:-3px;
	margin:0;
	padding:0;
	width:555px;
}
table tr {
	padding:0;
}
.top-cell {
	vertical-align:top;
}
table td {
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
}
table td p {
	margin-bottom:0;
}
.left-td {
	width:157px;
}
.right-td {
	width:433px;
}

/* form */

form label {
	width:120px;
}
form input {
	width:auto;
}
.centre {
	margin:0px;
	margin-left:142px;	
} 
form ul {
	list-style-type:none;
	margin-top:19px;
	margin-bottom:19px;
	margin-left:142px;
	padding:0;
}
form {
	font-size:14px;
}
form p {
	margin:0;
	margin-top:19px;
	margin-bottom:5px;
	font-size:14px;
}
textarea {
	margin-left:142px;
}

/* list */


/* Page Layout */

#container {
	width:900px;
	height:960px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #ffffff; 
	border-bottom:0px solid #ffffff; 
	border-left:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	border-right:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	background-color: #ffffff;
}
#container #leftmargin {
	position:absolute;
	left: -20px;
	top:0px;	
	height: 960px;
	width: 20px;
	background:url(images/left-shadow.jpg) repeat-y;
	z-index:5;
}
#container #rightmargin {
	position:absolute;
	right: -20px;
	top:0px;	
	height: 960px;
	width: 20px;
	background:url(images/right-shadow.jpg) repeat-y;
	z-index:5;
}
#container2 {
	width:900px;
	height:1725px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #ffffff; 
	border-bottom:0px solid #ffffff; 
	border-left:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	border-right:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	background-color: #ffffff;
}
#container2 #leftmargin {
	position:absolute;
	left: -20px;
	top:0px;	
	height: 1725px;
	width: 20px;
	background:url(images/left-shadow.jpg) repeat-y;
	z-index:5;
}
#container2 #rightmargin {
	position:absolute;
	right: -20px;
	top:0px;	
	height: 1725px;
	width: 20px;
	background:url(images/right-shadow.jpg) repeat-y;
	z-index:5;
}
#container3 {
	width:900px;
	height:1300px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #ffffff; 
	border-bottom:0px solid #ffffff; 
	border-left:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	border-right:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	background-color: #ffffff;
}
#container3 #leftmargin {
	position:absolute;
	left: -20px;
	top:0px;	
	height: 1300px;
	width: 20px;
	background:url(images/left-shadow.jpg) repeat-y;
	z-index:5;
}
#container3 #rightmargin {
	position:absolute;
	right: -20px;
	top:0px;	
	height: 1300px;
	width: 20px;
	background:url(images/right-shadow.jpg) repeat-y;
	z-index:5;
}
#container4 {
	width:900px;
	height:1200px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #ffffff; 
	border-bottom:0px solid #ffffff; 
	border-left:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	border-right:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	background-color: #ffffff;
}
#container4 #leftmargin {
	position:absolute;
	left: -20px;
	top:0px;	
	height: 1200px;
	width: 20px;
	background:url(images/left-shadow.jpg) repeat-y;
	z-index:5;
}
#container4 #rightmargin {
	position:absolute;
	right: -20px;
	top:0px;	
	height: 1200px;
	width: 20px;
	background:url(images/right-shadow.jpg) repeat-y;
	z-index:5;
}
#container5 {
	width:900px;
	height:900px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #ffffff; 
	border-bottom:0px solid #ffffff; 
	border-left:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	border-right:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	background-color: #ffffff;
}
#container5 #leftmargin {
	position:absolute;
	left: -20px;
	top:0px;	
	height: 900px;
	width: 20px;
	background:url(images/left-shadow.jpg) repeat-y;
	z-index:5;
}
#container5 #rightmargin {
	position:absolute;
	right: -20px;
	top:0px;	
	height: 900px;
	width: 20px;
	background:url(images/right-shadow.jpg) repeat-y;
	z-index:5;
}
#container6 {
	width:900px;
	height:2700px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #ffffff; 
	border-bottom:0px solid #ffffff; 
	border-left:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	border-right:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	background-color: #ffffff;
}
#container6 #leftmargin {
	position:absolute;
	left: -20px;
	top:0px;	
	height: 2700px;
	width: 20px;
	background:url(images/left-shadow2.jpg) repeat-y;
	z-index:5;
}
#container6 #rightmargin {
	position:absolute;
	right: -20px;
	top:0px;	
	height: 2700px;
	width: 20px;
	background:url(images/right-shadow2.jpg) repeat-y;
	z-index:5;
}
table a {
	color:#000;
	font-size:10pt;
	text-decoration:none;
}
table a:hover {
	text-decoration:underline;
}



#masthead {
	position:absolute;
	left: 0px;
	top:0px;
	width:900px;
	height:132px;
	margin: auto;	
	margin-bottom:0px;
	padding:0px;
	position:relative;
	border-top:0px solid #ffffff; 
	border-bottom:0px solid #ffffff; 
	border-left:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	border-right:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	background-color: #ffffff;
}
#masthead #left-color {
	position:absolute;
	left:0px;
	top:0px;
	width:485px;
	height:132px;
	background-color: #D1D1F1;
	z-index:5;
}
#masthead #right-color {
	position:absolute;
	right:0px;
	top:0px;
	width:400px;
	height:132px;
	background-color: #E0E0E0;
	z-index:5;
}
#masthead #swirl {
	position:absolute;
	right:76px;
	top:0px;
	width:341px;
	height:132px;
	background:url(images/swirl.gif) no-repeat;
	z-index:6;
}
#masthead #logo {
	position:absolute;
	left:10px;
	top:5px;
	width:62px;
	height:121px;
	background:url(images/hutchings-cleaning-logo.gif) no-repeat;
	z-index:6;
}
#masthead #hutchings {
	position:absolute;
	left:90px;
	top:50px;
	width:auto;
	height:auto;
	z-index:6;
}
#masthead #slogan {
	position:absolute;
	right:10px;
	top:22px;
	width:306px;
	height:110px;
	background:url(images/your-cleaning-2.jpg) no-repeat;
	z-index:6;
}

#active {
	position:absolute;
	top:132px;
	left:0px;
	width: 900px;
	height: 208px;
	border-top:3px solid #ffffff; 
	border-bottom:3px solid #ffffff; 
	border-left:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	border-right:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	background-color: #9999CD;
}
#active #freephone {
	position:absolute;
	top:0px;
	right:0px;
	width: 652px;
	height: 25px;
	border-top:0px solid #ffffff; 
	border-bottom:3px solid #ffffff; 
	border-left:3px solid #ffffff; /* Draws a line on the top edge of the Div */
	border-right:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	background-color: #343399;
}
#active #about-us {
	position:absolute;
	top:0px;
	left:0px;
	width: 245px;
	height: 25px;
	border-top:0px solid #ffffff; 
	border-bottom:3px solid #ffffff; 
	border-left:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	border-right:0px solid #ffffff; /* Draws a line on the top edge of the Div */
	background-color: #9999CD;
}
#active #picture {
	position:absolute;
	border-left:3px solid #ffffff; /* Draws a line on the top edge of the Div */
	width:652px;
	height:180px;
	top:28px;
	right:0px;
	z-index:15;
}
#content {
	position:absolute;
	top:315px;
	left:0px;
	width:900px;
	height:auto;
	text-align:left;
	background-color:#fff;
}
#content #text1a {
	position:absolute;
	top:50px;
	left: 60px;
	width: 555px;
	height:auto;
	z-index:5;
}
#content #text1b {
	position:absolute;
	top: 50px;
	left: 650px;
	width: 250px;
	border-left:3px solid #ccc; /* Draws a line on the top edge of the Div */
	height:425px;
	text-align:center;
	z-index:5;
}
#content #text2a {
	position:absolute;
	top:50px;
	left: 60px;
	width: 555px;
	height:auto;
	z-index:4;
}
#content #text2b {
	position:absolute;
	top: 50px;
	left: 650px;
	width: 250px;
	border-left:3px solid #ccc; /* Draws a line on the top edge of the Div */
	height:1120px;
	text-align:center;
	z-index:5;
}
#content #text3b {
	position:absolute;
	top: 50px;
	left: 650px;
	width: 250px;
	border-left:3px solid #ccc; /* Draws a line on the top edge of the Div */
	height:700px;
	text-align:center;
	z-index:5;
}
#content #text4 {
	position:absolute;
	top:50px;
	left: 60px;
	width: 590px;
	height:auto;
	background:url(images/map.gif) no-repeat;
	z-index:5;
}
#content #text4b {
	position:absolute;
	top: 50px;
	left: 650px;
	width: 250px;
	border-left:3px solid #ccc; /* Draws a line on the top edge of the Div */
	height:700px;
	text-align:center;
	z-index:5;
}
#content #text5 {
	position:absolute;
	top:50px;
	left: 60px;
	width: 590px;
	height:auto;
	z-index:5;
}
#content #text5b {
	position:absolute;
	top: 50px;
	left: 650px;
	width: 250px;
	border-left:3px solid #ccc; /* Draws a line on the top edge of the Div */
	height:400px;
	text-align:center;
	z-index:5;
}
#content #text6 {
	position:absolute;
	top:50px;
	left: 60px;
	width: 590px;
	height:auto;
	z-index:5;
}
#content #text6b {
	position:absolute;
	top: 50px;
	left: 650px;
	width: 250px;
	border-left:3px solid #ccc; /* Draws a line on the top edge of the Div */
	height:500px;
	text-align:center;
	z-index:5;
}


	
#free-icon {
	position:absolute;
	top: 385px;
	left: 30px;
	width: auto;
	height:auto;
	text-align:left;
	z-index:1;
}
#free-text {
	position:absolute;
	top: 390px;
	left: 83px;
	width: auto;
	height:auto;
	text-align:left;
	z-index:5;
}
#area-covered {
	position:absolute;
	top: 455px;
	left: 30px;
	border: 0;
	width: 179px;
	height:auto;
	text-align:left;
	z-index:5;
}
#area-services {
	position:absolute;
	top: 610px;
	left: 30px;
	border: 0;
	width: 179px;
	height:auto;
	text-align:left;
	z-index:5;
}

#hutchings-vans {
	position:absolute;
	top: 455px;
	left: 30px;
	border: 0;
	width: 179px;
	height:auto;
	text-align:left;
	z-index:5;
}
#call-free {
	position:absolute;
	bottom:50px;
	left:55px;
	width:845px;
	height:auto;
	background-color:#fff;
	text-align:left;
}
#footer {
	position:absolute;
	bottom:0px;
	left:0px;
	width:900px;
	height:auto;
	background-color:#343399;
}