/* CSS Document */

/* ------------- Header ------------- */

#header h1 {
	width: 266px;
	height: 79px;
	font-size: 110%;
	color: #000000;
	float: left;
	margin-top: 40px;
	margin-left: 30px;
}
#header h1 span {
	background-image: url(../images/StoneTreeLogoText.gif);
	width: 266px;
	height: 79px;
	position: absolute;
	background-repeat: no-repeat;
	text-indent: -9000px;
	}
	
#header h1 a {
	width: 266px;
	height: 79px;
	display: block;
}	

#headerAddress {
	height: 80px;
	width: 96px;
	padding-left: 875px;
	padding-top: 40px;
}
#headerAddress span {
	background-image: url(../images/StoneTreeLogo.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 80px;
	width: 96px;
	text-indent: -9000px;
}

/* ------------- Navigation ------------- */


#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 516px;
}
		  
#navigation ul li {
	float: left;
}

#navigation ul a {
	display: block;
	text-decoration: none;
	padding: 0;
}

#navigation ul a.home {
	background-image: url(../images/Home.gif);
	height: 36px;
	width: 86px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}
#navigation ul a:focus.home,
#navigation ul a:active.home,
#navigation ul a:hover.home {
	background-image: url(../images/HomeOver.gif);
}

#homePage #navigation ul a.home {
	background-image: url(../images/HomeCurrent.gif);
	height: 36px;
	width: 86px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#navigation ul a.products {
	background-image: url(../images/Products.gif);
	height: 36px;
	width: 122px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}
#navigation ul a:focus.products,
#navigation ul a:active.products,
#navigation ul a:hover.products {
	background-image: url(../images/ProductsOver.gif);
}

#productsPage #navigation ul a.products {
	background-image: url(../images/ProductsCurrent.gif);
	height: 36px;
	width: 122px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#navigation ul a.services {
	background-image: url(../images/Services.gif);
	height: 36px;
	width: 102px;
	background-repeat: no-repeat;
	text-indent: -9000px;

}
#navigation ul a:focus.services,
#navigation ul a:active.services,
#navigation ul a:hover.services {
	background-image: url(../images/ServicesOver.gif);
}

#servicesPage #navigation ul a.services {
	background-image: url(../images/ServicesCurrent.gif);
	height: 36px;
	width: 102px;
	background-repeat: no-repeat;
	text-indent: -9000px;

}
#navigation ul a.gallery {
	background-image: url(../images/Gallery.gif);
	height: 36px;
	width: 104px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}
#navigation ul a:focus.gallery,
#navigation ul a:active.gallery,
#navigation ul a:hover.gallery {
	background-image: url(../images/GalleryOver.gif);
}

#galleryPage #navigation ul a.gallery {
	background-image: url(../images/GalleryCurrent.gif);
	height: 36px;
	width: 104px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#navigation ul a.contact {
	background-image: url(../images/Contact.gif);
	height: 36px;
	width: 102px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}
#navigation ul a:focus.contact,
#navigation ul a:active.contact,
#navigation ul a:hover.contact {
	background-image: url(../images/ContactOver.gif);
} 

#contactPage #navigation ul a.contact {
	background-image: url(../images/ContactCurrent.gif);
	height: 36px;
	width: 102px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

/* ------------- Body ------------- */

#content p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	text-align: center;
	color: #666633;
}

#content strong {
}

#content img {
	padding: 0px;
	margin: 9px;
	border: 1px solid #FFFFFF;
}

#content h2 {
	font-family: "Times New Roman", Times, serif;
	color: #666633;
	font-size: 160%;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666633;
}

#content h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666633;
	font-size: 105%;
}

#content h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666633;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: -12px;
	margin-left: 10px;
	}
#content a {
	color: #666633;
}

#content #mainLeftSidebar p {
	color: #666633;
	text-align: left;
}
#content li {
	color: #666633;
	list-style-type: none;
	padding-bottom: 10px;
}

table {
	width: 440px;
	border: 1px solid #666633;
	margin-bottom: 16px;
	background-color: #FFFFFF;
}

tr {
	background-color: #f3efda;
}

td {
	padding: 5px;
}

.odd {
	background-color: #e5dfbd;
}

.textBox {
	width: 440px;
	border: 1px solid #666633;
	background-color: #FFFFFF;
	margin-bottom: 16px;
}

.photoBox {
	width: 440px;
	margin-bottom: 16px;
	text-align: center;
}

#content .textBox h4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666633;
	margin-right: 12px;
	margin-top: 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 140%;
	font-weight: normal;
}
#content .textBox p {
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#content .tablefooter {
	text-align: left;
	margin: 0;
	padding: 0;
}

.photoBox {}

.photoBox .caption {
	font-size: 85%;
	font-weight: normal;
	margin-top: -4px;
}

#map {
	padding: 0px;
	margin: 9px;
	border: 1px solid #FFFFFF;
	}
			
/* ------------- Footer ------------- */
	
#footerNavigationMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 312px;
}
		  
#footerNavigationMenu ul li {
	float: left;
}

#footerNavigationMenu ul a {
	display: block;
	text-decoration: none;
	padding: 0;
}

#footerNavigationMenu ul a.footerHome {
	background-image: url(../images/FooterNavHome.gif);
	height: 18px;
	width: 54px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}
#footerNavigationMenu ul a:focus.footerHome,
#footerNavigationMenu ul a:active.footerHome,
#footerNavigationMenu ul a:hover.footerHome {
	background-image: url(../images/FooterNavHomeOver.gif);
}

#footerNavigationMenu ul a.footerProducts {
	background-image: url(../images/FooterNavProducts.gif);
	height: 18px;
	width: 74px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}
#footerNavigationMenu ul a:focus.footerProducts,
#footerNavigationMenu ul a:active.footerProducts,
#footerNavigationMenu ul a:hover.footerProducts {
	background-image: url(../images/FooterNavProductsOver.gif);
}

#footerNavigationMenu ul a.footerServices {
	background-image: url(../images/FooterNavServices.gif);
	height: 18px;
	width: 68px;
	background-repeat: no-repeat;
	text-indent: -9000px;

}
#footerNavigationMenu ul a:focus.footerServices,
#footerNavigationMenu ul a:active.footerServices,
#footerNavigationMenu ul a:hover.footerServices {
	background-image: url(../images/FooterNavServicesOver.gif);
}

#footerNavigationMenu ul a.footerGallery {
	background-image: url(../images/FooterNavGallery.gif);
	height: 18px;
	width: 66px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}
#footerNavigationMenu ul a:focus.footerGallery,
#footerNavigationMenu ul a:active.footerGallery,
#footerNavigationMenu ul a:hover.footerGallery {
	background-image: url(../images/FooterNavGalleryOver.gif);
}

#footerNavigationMenu ul a.footerContact {
	background-image: url(../images/FooterNavContact.gif);
	height: 18px;
	width: 50px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}
#footerNavigationMenu ul a:focus.footerContact,
#footerNavigationMenu ul a:active.footerContact,
#footerNavigationMenu ul a:hover.footerContact {
	background-image: url(../images/FooterNavContactOver.gif);
}
	
#footerAddress {
	background-image: url(../images/FooterAddress.gif);
	width: 114px;
	height: 76px;
	position: absolute;
	background-repeat: no-repeat;
	text-indent: -9000px;
}