/* CSS Document */

body,td,th {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
}
body {
	background-color: #2e2e2e;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a{text-decoration: none;}


p{line-height: 18px;}
#header_container{width: 100%; height: 140px; background-image:url(../images/headerbg.jpg); border-top: 3px solid #bf0415; border-bottom: 1px solid #bf0415;}
	#header_content{width: 966px; height: 140px; margin: 0px auto; position: relative;}
		#header_content img{position: absolute; top: 45px; left: 30px;}
		#address_details{position: absolute; right: 0px; color: #2e2e2e; text-align:center; top: 9px;}
		
	
		
#nav_container{width: 100%; height: 38px; background-color: #2e2e2e; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
#nav_content{width: 966px; margin: 0px auto;}
	#nav_content ul.main{padding: 0px; margin: 0px;}
	#nav_content ul.main li.main{ list-style:none; line-height: 38px; float: left; padding-right: 0px; position: relative;}
	#nav_content ul.main li.main a{color: #fff; font-size: 15px; display:block; margin-right: 25px;}
	#nav_content ul.main li.main a:hover{color: #c50f20; font-size: 15px;}
	
	#nav_content ul.main li.main:hover ul{left: -70px;}
	
	#nav_content ul.main li.main ul{padding: 0px; margin: 0px; position: absolute; width: 220px; z-index: 999; left: -999em; background-color: #272727; border-left: 2px solid #464646;  border-bottom: 2px solid #464646;  border-right: 2px solid #464646;}
	#nav_content ul.main li.main ul li{width: 220px; line-height: 30px; list-style:none;}
		#nav_content ul.main li.main ul li:hover{background-color:#000000}
		#nav_content ul.main li.main ul li a{padding-left: 10px; font-size: 13px; display: block;}
		#nav_content ul.main li.main ul li a:hover{color: #c50f20; font-size: 13px;}


		#nav_content ul.main li.main ul li.line{border-bottom: 1px dashed #464646;}
	
	/*
	
		
	
	
	#nav_container ul.main li.main ul {position: absolute; top: -10000px; left: -70px; background-color:#000000; width: 200px; z-index: 999; padding: 10px; margin: 0px; }
	#nav_container ul.main li.main ul li {line-height: 20px; list-style:none; border-bottom: 1px dashed #fff; margin-bottom: 5px; padding-bottom: 5px; }
	
	#nav_container ul.main li.main:hover ul {display: inline; top: 24px;}*/
	
	
	.products { padding:0 0 30px 26px}
	  .products .prod { width:260px; padding:5px; height:184px; background-image:url(../images/shad.jpg); padding:4px; background-repeat:no-repeat; background-position:bottom; font-weight:bold; text-align:center; float:left; margin:0 53px 10px 0}
	  .products .prod.last {margin:0 0px 10px 0}
	  .products img { width:250px; height:174px; border:solid 5px #fff}
	  
	  .products-wtitles { padding:0 0 30px 26px}
	  .products-wtitles .prod { width:260px; height:184px; background-image:url(../images/shad.jpg); padding:4px; background-repeat:no-repeat; background-position:bottom; font-weight:bold; text-align:center; float:left; margin:0 53px 40px 0; font-size:11px}
	  .products-wtitles .prod.last {margin:0 0px 40px 0}
	  .products-wtitles img { width:250px; height:174px; margin-bottom:6px; border:solid 5px #fff}
	
	
	 #home-products { padding:10px 20px}
	  #home-products img { width:100px; border:0}
	  #home-products a { display:block; width:100px; height:125px; text-align:center; margin:10px 10px 0 0; color:#fff; float:left}
	  #home-products a:hover { color:#333}
	  .clr { clear:both; height:0px}




#main_image_container{height: 100%; height: 302px; background-color: #fff;}
	#image_content{width: 966px; height: 302px; margin: 0px auto; position: relative; overflow:hidden;}
		#image_content ul {padding: 0px; margin: 0px; position: absolute; width: 966px; height: 302px; overflow:hidden; z-index: 1;}
			#image_content ul li {float: left; width: 966px; height: 302px; list-style:none; background-image: url(../images/headerimages.jpg); }
				.one{background-position: 0px 0px;}
				.two{background-position: 0px -302px;}
				.three{background-position: 0px -604px;}
				.four{background-position: 0px -1208px;}
				.five{background-position: 0px -1510px;}
				.six{background-position: 0px -1812px;}
	
		#text_container{position: absolute; right: 0px; top: 0px; z-index:2; background-image: url(../images/textbg.png);  width:320px; height: 302px; }
			#text_container h2{color: #2e2e2e; font-size: 15px;  border-bottom: 1px dashed #2e2e2e; padding: 0px 0px 5px 0px; margin: 10px 10px 0px 10px;}
			#text_container p{color: #2e2e2e; margin: 10px;}
			#text_container a{position: absolute; bottom: 0px; float: right; text-align: right; width: 310px; line-height: 30px; background-image: url(../images/dark.png); color: #fff; padding-right: 10px;}
				#text_container a:hover{color: #c50f20;}
				
				
		
		
		#details_container{margin: 30px 0px 0px 0px; width: 300px; float: left;}
			iframe{border: 1px solid #9e1420}
		#form_container{float: left; margin-top: 30px; width: 636px; margin-left: 30px;}
			.input{width: 100%; font-family: verdana; border: 1px solid #9e1420; font-size: 12px;}
			
		
		
		.stone_container{position: relative; clear: both; width: 944px; background-color: #9e1420; padding: 10px; border: 1px solid #c63340;}
			.stone_container img{position: absolute;}
				.yorkshire{right: 10px; bottom: -30px;}
				.grit{left: 0px; bottom: -30px;}
			.stone_container p.leftalign{float: left; width: 600px; }
			.stone_container p.rightalign{float: right; width: 600px;}
			
		
		.portfolio_container{position: relative; clear: both; width: 944px; background-color: #9e1420; padding: 10px; border: 1px solid #c63340;}
			.portfolio_container img{position: absolute;}
				.folio_one{right: 10px; bottom: -20px;}
				.folio_two{}
			.portfolio_container p.leftalign{float: left; width: 600px; }
			.portfolio_container p.rightalign{float: right; width: 600px;}
			
				.spacing{margin-top: 50px;}
				
		
		.product_container{width: 450px; height: 200px;  padding: 10px; background-color: #9e1420; border: 1px solid #c63340; position: relative;}
			.product_container p{width: 280px;}
			.product_container img{position: absolute; right: -10px; bottom: -13px;}
			
			.prod_left{float: left; clear: left;}
			.prod_right{float: right; clear: right;}
			
			.product_spacer{width: 964px; height: 60px; clear: both;}
			
				.product_button{position: absolute; width: 116px; height: 33px; background-image:url(../images/morebut.png); left: 10px; bottom: -10px; text-align: center; line-height: 30px;}
					.product_button a {color: #fff; display: block;}
					.product_button a:hover {color: #c10619;}
					
				.product_table{margin-bottom: 20px;}



#main_content_container{width: 100%; background-image:url(../images/maincontent.jpg); border-top: 2px solid #fff;}
	#main_content{width: 966px; margin: 0px auto; padding: 30px 0px;}
		
		#main_content ul li{line-height: 18px;}
		
		.small_container{ float: left; padding-left: 10px; padding-right: 10px;}
			.small_container img{}
		#one{width: 602px; height: 430px; border-right: 1px solid #940210;}
		#two{width: 300px; height: 430px; border-left: 1px solid #e2061b; border-right: 1px solid #940210;}
		#three{width: 301px; height: 370px; border-left: 1px solid #e2061b;}
	#main_content h2{font-size: 15px; margin: 0px; padding: 0px 0px 5px 0px; border-bottom: 1px dashed #fff;}


#request_form{ margin-top: 14px;}
	#request_form tr td{padding-bottom: 10px;}
	
.inputstyle{width: 100%; font-family: verdana; font-size: 12px;}


#footer_container{width: 100%; height: 60px; border-top: 1px solid #d10c20;}
	#footer{width: 966px; height: 60px; margin: 0px auto;}
		#footer a{color:#fff;}
		#footer a:hover{color: #c50f20;}
		#footer p {float: left; line-height: 60px; padding: 0px; margin: 0px;}
		#footer ul {float: right; padding: 0px; margin: 0px;}
			#footer ul li { display:inline; line-height: 60px; margin-left: 20px}
			

.button{width: 113px; height: 34px; line-height: 34px; text-align:center; float: right; margin-top: 20px; background-image: url(../images/button.jpg);}
	.button a{display: block; color: #fff;}
	.button a:hover{color: #c10619;}


#theory li{ line-height: 18px; margin-bottom: 10px;}


span.red{color: #c10619;}


.left{margin-right: 20px; margin-bottom: 10px;}
.right{margin-left: 20px; margin-bottom: 10px;}

.spacer{width: 0px; height: 0px; margin :0px; padding: 0px; clear: both;}