/* CSS Document */

body {
	margin:0;
	padding:0;
	font:13px Arial, Helvetica, sans-serif;
	height:100%; 
	text-align: justify;
}



 a {
	color:#707070;
}	

 a:hover {
	color:#80B7A4;
	
}

#footer {
	width:750px; height:100px;
	position:relative; padding-bottom:30px;
}
#footer p {font:12px Arial, Helvetica, sans-serif; color:#707070; padding:10px 10px 10px 40px;}

#footer a {
	color:#707070;
}	

#footer a:hover {
	color:#80B7A4;
	
}

#logo { width: 745px; height:90px;}



p, ul, li, h1, h2, h3, h4 {margin:0; padding:0; text-align: justify;}

#navigation {
	width: 750px;
	height:22px; 
	position:relative;
}

b { font-size: 18px; line-height: 18px; font-weight: bold; }


#content { 
	width:750px; height:auto;
	padding-top:20px; padding-bottom:40px;
	
}

#nav {
	margin: 0; 
	padding: 0;
   list-style: none;
	display: inline;
}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 22px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	text-indent:-999px;
		}

#nav a:hover {
	background-position: 0 -22px;
	}

#mhome a  {
	width: 58px;
	background: url('../images/nav-home.gif') no-repeat;
}

#mcontact a  {
	width: 64px;
	background: url('../images/nav-contact.gif') no-repeat;
}
	
#mstandard a  {
	width: 87px;
	background: url('../images/nav-standard.gif') no-repeat;
}
	
#mpool a  {
	width: 123px;
	background: url('../images/nav-pool.gif') no-repeat;
}

#mlace a  {
	width: 122px;
	background: url('../images/nav-lace.gif') no-repeat;
}
	
#mglazed a  {
	width: 72px;
	background: url('../images/nav-glazed.gif') no-repeat;
}
	

#mgates a  {
	width: 59px;
	background: url('../images/nav-gates.gif') no-repeat;
}

#mfencing a  {
	width: 77px;
	background: url('../images/nav-fencing.gif') no-repeat;
}

#mhandrails a  {
	width: 88px;
	background: url('../images/nav-handdrails.gif') no-repeat;
}


#content_inside {
	width:670px; height:auto;
	margin-left:40px; 
	
}

#section {border-top:1px solid #8C979C; margin-bottom:20px;}


#section .head {
	background-color:#999999;
	width:70px;
	padding:4px 5px 5px 10px;
	color:#FFFFFF;
}

#section .heading {
	background-color:#9EDDC7;
	width:100px;
	padding:5px 5px 5px 10px;
	font-size: 15px;
	font-weight: bold;
	color:#113227;
}

#section .heading h1, #section .head h1
{
	font-size: 15px;
	font-weight: bold;
}
	
#section p {
	margin-top:10px;
	line-height:16px;
}

#content_inner {
	width:750px; height:272px;
	background-color:#80B7A4;
}

ul.list { ist-style-type: disc; margin: 20px 0 10px 30px; }
ul.list li {
	padding: 0 0 5px 0;
	font: normal 13px Arial;
	color: #000000;
}

div.gallery {
	width: 660px;
	height: auto;
	padding: 20px 0 20px 0;
}

div.gallery img {
	padding: 5px 10px 5px 0;
}

	
	
	