/* CSS Document */
html {
	overflow-y: scroll;  /* always show scroll so pages dont jump in FF */
}
body, h1, h2, h3, p, blockquote, #nav, #nav ul, #questions, form{
	margin:0;
	padding:0;
}
body{
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:101%;
	text-align:center;
	padding-top:1em;
}
#header p{
	padding:0.85em 0 1.4em 0;
}
h1{
	color:#332f3b;
	font-size:1.5em;
	padding-bottom:0.3em;
	font-family:"Adobe Caslon Pro",Garamond,"Times New Roman", Times, serif;
	font-weight:normal;
	letter-spacing:0.1px;
}
h2{
	color:#3b3b2f;
	font-size:0.9em;
	padding-top:0.8em;
	font-family:"Adobe Caslon Pro",Garamond,"Times New Roman", Times, serif;
	font-weight:normal;
	letter-spacing:0.1px;
	text-transform:uppercase;
}
p, li{
	color:#666;
	line-height:1.5;
	font-size:0.8em;
	padding-bottom:0.5em;
	font-family:"Times New Roman", Times, serif;
}
p{
	padding:0.3em 0 0.7em 0;
}
a:link{
	color:#2c8eda;
}
a:visited{
	color:#846eca;
	outline:none;
}
a:hover, a:active{
	text-decoration:none;
	outline:none;
}
a img{
	border:0;
}
.skippy{
	position:absolute;
	left:-999em;
}
fieldset{
	border:1px solid #DDD;
	margin:1em 0;
	padding:0.5em 1.2em 0.8em 1.2em;
}
fieldset p{
	line-height:1.2;
}
legend{
	color:#000;
	font-size:0.9em;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
}
label{
	display:block;
	padding: 0.6em 0 ;
	font-size:0.8em;
	color:#000;
	line-height:1.5;
	font-size:0.8em;
	padding-bottom:0.5em;
	font-family:"Times New Roman", Times, serif;
}
input, textarea{
	width:90%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
.button{
	width:auto;
	float:right;
}
#post-code input{
	width:6em;
}
#container{
	margin:0 auto;
	text-align:left;
	width:58.1em;
	padding:0 0.6em 0 0.6em;
	background:#FFF url(../img/topbar.gif) no-repeat top left;

}
#header{
	width:8em;
	padding:0 1.5em 3em 0.6em;
	float:left;
	background:#fff url(../img/shadow.gif) no-repeat top right;
}
#nav, #nav ul{
	list-style:none;
}
#nav li{
	width:152px;
	font-size:0.9em;
	padding:0;
	color:#5a5758;
	border-bottom:1px solid #E2E2E2;
}
#nav li li{
	padding:0.2em 0 0.2em 45px;
	font-size:0.8em;
	border:none;
	width:auto;
	font-weight:normal;
}
#nav a{
	text-decoration:none;
	color:inherit;
	background:transparent url(../img/bricks.gif) no-repeat left;
	display:block;
	line-height:35px;
	position:relative;
	padding:0.4em 0 0.4em 44px;
}
#nav #nav-portfolio>a{background-image:url(../img/tree.gif)}
#nav #nav-services>a{background-image:url(../img/drawing-equipment.gif);}
#nav #nav-testimonials a{background-image:url(../img/rose.gif);}
#nav #nav-contact a{background-image:url(../img/plants.gif);}
#nav a:hover{
	text-decoration:underline;
}
#nav li li a{
	background:none;
	line-height:normal;
	padding:0.2em 0;
}
/*'on' state in navigation*/
#page-home #nav-home, #page-portfolio1 #nav-portfolio, #page-portfolio2 #nav-portfolio, #page-portfolio3 #nav-portfolio, #page-portfolio4 #nav-portfolio, #page-portfolio5 #nav-portfolio, #page-services #nav-services, #page-landscaping #nav-services, #page-design #nav-services, #page-tidying #nav-services, #page-maintenance #nav-services, #page-testimonials #nav-testimonials, #page-contact #nav-contact{
	background:#FFF url(../img/bg_nav-on.gif) no-repeat top left;
	color:#334633;
	font-weight:bold;
}
#page-portfolio1 #portfolio1, #page-portfolio2 #portfolio2, #page-portfolio3 #portfolio3, #page-portfolio4 #portfolio4, #page-portfolio5 #portfolio5, #page-maintenance #nav-maintenance, #page-tidying #nav-tidying, #page-design #nav-design, #page-landscaping #nav-landscaping{
	font-weight:bold;	
}

#page-home #nav-home a:hover, #page-testimonials #nav-testimonials a:hover, #page-contact #nav-contact a:hover, #page-portfolio1 #portfolio1 a:hover, #page-portfolio2 #portfolio2 a:hover, #page-portfolio3 #portfolio3 a:hover, #page-portfolio4 #portfolio4 a:hover, #page-portfolio5 #portfolio5 a:hover, #page-maintenance #nav-maintenance a:hover, #page-tidying #nav-tidying a:hover, #page-design #nav-design a:hover, #page-landscaping #nav-landscaping a:hover{
	text-decoration:none;
	cursor:default;
}
#content{
	width:25em;
	padding:7.6em 1em 2em 4em;
	float:left;
}
#content ul{
	padding-left:2em;
	margin:0;
}
#content li li{
	font-size:1em;
	padding-bottom:0.2em;
}
#extra{
	width:14em;
	padding-top:10.6em;
	float:right;
	text-align:right;
}
#extra blockquote{
	text-align:left;
	padding-left:1em;
	margin-top:0.5em;
	position:relative;
	z-index:5;
}
blockquote p{
	font-style:italic;
	color:#424242;
	font-family:"Adobe Caslon Pro",Garamond,"Times New Roman",Times,serif;
	line-height:1.5em;
	font-size:1em;
}
#content blockquote{
	margin-top:1em;
}
cite{
	font-weight:normal;
}
blockquote:before,
blockquote:after {
	position: relative;
	color: #eee;
	display: block;
	font-size: 8em;
	font-style: italic;
	z-index: -1;
	width: 0;
	height: 0;
	font-family: "Times New Roman", Times, serif;
}

blockquote:before {
	content: "“";
	margin-left: -0.3em;
	line-height:0.6;
}
cite:before {
	content: "~";
	padding-right:0.2em;
	font-weight:bold;
}
#footer{
	border-top:1px solid #585941;
	padding:0.5em 0 1em 0;
	clear:both;
}
#footer p{
	font-size:0.7em;
	padding:0.2em 0;
}
#footer a{
	color:inherit;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#address{
	float:right;
}
#datadial{
	color:#bdbdbd;
}