/**::Stylesheet Organization and Search Tips:
***********************************************
	1. Generic Classes [genClass]
		a. [genClass] Typography
		b. [genClass] Positioning
		c. [genClass] Appearance
		d. [genClass] Behavior
	2. Section #IDs [secIDs]
		a. [secIDs] _shared
			a. {_shared}#pageID
		b. [secIDs]#sectionID {sectionID}
			a. {sectionID}#pageID
			
	Search Tips:
		1. Searching via use of the [*flag*] will bring you first to the declaration of that section,
			repeated searching will bring you to sub-sections within it. ex. [siteDef]
		2. Searching via use of [*flag*] and (Typography, Positioning, Appearance, or Behavior) will bring you
			directly to that sub-section. ex. [siteDef] Typography
		3. Searching via use of {*sectionID*} will bring you directly to that content section. ex. {cart}
		4. Searching via use of #pageID will bring you directly to that page. ex. #cartContents
*/

/**::Begin Site-Specific HTML Defaults [siteDef]
***********************************************/
	
	/*[siteDef] Typography
	**********************/
		body {
			font-family:Tahoma,Arial,Helvetica,sans-serif;
			color: #666666;
			background-color: #EBEBD8;
		}
	
		th, td, legend, label, li, h3, img  {
			 font-size: .7em;
		}
	
		/*We want p tags to be slightly larger than the rest of the text.*/
		p {
			font-size: .75em;
		}
	
		/*Stop double inheritance on font size*/
		td *, th *, li * {
			font-size: 100%;
		}
	
		input, textarea {
			font-family:Tahoma,Arial,Helvetica,sans-serif;
		}
	
		a {
			text-decoration: none;
			color: #999999;
		}
		
		a:hover {
			text-decoration: underline;
		}
		
		a:hover, a:active, a:visited {
			color: #999999;
		}
		
	/*[siteDef] Positioning
	***********************/
	
	/*[siteDef] Appearance
	**********************/
		
	/*[siteDef] Behavior
	*******************/

/**End Site-Specific HTML Defaults::
***********************************/

/*::Begin Generic Classes [genClass]
***********************************/

	/*[genClass] Typography
	**********************/
	
	/*[genClass] Positioning
	***********************/
		div#siteBody {
			width: 100%;
			min-width: 1024px;
		}
	
	/*[genClass] Appearance
	**********************/
		div.colright {
			border-left: 1px dashed #999999;
			min-height: 250px;
		}
	
		span.green {
			color: green;
		}
	
	/*[genClass] Behavior
	********************/
		div#hover-container {
			position: absolute;
			border: 1px solid #999999;
			z-index: 500;
			display: none;
		}

		div#hover-display {
			position: relative;
		}

/*End Generic Classes
******************::/

/*::Begin Section IDs [secIDs]
*****************************/

	/*[secIDs] _shared {shared}
	**************************/
		
		/*{shared}#collection
		********************/
			div#collection div#collectionGallery {
				margin-bottom: 1em;
				position: relative;
			}
			
			div#collection div#collectionGallery div.arrow {
				float: left;
				margin-top: 5.8em;
			}
			
			div#collection div#collectionGallery div#splashImage, div#collection div#collectionGallery div#splashLoaders {
				float: left;
				position: relative;
				overflow: hidden;
			}
		
			div#collection div#collectionGallery div#splashImage, div#collection div#collectionGallery div#splashImage img.fixed {
				width: 224px;
				height: 218px;
			}
			
			div#collection div#collectionGallery div#splashImage {
				margin-right: 2em;
				overflow: visible;
				float: left;
			}
			
			/*This is an IE fix... I don't like it. But IE renders the hover
			on the splashImage under the splashLoaders if not done this way.*/
			div#collection div#collectionGallery div#splashLoaders-container {
				position: absolute;
				left: 0%;
				top: 0%;
				margin-left: 260px;
				width: 100%;
			}
			
			div#collection div#collectionGallery div#splashImage img,
			div#collection div#collectionGallery div#splashLoaders div.wrapper {
				position: absolute;
				left: 0%;
				top: 0%;
			}
			
			div#collection div#collectionGallery div#splashImage img.new {
				display: none; /*Default to hidden so it can fade in*/
			}
			
			div#collection div#collectionGallery div#splashLoaders {
				border: 1px solid #999999;
				margin: 0em .5em 0em .4em;
				width: 60%;
				height: 218px;
			}
			
			div#collection div#collectionGallery div#splashLoaders ul {
				float: left;
				overflow: visible;
			}
			
			div#collection div#collectionGallery div#splashLoaders ul li {
				margin-bottom: 0em;
			}
		
		/*{shared}#header
		****************/
			div#header {
				width: 100%;
				background: url(../_images/Header/background.gif);
				margin-bottom: .75em; /*Put some spacing between the header and the splash contents*/
				border-bottom: 1px solid transparent; /*This transparent bottom border is a bug fix for browsers that
														have a problem when a div's contents end with a clearFix div*/
			}

			div#header div#logo {
				background: url(../_images/Header/logo.gif) no-repeat;
				width: 150px;
				height: 95px;
				float: left;
			}

			div#header div#logo a {
				display: block;
				width: 100%;
				height: 100%;
			}
			
			div#header div#headerMenu {
				background: url(../_images/Header/darkKhaki.gif);
				/*border: 1px solid red;*/
			}
			
			div#header div#headerMenu img#headerTopBorder {
				height: 1px;
				width: 100%;
				display: block;
			}
			
			div#header div#headerMenu ul li {
				line-height: 30px;
				margin: 0em 0em 0em 0em;
				font-size: .8em;
			}

			div#header div#headerMenu ul li a {
				display: block;
				padding: 0em 1em;
				height: 30px;
				text-align: center;
				color: #FFFFFF;
			}
			
			div#header div#headerMenu ul li a:hover {
				color:#666666;
				text-decoration: none;
			}
			
		/*{shared}#leftNav
		*****************/				
			div#leftNav h2 {
				margin: 0em;
				padding: 0em;
				font-size: .75em;
				text-transform: capitalize;
			}
		
			div#leftNav ul li {
				margin: 0em 0em .2em 1em;
			}
		
			div#leftNav div.wrapper {
				text-align: center;
			}
		
			div#leftNav ul.alternate-images li {
				margin-left: 0em;
			}
		
		/*{shared}#footer
		****************/
			div#footer {
				padding: 1em 0em;
				background-color: #f4f2ec;
			}
			
			div#footer div.wrapper {
				margin: 0em 0em 0em 1em;
				color: #84795B;
			}

	/*[secIDs] _splashContents {splashContents}
	******************************************/
		
		div#splashContents {
			margin-bottom: .75em;
			background-color: #f4f2ec;
			padding: 1em 0em;
		}
		
		div#splashContents h2 {
			margin: 0em 0em .5em 0em;
			font-size: .95em;
		}
		
		/*{splashContents}#about
		***********************/
			div#index div#about {
				padding: 0em 1em 0em 0em;
			}
		
		/*{splashContents}#careandmaintenance
		************************************/
			div#index div#careandmaintenance p.types span {
				margin-right: 2em;
			}
		
			div#index div#careandmaintenance ul {
				margin-left: 1.5em;
			}
		
			div#index div#careandmaintenance ul li {
				list-style: circle;
			}
			
			
			div#index div#careandmaintenance table.table-container, div#index div#careandmaintenance  table.table-container td {
				border: none;
				border-spacing: 0px;
				vertical-align: top;
			}			
		
			div#index div#careandmaintenance table {
				border: 1px solid black;
				border-right: none;
				border-spacing: 0px;
			}
		
			div#index div#careandmaintenance table.cleaning-spills tr td.content {
				padding: 0em;
			}
		
			div#index div#careandmaintenance table.split-row {
				border: none;
				width: 100%;
				margin-bottom: 0em;
			}
		
			div#index div#careandmaintenance table.split-row tr td {
				border: none;
				border-bottom: 1px solid black;
			}
		
			div#index div#careandmaintenance table.cleaning-spills td.split-row-heading {
				border-bottom: 1px solid black;
			}
		
			div#index div#careandmaintenance table.table-container table.cleaning-order-table {
				width: 22em;
				margin-right: 1em;
			}

			div#index div#careandmaintenance table.table-container table.cleaning-order-table td {
				border-right: 1px solid black;
			}
			
			
			div#index div#careandmaintenance table td,
			div#index div#careandmaintenance table th {
				border: none;
				padding: .15em;
				text-align: left;
				border-right: 1px solid black;
			}
		
			div#index div#careandmaintenance table th {
				border-bottom: 1px solid black;
			}
		
			div#index div#careandmaintenance p,
			div#index div#careandmaintenance h3 {
				clear: both;
			}
		
		/*{splashContents}#contactUs
		***************************/
			div#index div#contactus ul li label.textarea {
				margin-bottom: .5em;
			}
		
		/*{splashContents}index/#home
		**********************/
			div#index div#home {
				background: url(../_images/splashContents/splashBackground.jpg);
				padding: 1.5em 0em;
				margin: -1em 0em;
				text-align: center;
			}
			
			div#index div#home div#slideshow {
				position: relative;
				width: 512px;
				height: 293px;
				overflow: hidden;
				margin: 0em auto 0em auto;
				border: 4px groove black;
			}
			
			div#index div#home div#slideshow ul li {
				display: none;
			}
			
			div#index div#home div#slideshow ul.fade li {
				position: absolute;
				left: 0%;
				top: 0%;
			}
			
			div#index div#home div#slideshow ul.slide {
				position: absolute;
				left: 0%;
				top: 0%;
			}
			
			div#index div#home div#slideshow ul.slide li {
				float: left;
				margin-right: 0em;
			}
			
		/*{splashContents}#tenYears
		**************************/
			div#index div#tenyears img {
				float: left;
				margin-right: .5em;
			}
			
			div#index div#tenyears ul li {
				margin-bottom: .1em;
				font-weight: bold;
			}
			
/*End Section IDs
**************::/