body {
	margin: 0;
	padding: 0;
	font-size: 76%;
}
/*use this class for the white background of the slideshow div on home page*/
.white { background-color:#ffffff;
}

div {
	font-size: 1em;
	height: 72px;
	width: 800px;
	background: #00C7F9;
	position: relative;
}

#nav {
	padding-top: 10px;
	background: #5BEE48;
}

#nav a:link {
	font-family: arial, sans-serif;
	font-weight: 700;
	text-decoration: none;
	color: white;
}

#nav a:hover {
	font-family: arial, sans-serif;
	font-weight: 700;
	text-decoration: none;
	color: white;
}

#nav a:visited {
	font-family: arial, sans-serif;
	font-weight: 700;
	text-decoration: none;
	color: white;
}

#nav a:active {
	font-family: arial, sans-serif;
	font-weight: 700;
	text-decoration: none;
	color: white;
}

#nav, #nav ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 8px 0;
	border-bottom: 1px solid white;
}

#nav a {
	width: 20em;
	padding-bottom: 37px;
}

* html #nav ul li a { padding-bottom: 0; }

#nav li {
	width: 20em;
	display: inline;
	padding: 8px;
}

#nav li.top { background: url("images/border.gif") no-repeat top right; }

#nav li ul, #nav li ul { border: none; }

#nav li ul {
	position: absolute;
	width: 800px;
	left: -1000em;
	background: #00C7F9;
}

#nav li:hover ul, #nav li.mehover ul {
	top: 36px;
	left: 0;
	z-index: 2;
}

#nav li.here { background: rgb(0,190,255) url("images/border.gif") no-repeat top right; }
#nav li.here a { padding-bottom: 0; padding-top: 0; }

#nav li.here ul {
	top: 36px;
	left: 0;
}

#nav li ul li a {
	padding: 10px 8px 10px 37px;
}

* html #nav li ul li { line-height: 27px; }

#home { background: url("images/home.gif") no-repeat center left; }

#story { background: url("images/story.gif") no-repeat center left; }

#different { background: url("images/being_different.gif") no-repeat center left; }

#clients { background: url("images/clients.gif") no-repeat center left; }

#environment { background: url("images/environment.gif") no-repeat center left; }

#social { background: url("images/social.gif") no-repeat center left; }

#points { background: url("images/50points.gif") no-repeat center left; }

#pricing { background: url("images/pricing.gif") no-repeat center left; }

#assurance { background: url("images/assurance.gif") no-repeat center left; }

#faq { background: url("images/faq.gif") no-repeat center left; }

#estimate { background: url("images/estimate.gif") no-repeat center left; }

#testimonials {	background: url("images/testimonials.gif") no-repeat center left; }

#products { background: url("images/products.gif") no-repeat center left; }

#difference { background: url("images/difference.gif") no-repeat center left; }

#links { background: url("images/links.gif") no-repeat center left; }

#contact { background: url("images/contact.gif") no-repeat center left; }

#careers { background: url("images/careers.gif") no-repeat center left; }

#franchise { background: url("images/franchise.gif") no-repeat center left; }