/* CSS Document */

/**
	{
	border: 1px solid green;
	}*/


body {background:#ffffff url(../images/fade2.jpg) repeat-x top left; font: 13px arial, sans-serif;}
	
div.main {width:768px;	margin:0 auto;}
	
div.top {	
	position:relative;	width:768px;		height:194px;		
	background: #fff url(../images/home-top.jpg) no-repeat top left;		
		}	
div.mpctop {	
	position:relative;	width:768px;		height:194px;		
	background: url(../images/mpc-header.jpg) no-repeat top left;		
		}		
.about_copy {
	position:absolute;
	top:2px;
	left:40px;
	padding:10px;
	width:262px;
	background: url(../images/trans_bg.png);
	border:2px #000 solid;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	-khtml-border-top-left-radius: 10px;
}
.mpc_copy {
	color:#000;
	position:absolute;
	top:18px;
	left:431px;
	padding:10px;
	width:275px;
	background: url(../images/trans_bg.png);
	border:2px #000 solid;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	-khtml-border-top-left-radius: 10px;
}
.mpc_copy p {margin:0;}
		
.page_header {width:768px; position:relative;
		margin:0 auto; 
		background:url(../images/page-header.jpg) no-repeat top left;
		height:60px;}		
.page_title {width:768px; height:80px; background:url(../images/page-title.jpg) no-repeat;}	
.page_title  h1{
	font-size:32px; margin:0;
	color:#738f8a;
	margin-left:33px;
	margin-top:2px;
	display:inline;
	float:left;
	width:240px;
	
	 }
	 .page_footer {
		width:768px; position:relative; height:128px;
		margin:0 auto; 
		background:url(../images/page-footer.jpg) no-repeat top left;
		}	
.topmenu{width:768px; position:relative;
		margin:0 auto; 
		background: #d1e3c9 url(../siteimages/topmenublank.jpg) no-repeat top left;
		height:62px;
		}	
.mainmenu ul {list-style:none; margin:0; padding:0; margin-left:18px;}
.mainmenu li {float:left;margin-left:1px;}
.mainmenu li a {width:70px; height:37px; text-align:center; padding:5px; background:url(../images/top-menu-sprite.png) 0px 0px no-repeat; display:block;
				text-decoration:none; color:#f9be6f;}
.mainmenu li a:hover {background:url(../images/top-menu-sprite.png) 0px -48px no-repeat; color:#000; }

#topmenulinks {position:absolute;top:10px;width:725px;	height:52px; margin-left:20px; margin-right:20px; margin-top:0px;background:#d1e3c9; padding-left:4px;}
#topmenulinks a{margin-left:0px; margin-right:0px; 
				width:6.5em;
				text-decoration:none;
				text-align:center;
				color:#f9be6f;
				float:left;
				padding-top:10px;
				height:40px;
				border-left:1px #d4ead5 solid;
				border-right:1px #d4ead5 solid;*/
				font-weight:bold;
				Font-size:12px;
				display:block;
				background:#76918c;	
			}	
			
.aright {text-align:right;}
.aleft {text-align:right;}
.acenter {text-align:center;}
.paving_styles {background:#afc7b9; width:695px; margin-left:35px; height:180px; position:relative; margin-bottom:10px;}
.paving_styles ul {margin:0; padding:0; list-style:none;}
.paving_styles li {float:left; width:160px; text-align:center; margin-left:8px; margin-right:5px; font-weight:bold;}
			
#topmenulinks a:hover{background:#9bc0b9; color:#FFFFFF;}


div.menu {width:768px;
			height:76px;
			background: #fff url(../images/h2.jpg) no-repeat top left;}
			
div.center {position:relative; width:768px;
			height:717px;
			/*background: #fff url(../images/h3.jpg) no-repeat top left;*/
			background: #fff url(../images/home-centre.jpg) no-repeat top left;}
.mpc_center {position:relative; width:768px;		height:238px;	background: url(../images/mpc-centre.jpg) no-repeat top left;}			
			
div.footer {position:relative;
			width:768px;
			height:128px;
			/*background: #fff url(../images/h4.jpg) no-repeat top left;*/
			background: #fff url(../images/home-footer.jpg) no-repeat top left;}
.mpc_footer {position:relative;			width:768px;			height:128px;		background:url(../images/mpc-footer.jpg) no-repeat top left;}			
.address {
	position:absolute;
	bottom:27px;
	left:18px;
	text-align:center;
	width:730px;
	line-height:21px;
}			
			
			
			
div.m1 {width:768px;
			height:146px;
			background: #fff url(../images/m1.jpg) no-repeat top left;}
			
div.m2 {width:768px;
			height:94px;
			background: #fff url(../images/m2.jpg) no-repeat top left;}

div.m3 {width:768px;
			height:879px;
			background: #fff url(../images/m3.jpg) no-repeat top left;}
			
div.f1 {width:768px;
		height:154px;
			background: #fff url(../images/f1.jpg) no-repeat top left;}

div.f2 {width:768px;
		height:105px;
			background: #fff url(../images/f2.jpg) no-repeat top left;}

div.f3 {width:768px;
		height:323px;
			background: #fff url(../images/f3.jpg) no-repeat top left;}
			
div.dreamstext {width:429px;
				height:328px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#FFFFFF;
				padding-left:300px;
				padding-top:510px;
				}						
						
div.mpcmen {width:720px;
				height:76px;
				position:relative;
				top:-40px;}
				
#innermen {width:720px;
				height:76px;
				padding-left:24px;
				}
				
#innermen1 {
			width:72px;
			height:33px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			display:inline;
			text-align:center;
			float:left;
			margin-top:20px;
			margin-left:4px;
			padding-top:15px;
			}
			
#innermen2 {
			width:72px;
			height:33px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			display:inline;
			text-align:center;
			float:left;
			margin-top:20px;
			margin-left:6px;
			padding-top:15px;
			font-size:1%;
			}				
		
#innermen3 {
			width:72px;
			height:33px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			display:inline;
			text-align:center;
			float:left;
			margin-top:20px;
			margin-left:8px;
			padding-top:15px;
			}
			
#innermen4 {
			width:72px;
			height:33px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			display:inline;
			text-align:center;
			float:left;
			margin-top:20px;
			margin-left:10px;
			padding-top:15px;
			}
			
#innermen5 {
			width:72px;
			height:33px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			display:inline;
			text-align:center;
			float:left;
			margin-top:20px;
			margin-left:10px;
			padding-top:15px;
			}		
			
#innermen6 {
			width:72px;
			height:33px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			display:inline;
			text-align:center;
			float:left;
			margin-top:20px;
			margin-left:10px;
			padding-top:15px;
			}
			
#innermen7 {
			width:72px;
			height:33px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			display:inline;
			text-align:center;
			float:left;
			margin-top:20px;
			margin-left:10px;
			padding-top:15px;
			}
			
#innermen8 {
			width:72px;
			height:33px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			display:inline;
			text-align:center;
			float:left;
			margin-top:20px;
			margin-left:8px;
			padding-top:15px;
			}
			
#innermen9 {
			width:72px;
			height:33px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			display:inline;
			text-align:center;
			float:left;
			margin-top:20px;
			margin-left:6px;
			padding-top:15px;
			}
			
.menroll a, .menroll a:visited { font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#f9be6f;
			text-decoration:none;
			}
							
.menroll a:hover { font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#FF0000;
			text-decoration:none;}
			
			
.menroll2 a, .menroll2 a:visited { font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#479c44;
			text-decoration:none;
			}
							
.menroll2 a:hover { font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#FF0000;
			text-decoration:none;}	
			
.menroll3 a, .menroll3 a:visited { font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#fefd9f;
			text-decoration:none;
			}
							
.menroll3 a:hover { font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#FF0000;
			text-decoration:none;}	
.mpc_top{width:768px;
				height:195px;
				background: #fff url(../siteimages/mpc_01.jpg) no-repeat top left;}	
.mpc_mid{width:768px;
				height:159px;
				background: #fff url(../siteimages/mpc_02.jpg) no-repeat top left;}		
.mpc_mid2{width:768px;
				height:89px;
				background: #fff url(../siteimages/mpc_03.jpg) no-repeat top left;}	
.mpc_foot{width:768px;
				height:63px;
				background: #fff url(../siteimages/mpc_04.jpg) no-repeat top left;}																	
						
		
div.innerheader {width:768px;
				height:109px;
				background: #fff url(../images/innerheader.jpg) no-repeat top left;}

div.innerheader1 {width:768px;
				height:109px;
				background: #fff url(../siteimages/marchpatio_h1.jpg) no-repeat top left;}				
				
div.innerheader2 {width:768px;
				height:109px;
				background: #fff url(../images/innerheader2.jpg) no-repeat top left;}
				
div.innercenter {width:768px;
			height:850px;
			background: #fff url(../siteimages/innermain.jpg) no-repeat top left;
			}
			
div.innercenter2 {width:768px;
			
			background: url(../images/page-tile.png) repeat-y top left;
			}
			
div.innercenter3 {width:768px;
			height:1100px;
			background: #fff url(../siteimages/innermain.jpg) no-repeat top left;
			}
			
div.innercenter4 {width:768px;
			height:1050px;
			background: #fff url(../siteimages/innermain.jpg) no-repeat top left;
			}
			
div.innercenter5 {width:768px;
			height:1900px;
			background: #fff url(../siteimages/innermain.jpg) no-repeat top left;
			}
			
div.innercenter6 {width:768px;
			height:820px;
			background: #fff url(../siteimages/innermain.jpg) no-repeat top left;
			}										
			
div.innerfooter {width:768px;
			height:60px;
			background: #fff url(../siteimages/innerfooter.jpg) no-repeat top left;
			padding: 60px 0px 0px 30px;
			}
			
div.innerfooter2 {width:768px;
			height:60px;
			background: #fff url(../siteimages/innerfooter2.jpg) no-repeat top left;
			padding: 60px 0px 0px 30px;
			}

div.innerfooter div, div.innerfooter2 div {
	width: 77px;
	height: 30px;
	float: left;
	text-align: center;
	background-color: #DCECD5;
	margin-right: 2px;}

div.innerfooter a, div.innerfooter a:visited, div.innerfooter2 a, div.innerfooter2 a:visited {
	font: bold 11px arial, sans-serif;
	text-decoration: none; height:30px;
	display:block;
	color: #8FA8A2;}

div.innerfooter a:hover, div.innerfooter2 a:hover {
	color: #546863; background:#9bc0b9;}

div.pagetitle {width:239px;
				height:33px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:34px;
				font-weight:bold;
				color:#738f8a;
				margin-left:60px;
				margin-top:20px;
				display:inline;
				float:left;}
			
div.phonenumber {width:274px;
				height:19px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight:bold;
				color:#3e981d;
				margin-left:180px;
				margin-top:57px;
				float:left;
				text-align: right;}
				
div.aboutusinner {width:430px;
				  height:667px;
				  margin-left:170px;
				  padding-top:20px;
				  }
				  
div.coloursinner {width:430px;
				  height:667px;
				  margin-left:110px;
				  padding-top:20px;
				  display:inline;
					float:left;}
				  
div.coloursleft {width:194px;
				height:229px;
				display:inline;
				float:left;
				margin-left:70px;
				margin-top:383px;
				margin-right:35px;
				background: #fff url(../images/rotun.jpg) no-repeat top left;}				  
				  
div.whitetitle {width:118px;
				height:32px;
				text-align:right;
				margin-left:150px;
				padding-top:25px;
				display:inline;
				float:left;
				}
				
div.producttext {width:420px;
				 display:inline;
				 float:left;
				 margin-left:20px;
				 padding-top:23px;
				 }
				 
div.products {width:600px;
				clear:left;
				margin-left:60px;
				padding-top:30px;
				font-family:Arial, Helvetica, sans-serif;
				
				color:#718d89;}
p.darktext {color:#718d89; font-size:14px;}		
.greenbdr {border:5px #aec2b9 solid; }
				
div.products2 {width:500px;
				clear:left;
				margin-left:60px;
				margin-top:30px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				color:#718d89;}

div.products3 {width:660px;
				clear:left;
				margin-left:50px;
				margin-top:30px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				color:#718d89;}
				
div.productsimage {width:600px;
				clear:left;
				margin-left:33px;
				margin-top:30px;}
				
div.block {width:700px;
			height:128px;
			margin-left:40px;
			background: #fff url(../images/block.jpg) no-repeat top left;}
			
div.blockinner {width:650px;
				padding-top:15px;
				padding-left:20px;
				}
				
div.des {width:700px;
		height:171px;
		margin-bottom:15px;
		margin-left:35px;}
		
div.table {font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				color:#718d89;}
				
div.rottitle {width:182px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight:bold;
				color:#ffffff;
				text-align:right;}
				
div.gravelscontent {margin-left:70px;}

div.portfolio {margin-left:65px;
				}

div.pricecontent {font-family:Arial, Helvetica, sans-serif;
					margin-left:30px;}
					
div.slabs {width:131px;
			height:233px;
			background: #fff url(../images/slabs.jpg) no-repeat top left;
			padding-left:23px;
			padding-top:15px;}	
			
div.hours {width:482px;
			height:129px;
			background: #fff url(../images/slabs2.jpg) no-repeat top left;
			margin-left:200px;
			padding-top:12px;
			padding-left:10px;}
			
div.terms {width:482px;
			margin-left:200px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;}
			
.green {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#459c2b;
	font-weight:bold;}

div.greentext {
	position:absolute;
	top:-17px;
	right:44px;
	width: 201px;
}
				
.link a, .link a:visited {font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#49a529;
	font-weight:bold;
	text-decoration:none;}
							
.link a:hover {font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;}
				

p {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;}
			
h1 {font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;}
	
h2 {font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#459c2b;}
			
.clear {
	clear: both;
}
.copyright{float:left;}
.webcambs{float:right;}
#pagefooter{padding:0px 20px 30px 20px;}			

