@import url("reset.css");
@import url("text.css");

body {
	background: #cccccc url(../images/background/body.gif) repeat-y scroll center top;
}
#website {
	width: 930px;
	margin: 0 auto;
	background: #cccccc url(../images/background/body.gif) repeat-y scroll center top;
	min-height: 100%;
	position: relative;
	text-align: left;
}
span.highlight {
	color: #016938;
}
span.leftArrow {
	padding-left: 10px;
	background:transparent url(../images/greenArrow.gif) no-repeat scroll left top;
}
.clearBoth {
	clear: both;
}
.clearLeft{ clear: left; }
.clearRight{ clear: right; }
a, a:hover, a:active, a:focus {
   outline: none;
}
/* Top Section Elements
----------------------------------------------------------------------------------------------------*/
#topSection {
	position: relative;
	height: 137px;
	background: transparent url(../images/background/topSection.gif) no-repeat top left;
}
	#topSection #topWrapper{
		position: relative;
		height: 137px;
		background: transparent url(../images/background/topSection_line.gif) no-repeat 240px 104px;
	}
	#topSection #logo {
		position: absolute;
		left: 37px;
		top: 22px;
	}
	#topSection h1 {
		font-size: 17px;
		font-weight: normal;
		font-style: italic;
		line-height: 20px;
		color: #808080;
		padding-top: 20px;
		padding-left: 240px;
		padding-right: 100px;
	}
	
/* Middle Section Elements
----------------------------------------------------------------------------------------------------*/
#middleSection {
	position: relative;
	background: transparent url(../images/background/topSection.gif) no-repeat 0px -137px;
}
	#middleSection #nav {
	 	position: absolute;
		width: 155px;
		left: 0px;
		top: 0px;
		padding-top: 30px;
	}
	#nav .topFrame { padding-top: 9px; background: transparent url(../images/background/navTop.gif) no-repeat top left; }
	#nav .bottomFrame { padding-bottom: 9px; background: transparent url(../images/background/navBottom.gif) no-repeat bottom left; }
	#nav ul {
		width: 100%;
		margin: 0px;
		background: transparent url(../images/background/navItem.gif) repeat-y top left;
	}
		#nav ul li{
			margin-left: 10px;
			display: block;
			font-size: 10px;
			font-weight: bold;
			line-height: 25px;
			list-style-type:none;
			border-left: solid 5px transparent;
		}
		#nav ul li.navSplitter{
			height: 2px;
			line-height: 2px;
			overflow: hidden;
			margin: 0;
			padding: 0;
			background: transparent url(../images/background/navItemBottom.gif) no-repeat top right;
		}
		#nav ul li.on {
			border-left: solid 5px #59bb44;
		}
		#nav ul li a{
			font-weight: bold;
			padding-left: 14px;
			display: block;
			color: #999999;
			text-decoration: none;
		}
		#nav ul li a:hover, #nav ul li a.on{
			color: #006837;
			text-decoration: none;
		}
		ul#subNav{
			background: none;
		}
			ul#subNav li{
				margin-left: 0px;
				border-left: none;
			}
				ul#subNav li a:hover{
					background: transparent url(../images/snavGA.gif) no-repeat 4px 8px;
					color: #1B1464;
				}
				ul#subNav li a.on{
					color: #1B1464;
				}
	#middleSection #content {
		width: 700px;
		min-height: 500px;
		margin-bottom: 50px;
		padding-left: 185px;
		padding-right: 45px;
		overflow: hidden;
		color: #616161;
		font-size: 12px;
	}
	#content p {
		padding-left: 17px;
		padding-right: 17px;
	}
	#content a {
		color: #1B1464;
		font-weight: bold;
		text-decoration: none;
	}
	#content a:hover{
		color: #1B1464;
		font-weight: bold;
		text-decoration: underline;
	}
	#content h3 {
		font-weight: bold;
		font-size: 14px;
		line-height: 16px;
		color: #006837;
		padding-left: 17px;
		padding-right: 17px;
		margin-bottom: 15px;
	}
	#content h4 {
		font-weight: bold;
		font-size: 11px;
		line-height: 16px;
		color: #006837;
		padding-left: 17px;
		padding-right: 17px;
		margin-bottom: 5px;
	}
	#content h5 {
		font-weight: bold;
		font-size: 12px;
		font-style: italic;
		line-height: 16px;
		color: #616161;
		padding-left: 17px;
		padding-right: 17px;
		margin-bottom: 15px;
	}
	
	#content ul{
		margin-left: 17px;
		margin-right: 17px;
	}
		#content ul li{
			background:transparent url(../images/greenArrow.gif) no-repeat scroll left top;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			padding-left:10px;
			margin-left: 0px;
		}
		
		#content ol{
		margin-left: 17px;
		margin-right: 17px;
	}
		#content ol li{
			list-style-color:#006837;
			padding-left:10px;
			margin-left: 17px;
		}
		
			#cleaning ul{
		margin-left: 17px;
		margin-right: 17px;
	}
		#cleaning ul li{
			background:transparent url(../images/greenArrow.gif) no-repeat scroll left top;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			padding-left:10px;
			font-weight: bold;
			font-size: 14px;
			margin-left: 0px;
		}
		#cleaning a {
		color: #1B1464;
		font-weight: bold;
		text-decoration: none;
	}
	#cleaning a:hover{
		color: #1B1464;
		font-weight: bold;
		text-decoration: underline;
	}
	
		
	#middleSection #content #homeBox {
		background: transparent url(../images/background/home_box.gif) no-repeat bottom left;
	}
		#homeBox .slider {
			position: relative;
			padding-top: 10px;
			background: transparent url(../images/background/home_boxSlider.gif) no-repeat top left;
		}
		#homeBox .slider .leftPane, #homeBox .slider .rightPane{
			padding-left: 17px;
			padding-right: 17px;
			width: 316px;
			display: block;
			float: left;
		}
		#homeBox .slider p{
			margin-bottom: 10px;
			padding-left: 0px;
			padding-right: 0px;
		}
		#homeBox .slider a#readMore{
			background: transparent url(../images/btn/sliderReadMore.gif) no-repeat scroll 0 0;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			position: absolute;
			width: 92px;
			height: 16px;
			bottom: 0px;
			right: 0px;
		}
		#homeBox .slider a#close{
			background: transparent url(../images/btn/sliderClose.gif) no-repeat scroll 0 0;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			position: absolute;
			width: 92px;
			height: 16px;
			bottom: 0px;
			right: 0px;
		}
	#middleSection .twoCol .leftCol,	#middleSection .twoCol .rightCol {
		padding-left: 0px;
		padding-right: 0px;
		width: 350px;
		float: left;
	}
	#middleSection .twoCol .leftCol h3,	#middleSection .twoCol .rightCol h3 {
	}
	#middleSection .twoColContact{
		background: transparent url(../images/background/twoColContact.gif) repeat-y scroll 0 0;		
	}
	#middleSection .twoColContact .leftCol,	#middleSection .twoColContact .rightCol {
		float: left;
	}
	#middleSection .twoColContact .leftCol { width: 412px; }
	#middleSection .twoColContact .rightCol { width: 288px; }

	#middleSection #logos { 
		margin-top: 45px;
		width: 700px; 
		height: 71px;
		background: transparent url(../images/background/logos.gif) no-repeat scroll 0 0;
		position: relative;
	}
	#middleSection #logos a{
		background: transparent url(../images/background/logos.gif) no-repeat scroll 0 0;		
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		position: absolute;
		height: 71px;
		top: 0px;
		left: 0px;
	}
	#middleSection #logos a#logo1{
		background-position: 0 0;
		left: 0px;
		width: 104px;
	}
	#middleSection #logos a#logo1:hover{ background-position: 0px -71px; }

	#middleSection #logos a#logo2{
		background-position: -104px 0px;
		left: 104px;
		width: 159px;
	}
	#middleSection #logos a#logo2:hover{ background-position: -104px -71px; }

	#middleSection #logos a#logo3{
		background-position: -263px 0px;
		left: 263px;
		width: 159px;
	}
	#middleSection #logos a#logo3:hover{ background-position: -263px -71px; }
	
	#middleSection #logos a#logo4{
		background-position: -422px 0px;
		left: 422px;
		width: 159px;
	}
	#middleSection #logos a#logo4:hover{ background-position: -422px -71px; }
	
	#middleSection #logos a#logo5{
		background-position: -581px 0px;
		left: 581px;
		width: 119px;
	}
	#middleSection #logos a#logo5:hover{ background-position: -581px -71px; }
	
	#content .testimonials{ 
		font-style: italic;
		font-weight: bold;
	}
	span.author{ 
		color: #B2B2B2;
	}
	#ArticlesLinks {
		float: right;
		width: 125px;
		background: #2e702c url(../images/background/articlesLinks.gif) no-repeat scroll bottom left;		
		color: #ffffff;
		margin-left: 20px;
		margin-bottom: 20px;
	}
		#ArticlesLinks .alHeader {
			display: block;
			padding-left: 7px;
			padding-top: 7px;
			padding-bottom: 7px;
			font-size: 11px;
			line-height: 16px;
			background: #2e702c url(../images/background/articlesLinksHeader.gif) no-repeat scroll top left;
			border-bottom: solid 1px #c9dbc9;
		}
		#ArticlesLinks ul {
			margin: 0px;
			padding: 0px;
		}
		#ArticlesLinks ul li{
			background: transparent url(../images/background/alSeparator.gif) repeat-x scroll bottom left;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 7px;
		}
		#ArticlesLinks ul li.last{ background: none; }
		#ArticlesLinks h4 {
			color: #ffffff;
			padding: 0;
			margin: 0;
			font-size: 11px;
			line-height: 16px;
			font-weight: bold;
			margin-bottom: 4px;
		}
		#ArticlesLinks .alButtons {
			height: 16px;
		}
		#ArticlesLinks .alButtons a{
			height: 16px;
			display: block;
			font-size: 9px;
			line-height: 16px;
			font-weight: bold;
			color: #8CC63F;
			float: left;
			text-decoration: none;
		}
		#ArticlesLinks .alButtons a:hover{ color: #ffffff; }
		#ArticlesLinks .alButtons a.alBtnGTS{
			padding-left: 5px;
			padding-right: 12px;
			background: transparent url(../images/background/alBtnGTS.gif) no-repeat scroll top left;
			margin-right: 2px;
		}
		#ArticlesLinks .alButtons a.alBtnPDF{
			padding-left: 5px;
			padding-right: 10px;
			background: transparent url(../images/background/alBtnPDF.gif) no-repeat scroll top right;
		}
		/* disbaled for now */
		#ArticlesLinks .alButtons a.alBtnPDF:hover {
			color: #8CC63F;
		}
		
/* Nav Services Button Elements
----------------------------------------------------------------------------------------------------*/
#btnServices {
	float: right;
	width: 242px;
	margin-bottom: 10px;
	margin-left: 10px;
}
	#btnServices a{
		width: 117px;
		height: 87px;
		margin-left: 4px;
		margin-bottom: 4px;
		display: block;
		float: left;
		text-indent: -9999px;
		background: transparent url(../images/btn/AllServices.jpg) no-repeat scroll top left;
	}
	#btnServices a#btnServices_RestroomCleaning { background-position: 0px 0px;}
	#btnServices a#btnServices_RestroomCleaning:hover, #btnServices a#btnServices_RestroomCleaning.on { background-position: 0px -273px;}
	
	#btnServices a#btnServices_KitchenSanitizing { background-position: -121px 0px;}
	#btnServices a#btnServices_KitchenSanitizing:hover, #btnServices a#btnServices_KitchenSanitizing.on { background-position: -121px -273px;}
	
	#btnServices a#btnServices_JanitorialServices { background-position: 0px -91px;}
	#btnServices a#btnServices_JanitorialServices:hover, #btnServices a#btnServices_JanitorialServices.on { background-position: 0px -364px;}
	
	#btnServices a#btnServices_PowerWashing { background-position: -121px -91px;}
	#btnServices a#btnServices_PowerWashing:hover, #btnServices a#btnServices_PowerWashing.on { background-position: -121px -364px;}
	
	#btnServices a#btnServices_SpecialtyCleaning { background-position: 0px -182px;}
	#btnServices a#btnServices_SpecialtyCleaning:hover, #btnServices a#btnServices_SpecialtyCleaning-up.on { background-position: 0px -455px;}
	
	#btnServices a#btnServices_CleaningSolutions { background-position: -121px -182px;}
	#btnServices a#btnServices_CleaningSolutions:hover, #btnServices a#btnServices_CleaningSolutions.on { background-position: -121px -455px;}
	
/* Nav Button Elements
----------------------------------------------------------------------------------------------------*/
#homeNav {
	padding-top: 10px;
}
#homeNav a {
	width: 132px;
	height: 132px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 10px;
	float: left;
}
#homeNav a.last { margin-right: 0; }

#homeNav a.btnAboutUs { background: transparent url(../images/btn/AboutUs.jpg) no-repeat scroll 0 0; }
#homeNav a.btnAboutUs:hover { background-position: 0px -132px; }

#homeNav a.btnServices { background: transparent url(../images/btn/Services.jpg) no-repeat scroll 0 0; }
#homeNav a.btnServices:hover { background-position: 0px -132px; }

#homeNav a.btnProducts { background: transparent url(../images/btn/Products.jpg) no-repeat scroll 0 0; }
#homeNav a.btnProducts:hover { background-position: 0px -132px; }

#homeNav a.btnTestimonials { background: transparent url(../images/btn/Testimonials.jpg) no-repeat scroll 0 0; }
#homeNav a.btnTestimonials:hover { background-position: 0px -132px; }

#homeNav a.btnContactUs { background: transparent url(../images/btn/ContactUs.jpg) no-repeat scroll 0 0; }
#homeNav a.btnContactUs:hover { background-position: 0px -132px; }

/* Header Elements
----------------------------------------------------------------------------------------------------*/
.header {
	width: 700px;
	height: 246px;
	position: relative;
	margin-bottom: 15px;
}
	.header  h2 {
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 10px;
		left: 15px;
		font-size: 50px;
		font-weight: normal;
		line-height: 50px;
		color: #ffffff;
	}
#header_aboutUs { background: transparent url(../images/header/aboutUs.jpg) no-repeat scroll 0 0; }
#header_testimonials { background: transparent url(../images/header/testimonials.jpg) no-repeat scroll 0 0; }
#header_products { background: transparent url(../images/header/products.jpg) no-repeat scroll 0 0; }
#header_productsDispensers { background: transparent url(../images/header/productsDispensers.jpg) no-repeat scroll 0 0; }
#header_productsAirFreshners { background: transparent url(../images/header/productsAirFreshners.jpg) no-repeat scroll 0 0; }
#header_productsSpecialOfferings { background: transparent url(../images/header/productsSpecialOfferings.jpg) no-repeat scroll 0 0; }
#header_products_CleaningSolutions { background: transparent url(../images/header/products_CleaningSolutions.jpg) no-repeat scroll 0 0; }
#header_services { background: transparent url(../images/header/services.jpg) no-repeat scroll 0 0; }
#header_services_KitchenSanitizing { background: transparent url(../images/header/services_KitchenSanitizing.jpg) no-repeat scroll 0 0; }
#header_services_PowerWashing { background: transparent url(../images/header/services_PowerWashing.jpg) no-repeat scroll 0 0; }
#header_services_PostConstructionCleanUp { background: transparent url(../images/header/services_PostConstructionCleanUp.jpg) no-repeat scroll 0 0; }
#header_services_JanitorialService { background: transparent url(../images/header/services_JanitorialService.jpg) no-repeat scroll 0 0; }

/* Float Elements
----------------------------------------------------------------------------------------------------*/
img.floatLeft {
	float: left;
	padding-left: 17px;
	padding-right: 10px;
	padding-bottom: 10px;
}
img.floatRight {
	float: right;
	padding-left: 10px;
	padding-right: 17px;
	padding-bottom: 10px;
}
/* Slideshow Elements
----------------------------------------------------------------------------------------------------*/
#slideshow {
    position: relative;
    height: 300px;
}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow img.active {
    z-index:10;
}
#slideshow img.last-active {
    z-index:9;
}
		
/* Footer Section Elements
----------------------------------------------------------------------------------------------------*/
#footerSection {
	position: relative;
	padding-left: 185px;
	padding-right: 45px;
	color: #B2B2B2;
}
	#footerSection .footerBG{ background: transparent url(../images/background/footer.gif) repeat-x top right; padding-top: 10px;}
	#footerSection .copyRight{
		display:block;
		float:left;
		width:350px;
		font-size: 10px;
		line-height: 16px;
		margin-top: -24px;
	}
	#footerSection .footerNav{
		display: block;
		float: right;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
	}
		#footerSection .footerNav ul {
			float: right;
			height: 24px;
			list-style-type: none;
			margin: 0;
		}
			#footerSection .footerNav ul li{
				margin: 0;
				padding-right: 5px;
				color: #B2B2B2;
				display: inline;
				float: left;
				font-size: 10px;
				height: 24px;
				line-height: 24px;
				vertical-align:middle;
			}
			#footerSection .footerNav ul li a{
				color: #B2B2B2;
				display: block;
				font-size: 10px;
				height: 24px;
				line-height: 24px;
				vertical-align:middle;
				text-decoration: none;
			}
			#footerSection .footerNav ul li a:hover, #footerSection .footerNav ul li a.on {
				color: #000000;
				text-decoration: none;
			}