/* CSS Document */
html {
   overflow: -moz-scrollbars-vertical;
}
body{
background:url(../images/bg2.gif);
margin:0px;
padding:0px;
text-align:center;
color:#2f200a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}
a:link{color:#EBAB6B; text-decoration:none; }
a:visited{color:#AB9881; text-decoration:none; }
a:hover{color:#EBAB6B; text-decoration:underline; }
a:active{color:#EBAB6B; text-decoration:none; }
#wrap{
width:1000px;
border:#dbc199 1px solid;
background:#fff9f0;
margin:0 auto;
text-align:left;
}
h1{
color:#a98a5b;
font-size:27px;
font-weight:normal;
}
h2{
color:#a98a5b;
font-size:20px;
font-weight:normal;
}
	#header{
	width:998px;
	height:151px;
	background:url(../images/header.gif);
	position:relative;
	}
/*####################################----  menutop  -----##############################################*/
		#MenuMapTop {
			position:absolute;
			top:100px;
			right:125px;
			margin:0px;
			padding:0px;
			width:418px;
			height:25px;
			background:url(../images/menu.gif) top left;
			list-style:none;
			text-decoration:none;
			}		
				#MenuMapTop li {
				margin:0px;
				padding:0px;
				position:absolute;
				}		
					#MenuMapTop li, #MenuMapTop a {
					height:25px;
					display: block;
					}					
					#MenuMapTop a.NavLink {
					/*  Hide the text part of the links by moving it waaaayyy offscreen. */
					text-indent:-999em;
					}		
		/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
					#products 		{left:5px; 		width:204px;}
					#tiletips 		{left:204px; 	width:65px;}
					#locate 		{left:268px; 	width:150px;}
		/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */		
					#productspage #products a, 		#products a:hover 		{background: transparent url(../images/menu.gif) -5px -25px no-repeat;}
					#tiletipspage #tiletips a, 		#tiletips a:hover 		{background: transparent url(../images/menu.gif) -204px -25px no-repeat;}
					#locatepage #locate a,			#locate a:hover 		{background: transparent url(../images/menu.gif) -268px -25px no-repeat;}
					
					
		
/*########################################-----   end menutop  ----##########################################*/			

	#tilespin{
	position:absolute;
	top:61px;
	left:231px;
	}
	
	.padnotop{
	margin:0px 20px 20px 20px;
	}
	div.bottompadbox{
	height:20px;
	}
	.contentbox{
	background:#fff2de;
	}


/*####################################----  menu2  -----##############################################*/
#MenuMap {
margin:0px;
padding:0px;
top:0px;
width:800px;
height:21px;
position:relative;
background-image:url(../images/menu2.gif);
list-style:none;
text-decoration:none;
}
	#MenuMap li {
	margin:0px;
	padding:0px;
	position:absolute;
	height:21px;
	}
		#MenuMap li, #MenuMap a {
		height:21px;
		display: block;
		}
		#MenuMap a.NavLink {
		/*  Hide the text part of the links by moving it waaaayyy offscreen. */
		text-indent:-100em;
		}
/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
			#home 				{left:1px;		width:46px;}
			#aboutus 			{left:47px; 	width:74px;}
			#architectural 		{left:120px; 	width:161px;}
			#events 			{left:281px; 	width:58px;}
			#projectportfolio	{left:339px; 	width:122px;}
			#contactus 			{left:461px; 	width:92px;}
			#faq 				{left:553px; 	width:45px;}
			#glossary 			{left:598px; 	width:71px;}
			#sitemap 			{left:669px; 	width:75px;}
			#links 				{left:744px; 	width:116px;}
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */
			#homepage #home a, 							#home a:hover 				{background: transparent url(../images/menu2.gif) -1px -21px no-repeat;}
			#aboutuspage #aboutus a, 					#aboutus a:hover 			{background: transparent url(../images/menu2.gif) -47px -21px no-repeat;}
			#architecturalpage #architectural a, 		#architectural a:hover 		{background: transparent url(../images/menu2.gif) -120px -21px no-repeat;}
			#eventspage #events a, 						#events a:hover 			{background: transparent url(../images/menu2.gif) -281px -21px no-repeat;}
			#projectportfoliopage #projectportfolio a,	#projectportfolio a:hover 	{background: transparent url(../images/menu2.gif) -339px -21px no-repeat;}
			#contactuspage #contactus a,				#contactus a:hover 			{background: transparent url(../images/menu2.gif) -461px -21px no-repeat;}
			#faqpage #faq a, 							#faq a:hover 				{background: transparent url(../images/menu2.gif) -553px -21px no-repeat;}
			#glossarypage #glossary a, 					#glossary a:hover 			{background: transparent url(../images/menu2.gif) -598px -21px no-repeat;}
			#sitemappage #sitemap a, 					#sitemap a:hover 			{background: transparent url(../images/menu2.gif) -669px -21px no-repeat;}
			#linkspage #links a, 						#links a:hover 				{background: transparent url(../images/menu2.gif) -744px -21px no-repeat;}
/*########################################-----   end menu2  ----##########################################*/			


		
		#pictures{
		border:#dbc199 1px solid;
		width:910px;
		height:88px;
		}
		#homepage * #pictures{
		border:none;
		width:910px;
		height:303px;
		background:url(../images/homeImage.jpg) center no-repeat;
		}
		#aboutuspage * #pictures{
		background:url(../images/haboutus.jpg) center no-repeat;
		}
		#contactuspage * #pictures{
		background:url(../images/hcontactus.jpg) center no-repeat;
		}
		#faqpage * #pictures{
		background:url(../images/hfaq.jpg) center no-repeat;
		}
		#glossarypage * #pictures{
		background:url(../images/hglossary.jpg) center no-repeat;
		}
		#sitemappage * #pictures{
		background:url(../images/hsitemap.jpg) center no-repeat;
		}
		#tiletipspage * #pictures{
		background:url(../images/htiletips.jpg) center no-repeat;
		}
		#locatepage * #pictures{
		background:url(../images/hlocateretail.jpg) center no-repeat;
		}
		#architecturalpage * #pictures{
		background:url(../images/harchserv.jpg) center no-repeat;
		}
		#eventspage * #pictures{
		background:url(../images/heventscalendar.jpg) center no-repeat;
		}
		#linkspage * #pictures{
		background:url(../images/hlinks.jpg) center no-repeat;
		}
		#projectportfoliopage * #pictures{
		background:url(../images/hprojport.jpg) center no-repeat;
		}
		
#footer{
width:1000px;
text-align:center;
margin:0 auto;
color:#a98a5b;
}
a {
  outline: none;
}