﻿/* 
    == Reset ==
*/

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
	{
		background: transparent;
		border: 0;
		font-size: 100%;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
	}

	ol, ul
	{
		list-style: none;
	}

	blockquote, q
	{
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after
	{
		content: '';
		content: none;
	}

	/* remember to define focus styles! */
	:focus
	{
		outline: 0;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	table
	{
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	input
	{
		margin: 0;
		padding: 0;
		vertical-align: top;
	}

/* 
    == Default ==
*/

	body
	{
		color: #000;
		font: 11px arial;
		line-height: 16px;
		text-align: center;
	}
	
	p
	{
		font: 11px arial;
	}
	
	a
	{
		color: #009dad;
		font: 11px arial;
		cursor: hand;
	}

/* 
    == Common ==
*/

	.clear
	{
		clear: both;
	}

	.clearRight
	{
		clear: right;
	}

	.clearLeft
	{
		clear: left;
	}

/* 
    == Structure ==
*/

	div#wrapper
	{
		background: #bfbfbf url(/images/wrapper-background.gif) repeat-x;
		border-top: 5px solid #009dad;
		width: 100%;
	}

	div#mainWrapper
	{
		margin: 0 auto;
		text-align: left;
		width: 952px;
	}
	
	div#header
	{
		background: #fff;
		margin: 0 9px;
		width: 934px;
	}
		
		div#header h1
		{
		background: url(/images/logo-servicemaster_clean.gif) no-repeat;
			float: left;
			height: 69px;
			margin: 23px 0 15px 7px; /* Bottom Margin determines height of non-navigation portion of header */
			text-indent: -5000px;
			width: 163px;
		}
		
		div#header h2
		{
			background: url(/images/header-commercial_cleaning.gif) no-repeat;
			float: left;
			height: 22px;
			margin: 46px 0px 0 25px;
			text-indent: -5000px;
			width: 205px;
		}
		
		ul#crossNavigation
		{
			background: url(/images/crossnavigation-state02.gif);
			float: right;
			height: 26px;
			list-style: none;
			margin: 0 0 10px 110px;
			margin: 0 0 10px 100px;
			width: 424px;
		}
			
			ul#crossNavigation li
			{
				color: #aaa;
				font: 9px arial;
				float: left;
				letter-spacing: 1.1px;
			}
			
			ul#crossNavigation a
			{
				display: block;
				font: 9px arial;
				letter-spacing: 1.1px;
				line-height: 22px;
				text-decoration: none;
				color: #aaa;
			}
			
			ul#crossNavigation li#cn02 a
			{
				color: #000;
			}
			
			ul#crossNavigation li#cn01
			{
				text-align: right;
				width: 137px;
			}

			ul#crossNavigation li#cn02
			{
				text-align: center;
				width: 156px;
			}

			ul#crossNavigation li#cn03
			{
				text-align: left;
				margin-left: 3px;
				width: 124px;
			}
			
		ul#utilityNavigation01,
		ul#utilityNavigation02
		{
			float: right;
			list-style: none;
			margin: 0 0 3px 0;
		}
		
			ul#utilityNavigation01 li,
			ul#utilityNavigation02 li
			{
				border-left: 1px solid #888;
				float: left;
				padding: 0 0 0 6px;
				margin-left: 6px;
			}
			
			ul#utilityNavigation01 li.utilityNavigation0,
			ul#utilityNavigation02 li.utilityNavigation0
			{
				border: 0;
				padding: 0;
			}
			
			ul#utilityNavigation01 a,
			ul#utilityNavigation02 a
			{
				display: block;
				font: 10px arial;
				line-height: 10px;
				text-decoration: none;
				color: #666667;
			}
		
	div#search
	{
		clear: right;
		float: right;
		margin: 3px 0 0 0;
		text-align: right;
		width: 215px;
	}
	
		div#search iframe
		{
			height: 28px;
		}
	
	div#search input.searchInput
	{
		border: 1px solid #0b97a6;
		background: url('/images/input-background01.gif') repeat-x;
		color: #000;
		font: 11px arial;
		margin: 0 4px 0 0;
		padding: 4px 3px 4px 3px;
		width: 135px;
	}
	
	* html div#search input.searchInput
	{
		w\idth: 141px;
		width: 135px;
	}
	
	ul#primaryNavigation
	{
		background: url(/images/primarynavigation-background.gif);
		border-top: 1px solid #e1e1e1;
		border-bottom: 4px solid #009dad;
		float: left;
		height: 31px;
		width: 934px;
	}
	
		ul#primaryNavigation li#pnJanitorial
		{
			width: 90px; 
		}

		ul#primaryNavigation li#pnCarpetFloorsAndUpholstery
		{
			width: 190px;
		}

		ul#primaryNavigation li#pnNationalAccounts
		{
			width: 140px;
		}

		ul#primaryNavigation li#pnGreenCleaning
		{
			width: 131px;
		}

		ul#primaryNavigation li#pnDisasterRestoration
		{
			width: 152px;
		}

		ul#primaryNavigation li#pnAboutUs
		{
			width: 96px;
		}

		ul#primaryNavigation li#pnNewsAndEvents
		{
			width: 127px;
		}

		/*
			For active nav highlighting. See Masterpage VB code-behind
			for more info.		
		*/

		ul.Janitorial li#pnJanitorial,
		ul.CarpetFloorsAndUpholstery li#pnCarpetFloorsAndUpholstery,
		ul.NationalAccounts li#pnNationalAccounts,
		ul.GreenCleaning li#pnGreenCleaning,
		ul.DisasterRestoration li#pnDisasterRestoration,
		ul.AboutUs li#pnAboutUs,
		ul.NewsAndEvents li#pnNewsAndEvents,
		ul.BuildingManagementTips li#pnBuildingManagementTips
		{
			background: #009dad !important;
			border-left: #009dad !important;
			border-top: #009dad !important;
			border-right: #009dad !important;
		}
		
		ul.Janitorial li#pnJanitorial a,
		ul.CarpetFloorsAndUpholstery li#pnCarpetFloorsAndUpholstery a,
		ul.NationalAccounts li#pnNationalAccounts a,
		ul.GreenCleaning li#pnGreenCleaning a,
		ul.DisasterRestoration li#pnDisasterRestoration a,
		ul.AboutUs li#pnAboutUs a,
		ul.NewsAndEvents li#pnNewsAndEvents a,
		ul.BuildingManagementTips li#pnBuildingManagementTips
		{
			color: #fff !important;
		}
		
		ul#primaryNavigation li
		{
			border-right: 1px solid #e1e1e1;
			color: #000;
			float: left;
			font: 11px arial;
			text-align: center;
		}
		
		ul#primaryNavigation li.first
		{
			background: url(images/primarynavigation-background01.gif);
			border-right: 1px solid #e1e1e1;
			border-left: 1px solid #e1e1e1;
			float: left;
		}
		
		ul#primaryNavigation li a
		{
			color: #000;
			line-height: 31px;
			text-decoration: none;
		}
	
	div#content
	{
		background: #fff;
		display: inline;
		float: left;
		margin: 2px 9px 0 9px;
		padding: 0 0 9px 0;
		width: 934px;
	}
	
		body.indexPage div#content
		{
			background: transparent;
			margin: 5px 9px 0 9px;
		}
		
	div#intro
	{
		float: left;
		height: 262px;
		margin: 0px 5px 9px 0px;
		width: 683px;
	}
	
	div.bucket
	{
		display: inline !important;
		float: left;
		height: 223px;
		line-height: 16px;
	}
	
		div.bucket h3
		{
			background: url(/images/triangle-background.gif) no-repeat;
			color: #009dad;
			font: 14px arial;
			margin: 4px 0 0 11px;
			padding: 12px 0 8px 18px;
			text-transform: uppercase;
		}
		
		div.bucket h4
		{
			color: #009dad;
			font: 12px arial;
			margin: 11px 0 0 16px;
		}
		
		div.bucket p
		{
			color: #000;
			font: 11px arial;
			line-height: 16px;
			margin: 5px 29px 0 16px;
		}
		
		div.bucket a.more
		{
			font: 11px arial;
			color: #009dad;
			line-height: 16px;
			margin: 0 0 0 16px;
		}
		
		div.bucket img.bucketSubmit
		{
			float: right;
			padding: 5px 10px 0 0;
		}
		
		div.bucketButtons
		{
			text-align: center;
			padding-top: 12px;
		}
		
			div.bucketButtons img
			{
				margin: 0 9px;
			}
		
	div#spotlight
	{
		background: url(/images/BS-spotlight-background1.gif) no-repeat;
		height: 262px;
		margin: 0 0 9px 0;
		width: 246px;
	}
	
		div#spotlight h3
		{
			height: 107px;
			margin: 5px 0 0 8px;
			padding-bottom: 0;
		}
		
		div#spotlight a h3, div#spotlight a h4
		{
			text-decoration: none;
		}

	div#dealerLocator
	{
		background: url(/images/dealerlocator-background.gif) no-repeat;
		margin-right: 9px;
		width: 231px;
	}
	
		div#dealerLocatorForm
		{
			color: #333;
			margin: 0 10px 0 0;
			margin: 0;
			text-align: right;
			width: 230px;
		}
	
		div#dealerLocatorForm em
		{
			color: #8a8a8a;
		}
		
		div#dealerLocatorForm p
		{
			text-align: center;
			margin: 0px 0 1px 0;
		}
	
		div#dealerLocatorForm div.formLabel
		{
			font: 10px arial;
			color: #333;
			margin: 0 6px 0 0;
			width: 80px;
		}
	
		div#dealerLocatorForm select
		{
			color: #333;
			font: 10px arial;
			margin: 0 25px 0 0;
			padding: 1px 0 2px 0;
			width: 161px;
		}
	
		div#dealerLocatorForm input
		{
			color: #333;
			font: 10px arial;
			height: 10px;
			padding: 3px;
			margin: 0 25px 0 0;
			width: 110px;
		}
		
		* html div#dealerLocatorForm input
		{
			w\idth: 191px;
			width: 110px;
		}
		
		div#dealerLocatorForm #dealerSubmit
		{
			margin: 5px 41px 0px 0;
			height: auto;
			width: auto;
		}
	
	div#requestInformation
	{
		background: url(/images/requestinformation-background.gif) no-repeat;
		margin: 0 10px 0 0;
		width: 341px;
	}
	
		div#requestInformation img
		{
			border: 0;
			float: left;
			margin: 7px 11px 0 11px;
		}
		
		div.bucketContent
		{
			float: left;
			margin: 5px 0 0 0;
			width: 150px;
		}
		
		div.bucketContent p
		{
			margin: 0;
		}
		
		div.bucketContent img
		{
			float: right;
		}
		
	div#insidePageSpotlight
	{
		height: 282px;
		float: right;
		margin: 30px 12px;
		width: 245px;
	}
	
		div.spotlightRequestInformation
		{
			background: url(/images/requestinformation-background-onwhite.gif) no-repeat;
			
		}
		
		div#insidePageSpotlight div.insidePageSpotlightContainer
		{
			height: 134px;
			margin: 113px 0 0 0;
		}
	
		div#insidePageSpotlight h3
		{
			background: url(/images/triangle-inside-background.gif) no-repeat;
			margin: 0 0 0 10px;
		}
		
		div#insidePageSpotlight div.insidePageSpotlightContainer img
		{
			border: 0;
			float: left;
			margin: 7px 11px 0 11px;
		}
		
		div#insidePageSpotlight div.insidePageSpotlightContent
		{
			float: left;
			height:  27px;
			margin: 5px 0 0 0;
			width: 117px;
		}
		
		div#insidePageSpotlight div.insidePageSpotlightContent p
		{
			margin: 0;
		}
		
		div#insidePageSpotlight div.insidePageSpotlightContent img
		{
			float: right;
		}
		
	div#tips
	{
		background: url(/images/tips-background.gif) no-repeat;
		margin: 0 -3px 0 0;
		width: 341px;
	}
	
		div#tips div.tip
		{
			display: inline;
			float: left;
			margin: 7px 0 2px 11px;
			width: 319px;
		}
		
		div#tips div.tip img
		{
			float: left;
			margin: 0 11px 0 0;
		}
		
		div#tips div.tip h4
		{
			margin: 0;
		}
		
		div#tips a.more
		{
			display: block;
			margin-left: 110px;
		}
	
	div#insidePageContent
	{
		float: left;
		width: 472px;
	}
	
		div#insidePageContent h2, div#insidePageContent h2 a
		{
			color: #009dad;
			clear: both;
			font: 16px arial;
			margin: 0 0 10px 0;
			text-transform: uppercase;
		}
	
		div#insidePageContent h3
		{
			color: #000;
			font: 12px arial;
			font-weight: bold;
			margin: 0 0 10px 0;
		}
	
		div#insidePageContent h3 a
		{
			font: 12px arial;
			font-weight: bold;
			margin: 0 0 10px 0;
		}
	
		div#insidePageContent h4
		{
			color: #000;
			font: 11px arial;
			font-weight: bold;
			margin: 0 0 10px 0;
			padding-top: 10px;
			text-transform: uppercase;
		}

		div#insidePageContent h4 a
		{
			font: 11px arial;
			font-weight: bold;
			margin: 0 0 10px 0;
			padding-top: 10px;
			text-transform: uppercase;
		}

		div#insidePageContent h6
		{
			margin: 5px 0 10px 0;
		}
	
		div#insidePageContent p
		{
			color: #3c3c3c;
			font: 11px arial;
			line-height: 21px;
			margin: 5px 0 15px 0;
		}
		
		div#insidePageContent ul
		{
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			color: #3c3c3c;
			text-decoration: none;
			list-style-position: outside;
			list-style-type: disc;
			padding: 0 0 0 6px;
			margin: 0 0 20px 30px;
		}
		
		div#insidePageContent ul ul
		{
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			color: #3c3c3c;
			text-decoration: none;
			text-indent: 0;
			list-style-position: outside;
			list-style-type: disc;
			padding: 0 0 0 6px;
			margin: 0 0 20px 25px;
		}
		
		div#insidePageContent ol
		{
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			color: #3c3c3c;
			text-decoration: none;
			text-indent: 5px;
			list-style-position: outside;
			list-style-type: decimal;
			padding: 0 0 0 15px;
			margin: 0 0 20px 10px;
		}
		
		div#insidePageContent ul p
		{
			text-indent: 0;
			margin: 0 0 5px 10px;
		}
		
		ul.emphasizedItems li
		{
			font-style: italic;
		}
		
			ul.emphasizedItems li li
			{
				font-style: normal;
			}
			
		#insidePageContent ul#breadcrumbs
		{
			float: left;
			height: 30px;
			width: 472px;
		}
		
			#insidePageContent ul#breadcrumbs li
			{
				background: url(/images/breadcrumb-background.gif) no-repeat left center;
				color: #828282;
				float: left;
				line-height: 23px;
				padding-left: 9px;
				margin-left: 4px;
			}

			#insidePageContent ul#breadcrumbs li.first
			{
				background: none;
				margin: 0;
				padding: 0;
			}
			
		div.breadcrumbs
		{
			float: left;
			width: 472px;
			margin-bottom: 10px;
			margin-top: 3px;
		}
		
			div.breadcrumbs span
			{
				color: #828282;
			}
			
/*	
	This is placeholder for the footer area. Final site will use
	footer provided by ServiceMaster
*/	
	div#footerWrapper
	{
		background: #fff url(/images/footerwrapper-background.gif) repeat-x;
		text-align: center;
		width: 100%;
	}
	
	div#footer
	{
		text-align: center;
		margin: 0 auto;
		width: 952px;
	}
	
	ul.footerNav
	{
		line-height: 14px;
	}
	
		ul.footerNav li
		{
			border-left: 1px solid #9d9d9d;
			color: #000;
			display: inline;
			font: 10px arial;
			padding: 0 4px;
			text-align: center;
		}
		
		ul.footerNav li.footerNav0
		{
			border: 0;
		}
		
		ul.footerNav li a
		{
			color: #7d7d7d;
			font: 10px arial;
			text-decoration: none;
		}
		
		ul#footerNavigationMain
		{
			padding-top: 5px;
		}
		
		div#footerBranding
		{
			background: url(/images/footer-servicemaster_family_of_brands.gif) no-repeat left 14px;
			border-top: 1px solid #818181;
			color: #7d7d7d;
			margin: 14px 38px 0 37px;
			padding: 14px 0 0 125px;
			text-align: left;
		}
		
		div#footerBranding p
		{
			margin: 0 0 10px 4px;
		}


		ul#footerCrossNavigation1
		{
			display: block;
			float: left;
			margin-top: 2px;
		}
	
		ul#footerCrossNavigation2
		{
			display: block;
			float: left;
			margin-bottom: 10px;
		}
	
		ul#footerCrossNavigation1 li, ul#footerCrossNavigation2 li
		{
			display: block;
			float: left;
		}
	
		ul#footerCrossNavigation1 li a, ul#footerCrossNavigation2 li a
		{
			text-decoration: underline;
		}
		
div#siteMapPage ul
{
	margin: 0 0 0 10px;
}

	div#siteMapPage ul ul
	{
		margin: 0 0 0 10px;
	}

	div#siteMapPage ul ul ul
	{
		margin: 0 0 0 15px;
	}

	div#siteMapPage ul ul ul ul
	{
		margin: 0 0 0 20px;
	}

	div#siteMapPage span.AspNet-TreeView-Collapse
	{
		display: none;
	}

	div#siteMapPage div.siteMapPageColumn
	{
		float: left;
		width: 200px;
	}
	
table.tableLocatorResults
{
	width: 100%;
}

	table.tableLocatorResults td, table.tableLocatorResults th
	{
		padding: 5px 5px 5px 0;
	}

div.logoContainer
{
	width: 450px;
}

	div.logoContainer img
	{
		margin: 0 5px;
	}