/* Appalachian Stone CSS Document */


body {
	text-align: center;
	min-width: 780px;
	margin: 0;
	background-color: #FFFFFF;
}



/* Div CSS */


	#bg_top {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 0;
		width: 100%;
		height: 173px;
		display: inline;
		font-size: 0px;
		background-image: url(/images/interface/top_bg_inside.gif);
		background-repeat: repeat-x;
	}

		#wrapper {
			position: relative;
			z-index: 1;
			margin:0 auto;
			padding:0;
			width:780px;
			text-align: left;
		}
			
			#top {
				float: left;
				width: 770px;
				height: 169px;
				margin: 0px 4px 0px 4px;
				display: inline;
				border-left: 1px solid #FFFFFF;
				border-right: 1px solid #FFFFFF;
			}
				#logo {
					float: left;
					width: 219px;
					height: 169px;
					border-right: 1px solid #FFFFFF;
					background-color: #596984;
				}
				#images {
					float: left;
					width: 550px;
					height: 169px;
				}
					#banner {
						float: left;
						width: 550px;
						height: 139px;
						border-bottom: 1px solid #FFFFFF;
					}
					#tagline {
						float: left;
						width: 550px;
						height: 29px;
					}
			#middle {
				width: 774px;
				display: inline;
				float: left;
				margin: 0px 5px 0px 1px;
			}
				#menu {
					float: left;
					width: 227px;
					background-image: url(/images/interface/menu_bg.gif);
					background-repeat: repeat-y;
					font-size: 0px;
				}
					#navigation {
						float: left;
						width: 219px;
						padding: 0px 4px 10px 4px;
						background-image: url(/images/interface/menu_top.gif);
						background-repeat: no-repeat;
					}
				#content {
					float: left;
					width: 475px;
					padding: 35px 35px 0px 35px;
					margin: 5px 0px 0px 1px;
					_overflow: hidden;
					background-image: url(/images/interface/content_bg.gif);
					background-repeat: no-repeat;
				}
					#title {
						width: 475px;
						margin-bottom: 20px;
					}
			
		#bottom {
			float: left;
			width: 100%;
			height: 25px;
			display: inline;
			padding-top: 10px;
			margin: 25px 0 15px 0;
			background-color: #FFFFFF;
			background-image: url(/images/interface/footer_border.gif);
			background-repeat: repeat-x;
			text-align: center;
		}
			#footer {
				margin:0 auto;
				padding:0;
				width: 770px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #b0a79a;
				text-align: left;
			}
				#footer a {
					color: #596984;
				}
				#footer a img {
					float: right;
					border: 0;
				}
	
	/* Splash page styles */

		#bg_top.front {
			height: 282px;
			background-image: url(/images/splash/top_bg_splash.gif);
		}
			#top.front {
				height: 278px;
				margin-bottom: 1px;
			}	
				#logo.front {
					height: 278px;
				}
				#images.front {
					height: 248px;
				}
					#banner.front {
						height: 248px;
					}
			#middle.front {
				width: 778px;
				margin: 0px 1px 0px 1px;
				background-image: url(/images/splash/front_content_bg.gif);
				background-repeat: repeat-y;
			}
				#content_left {
					float: left;
					width: 410px;
					padding: 30px 65px 0px 35px;
					/*width: 320px;
					padding: 30px 55px 0px 35px;*/
				}
					#title.front {
						float: left;
						width: 100%;
						margin-bottom: 20px;
					}
					#content_left p {
						width: 100%;
						color: #FFFFFF;
						padding: 0;
						margin: 0px 0px 20px 0px;
					}
				#content_right {
					float: left;
					width: 225px;
					padding: 30px 43px 0px 0px;
					/*width: 320px;
					padding: 30px 43px 0px 0px;*/
				}
	
	
			
	/* Object Styles */
	
		h2 {
			width: 475px;
			height: auto;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #598463;
			margin: 30px 0px 10px 0px;
		}
		
		h3, .subheading {
			height: auto;
			margin: 30px 0 10px 0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: bold;
			color: #535e72;
		}
			.subheading {
				float: none;
				width: auto;
			}
			h3.table_head {
				margin: 0 0 3px 0;
				color: #fff;
			}
		
		p {
			width: 475px;
			padding: 0;
			margin: 15px 0 15px 0;
			clear: left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #323232;
			line-height: 20px;			
		}
			ol, ul {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #323232;
			line-height: 20px;	
			}
					
		strong {
			
		}
		
		em {
			
		}
		small {

		}
		
		label {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
		}
		
		.logo {
			float: left;
			background: transparent;
		}

	#flashcontent {
		border: none;/*solid 1px #000*/
		width: auto;
		height: auto;
		float: left;
		margin: 15px 20px;
	}

	/* Definition list styles */

		dl.image_left {
			float: left;
			display: inline;
			margin:0; padding:0;
		}
			dl.image_left dt {
				width: auto;
				height: auto;
				float: left;
				margin: 10px 10px 5px 0;
				display: inline;
			}
				dt img {
					padding: 1px;
					border: 3px solid #cabfa9;
				}
			dl.image_left dd {
				float: left;
				clear: left;
				margin: 0 10px 10px 0;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #6d624c;
				display: inline;
			}

	/* Cost comparison */

		table.contacts {
			width: 475px;
			border-collapse: collapse;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #323232;
		}
			table.contacts td {
				padding: 4px 4px 4px 0;
			}

		table.cost_comparison {
			border-collapse: collapse;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin: 15px 0 15px 0; padding: 3px;
			border: none;
			width: 475px;
			color: #323232;
		}
			td {
				padding: 5px 5px 5px 5px;
				margin: 1px;
			}
				tr.head td {
					background-color: #535e72;
				}
				tr.row1 td {
					background-color: #fff;
				}
				tr.row2 td {
					background-color: #EBEBEB;
				}
			


	/* Contact form styles */
	
			#col_both_title {
				float: left;
				width: 443px;
				padding: 10px 15px 10px 15px;
				background-color: #e8e7e1;
				border: 1px solid #dddcd5;
				font-size: 13px;
				font-weight: bold;
				color: #598463;
				display: inline;
			}
			#col_both_reg {
				float: left;
				width: 443px;
				font-size: 13px;
				font-weight: normal;
				color: #5a5751;
				padding: 7px 15px 7px 15px;
				border: 1px solid #dddcd5;
				border-top: none;
				display: inline;
				margin-bottom: 15px;
			}
			#col_left {
				float: left;
				width: 120px;
				height: 24px;
				padding: 7px 15px 7px 15px;
				border-top: none;
				font-size: 13px;
				color: #5a5751;
				font-weight: normal;
				line-height: 22px;
				border-left: 1px solid #dddcd5;
				border-bottom: 1px solid #dddcd5;
				display: inline;
			}
			#col_right {
				float: left;
				width: 293px;
				height: 24px;
				padding: 7px 15px 7px 15px;
				border-right: 1px solid #dddcd5;
				border-bottom: 1px solid #dddcd5;
				display: inline;
			}



	
	/* Link Styles */
	
		a {
			color: #204481;
		}
		
	
		/* Menu Styles */

		
			/* Main Menu */
	
					#navigation a, #logo a {
						float: left;
						width: 192px;
						padding: 0px 0px 0px 27px;
						
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 13px;
						font-weight: bold;
						color: #FFFFFF;
						line-height: 22px;
						text-decoration: none;
						background: transparent;
					}
					#navigation a:hover, #logo a:hover, #navigation a.selected:hover, #logo a.selected:hover {
						background-image: url(/images/interface/menu_main_bg_on.gif);
						background-repeat: no-repeat;
					}
					#navigation a.selected, #logo a.selected {
						background-image: url(/images/interface/menu_main_bg_selected.gif);
						background-repeat: no-repeat;
					}
					
			
			/* Sub Menu */
			
					#navigation a.submenu, #logo a.submenu, #navigation a.sub_selected, #logo a.sub_selected {
						float: left;
						width: 182px;
						padding: 0px 0px 0px 37px;
						
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						font-weight: normal;
						color: #FFFFFF;
						line-height: 20px;
						text-decoration: none;
						background: transparent;
					}
					#navigation a.submenu:hover, #logo a.submenu:hover, #navigation a.sub_selected:hover, #logo a.sub_selected:hover {
						background-image: url(/images/interface/menu_sub_bg_on.gif);
						background-repeat: no-repeat;
					}
					#navigation a.sub_selected, #logo a.sub_selected {
						background-image: url(/images/interface/menu_sub_bg_selected.gif);
						background-repeat: no-repeat;
					}




	/* Stretcher - for old/temporary products setup */
	
		.display {
			float: left;
			width: 455px;
			height: 15px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #FFFFFF;
			padding: 5px 10px 5px 10px;
			background-color: #575757;
			margin-bottom: 1px;
			cursor: pointer;
		}
			.r1 {
				float: left;
				width: 355px;
			}
			.r2 {
				float: left;
				width: 75px;
			}
			.r3 {
				float: left;
				width: 25px;
			}
		.off_display {
			float: left;
			width: 455px;
			height: 15px;
			font-family: Verdana, Arial, Helvetica, sans-serif;

			font-size: 12px;
			font-weight: bold;
			color: #FFFFFF;
			padding: 5px 10px 5px 10px;
			background-color: #888888;
			margin-bottom: 1px;
		}
		.stretcher {
			float: left;
			width: 475px;
		}
			.stretcher_container {
				float: left;
				width: 455px;
				padding: 10px 10px 15px 10px;
			}
				.photo_container1 {
					float: left;
					height: 200px;
					margin: 0px 0px 20px 0px;
				}
				.photo_container2 {
					float: right;
					height: 200px;
					margin: 0px 0px 20px 0px;
				}
					.picture {
						float: left;
						border: 2px solid #dfdace;
					}
					.caption {
						float: left;
						clear: both;
						margin-top: 5px;
						font-family: Geneva, Arial, Helvetica, sans-serif;
						font-size: 13px;
						font-style: italic;
						color: #666666;
					}