/* PLANSCAPES LAYOUT CSS */

html {
 	height: 100%;
	margin-bottom: 1px
}
body {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-family: Arial,Helvetica,Sans-serif;
	text-align: center
}

/*text tag properties*/
p, ul {
	font-size: 75%
}
h1, h2, h3 {
	font-weight: bold;
	letter-spacing: 0.2em
}
h1 {
	font-size: 120%;
}
h2 {
	font-size: 100%;
}
h3 {
	font-size: 80%;
}
a:link, a:visited, a:hover, a:active {  
	font-weight: bold;
	text-decoration: none
}
	.text {
		margin: 180px 20px 20px 20px;
	}
	.indent {
		padding: 0 20px 0 20px
	}
	.small {
		font-size: 65%
	}
	.colour {
		font-size: 70%;
	}
.clear {
	clear: both
}

/*container div properties*/
#mainDiv {
	width: 770px;
	line-height: 130%;
	text-align: left;
	margin: 20px auto 0;
	background-image: url(../images/layout/longTitle.gif);
	background-repeat: no-repeat
}
	#underfoot {
		width: 770px;
		padding-top: 8px;
		vertical-align: middle;
		text-align: center;
		margin: 0 auto;
	}
		#underfoot p {
			font-size: 70%
		}

/*main content div properties*/
	#main {
		width: 770px;
		background-image: url(../images/layout/grid.gif);
		background-repeat: repeat-y
	}
	#columnOne {
		float: left;
		width: 170px;
		position: relative
	}
		#navigation {
			position: absolute;
			top: 112px;
			left: 20px
		}
		#portfolioNav {
			position: absolute;
			top: 251px;
			left: 20px;
			width: 140px;
			padding-top: 31px
		}
	#columnTwo {
		float: left;
		width: 600px;
	}
		.picLeft {
			float: left;
			padding: 42px 20px 0 20px
		}
		.picRight {
			float: right;
			padding: 55px 20px 0 20px
		}
	#footer {
		width: 770px;
		padding: 5px 0 5px 0;
		text-align: center;
		letter-spacing: 0.15em
	}
		#footer p {
			font-size: 70%
		}
	#enquiryForm {
		width: 518px;
		font-size: 70%;
		border-style: solid;
		border-width: 1px;
		padding: 20px;
		margin: 20px
	}
		#enquiryForm p {
			font-size: inherit
		}
			.form {
				font-size: 100%
			}
			.form2 {
				font-size: 120%;
				font-weight: bold
			}
	.popbox {
		padding-top: 10px
	}
	.text img {
		border-width: 0
	}