/*
Theme Name: Howard Nowell Garden Design
Theme URI: http://www.nowellgardendesign.co.uk
Description: Theme produced for Howard Nowell Garden Design
Version: 1.0
Author: Webfooted Designs Ltd
Author URI: http://www.webfooteddesigns.co.uk
*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background: #69bc66;
		
		}
		
.clearLeft {
		clear: left;
		}
		
/*  --------- 2. structure  --------- */

#container {
		background: #fff url(images/backgroundtop.jpg) repeat-x;
		}

#innerContainer {
		background: url(images/backgroundbottom.jpg) repeat-x;
		background-position: left bottom;
		padding-top: 10px;
		}

#wrapper {
		width: 957px;
		margin: 10px auto 0 auto;
		background: #ffffff url(images/wrapperbacktop.jpg) no-repeat;
		border: 1px solid #b9b9b9;
		margin-bottom: 10px;
		}
		
#innerWrapper {
		width: 957px;
		background: url(images/wrapperbackbottom.jpg) no-repeat;
		background-position: left bottom;
		}		
		
#masthead {
		}
		
#logo {
		margin-top: -7px;
		margin-left: 10px;
		}
		
#sidebar {
		float: left;
		margin-right: 15px;
		}
		
#content {
		height: auto !important;
		height: 750px;
		min-height: 750px;
		margin-left: 275px;
		}
		
#mainPhoto {
		margin-top: 15px;
		margin-bottom: 15px;
		position: relative;
		}
		
#mainPhoto img {
		border: 1px solid #b7b7b7;
		}
		
#mainPhoto p {		
		position: absolute;
		bottom: 1px;
		right: 8px;
		background-color: #ffffff;
		padding: 3px;
		margin-right: 0;
		}
		
.quickLink {
		float: left;
		width: 211px;
		border: 1px solid #b7b7b7;
		margin-right: 18px;
		position: relative;
		}
		
.quickLink h2 {
		padding: 0 3px;
		}
		
.quickLink p {
		margin-top: 125px;
		font-size: 0.8em;
		color: #fff;
		padding: 3px;
		margin-right: 0;
		}
		
#hardlandscaping {
		background: #42724e url(images/hardlandscaping.jpg) no-repeat;
		}
		
#gardendesign {
		background: #42724e url(images/gardendesign.jpg) no-repeat;
		}

#softlandscaping {
		background: #42724e url(images/softlandscaping.jpg) no-repeat;
		}		
		
#softlandscaping {
		margin-right: 0;
		}

#footer {
		height: auto !important;
		height: 63px;
		min-height: 63px;
		width: 957px;
		margin: 0 auto 10px auto;
		text-align: right;	
		padding-right: 5px;
		}
		
#enquiryForm {
		border: 2px solid #398F14;
		padding: 10px;
		width: 640px;
		}


/* ---------- 3. links and navigation ---------- */

a {		
		color: #42724e;
		
		}
		
a:hover {
		text-decoration: none;
		}
		
#sidebar ul {
		list-style: none;
		}

#sidebar ul ul  {
		font-family: "Book Antiqua", Georgia, Times, "Times New Roman", serif;
		list-style: none;
		margin-top: 25px;
		margin-left: 15px;
		margin-right: 5px;
		font-size: 1.2em;
		font-weight: bold;
		}

#sidebar ul a {
		text-decoration: none;
		color: #42724e;
		background-color: #fff;
		display: block;
		border: 1px solid #b7b7b7;
		margin-bottom: 5px;
		padding: 5px 10px;
		}
		
#sidebar ul a:hover, #sidebar ul .current_page_item a {
		background: #f9e898 url(images/buttongradient.jpg) repeat-x;
		color: #000;
		}
		
#footer a {
		font-size: 0.9em;
		color: #000000;
		}
		
#footer p {
		padding: 0;
		}
		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		font-family: verdana, arial, helvetica, sans-serif;
		color: #2e2b2b;
		}
		
#container {
		font-size: 1.4em;
		}
		
#tagline {
		color: #42724e;
		font-size: 1.6em;
		font-family: "Book Antiqua", Georgia, Times, "Times New Roman", serif;
		font-weight: bold;
		margin-top: 15px;
		margin-bottom: 10px;
		letter-spacing: 0.3px;
		}
		
#content #tagline img {
		vertical-align: top;
		border: none;
		margin: 0;
		}
		
h1, h2, h3, h4 {
		font-family: "Book Antiqua", Georgia, Times, "Times New Roman", serif;
		color: #42724e;
		}

h1 {
		font-size: 1.4em;
		margin-top: 10px;
		}
		
h1#homeh1 {
		display: inline;
		}
		

h2 {
		font-size: 1.2em;
		}

h3 {
		font-size: 1.1em;
		}
		
h4 {
		}

p {
		padding: 10px 0;
		line-height: 1.5em;
		margin-right: 10px;
		}
		
#homepara {
		margin-right: 5px;
		}
		
p#firstpara {
		display: inline;
		}
		
p#firstpara span {
		color: #42724e;
		}

ul {
		
		}

#mainPhoto {
		font-size: 0.9em;
		font-weight: bold;
		}

#mainPhoto span {
		color: #42724e;
		}		
		
#content #mainPhoto img {
		margin-top: 0;
		}
		
/* ---------- 5. images ---------- */

#content img {
		border: 1px solid #b7b7b7;
		margin: 10px 0 0 0;
		}

a img {
		border: none;
		}
		
#slideshow-wrapper {		
		border: 1px solid #b7b7b7;
		}
		
#slideshow-wrapper img{
		margin-top: 0;
		}