/* Layout */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	min-height: 101%;
	text-align: center;
	color: #666;
	background-color: #fff;
}
#container {
	width: 960px;
	margin: 0 auto;
	border: 0;
	text-align: left;
}
#container_logo {
	width: 100%;
	float: left;
	clear: both;
}
#logo {
	width: 150px;
	float: left;
}
#logo_right {
	width: 810px;
	height: 75px;
	float: left;
	text-align: right;
	color: #999;
}
#strapline {
	width: 640px;
	height: 100px;
	float: left;
	margin: 0 0 0 170px;
	text-align: left;
	color: #00b268;
}
#container_header {
	width: 100%;
	float: left;
	clear: both;
}
#nav {
	width: 149px;
	float: left;
	min-height: 250px;
	border-right: 1px solid #fafafa;
	background-image: url(img/nav_bgd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#sub_nav {
	width: 150px;
	float: left;
	margin: 0 20px 0 0;
	min-height: 250px; 
	background-image: url(img/nav_bgd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* for Internet Explorer */
/*\*/
* html #nav, * html #sub_nav {
	height: 250px;
}
/**/
#header {
	width: 640px;
	float: left;
}
#container_content {
	width: 100%;
	float: left;
	clear: both;
}
#left {
	width: 320px;
	float: left;
	overflow: hidden;
	text-align: right;
}
#maincontent {
	width: 500px;
	float: left;
	overflow: hidden;
	text-align: left;
}
#right {
	width: 140px;
	float: left;
}
#container_footer {
	width: 100%;
	float: left;
	clear: both;
}
#footer {
	width: 100%;
	border-top: 4px solid #ccc;
	float: left;
	text-align: center;
	color: #999;
}
#container_footer p {
	margin: 0;
}
#interact_footer {
	display: none;
}
body#contactpage div #interact_footer {
	display: block;
 	clear: both;
	width: 100%;
	text-align: center;
}
.padding_logo, .padding_logo_right {
	padding: 20px 0;
}
.padding_strapline {
	padding: 58px 0 20px 0;
}
.padding_header {
	padding: 0;
}
.padding_nav, .padding_sub_nav {
	padding: 0;
}
.padding_left {
	padding: 6em 20px 2em 0;
}
.padding_maincontent {
	padding: 3em 20px 2em 0;
}
.padding_right {
	padding: 6em 0 2em 0;
}
.padding_footer {
	padding: 0 10px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
#flashprint {
	display: none;
}
/* Font sizes and margins */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%; /* 75% x 16px = 12px */
	line-height: 1.5em; /* 1.5 x 12px = 18px */
}
p {
	font-size: 1em; /* 1 x 12px = 12px */
	margin: 0.75em 0; /* total of 1.5 x 12px = 18px */
	line-height: 1.5em; /*1.5 x 12px = 18px */
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #00b268;
}
h1 {
	font-size: 1.5em; /* 1.5 x 12px = 18px */
	margin: 0 0 1em 0; /* total of 1 x 18px = 18px */
	line-height: 1em; /* 1 x 18px = 18px */
}
h2 {
	font-size: 1.25em; /* 1.25 x 12px = 15px */
	margin: 0.6em 0; /* total of 1.2 x 15px = 18px */
	line-height: 1.2em; /* 1.2 x 15px = 18px */
}
h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0.75em 0; /* total of 1.5 x 12px = 18px */
	line-height: 1.5em; /*1.5 x 12px = 18px */
	font-weight: bold;
}
#logo_right {
	font-size: 0.9em;
}
table {
	border-collapse: collapse;
	clear: left;
	font-size: 100%; /* to help out IE5 - otherwise it re-sizes text too aggressively */
}
th, td {
	text-align: left;
	vertical-align: top;
	padding: 0;
}
th {
	font-size: 1em; /* 1 x 12px = 12px */
	padding: 0.75em 5px; /* total 1.5 x 12px = 18px */
}
td {
	font-size: 1em; /* 1 x 12px = 12px */
	padding: 0.75em 5px; /* total 1.5 x 12px = 18px */
	line-height: 1.5em; /* 1.5 x 12 = 18px */ 
}
blockquote, ul, ol, dl, address {
	margin: 0.75em 20px; /* total of 1.5 x 12px = 18px */
}
dd { 
	margin-left: 2em;
}
ul {
	list-style-type: circle;
}
li {
	margin: 0.75em 0 0.75em 1.5em; /* total of 1.5 x 12px = 18px */
}
form, fieldset {
	margin: 0.75em 0; /* total of 1.5 x 12px = 18px */
}
fieldset { 
	padding: 5px;
}
label {
	margin: 0.375em 0; /* total of 0.75 x 12px = 9px */
}
p.quote {
	font-style: italic;
}
p.quote_ref {
	margin: 0.75em 20px; /* total of 1.5 x 12px = 18px */
	font-size: 0.9em;
}
p.testimonial {
	padding: 10px;
	color: #fff;
	background-color: #67c378;
	font-size: 0.9em;
}	
#container_footer p {
	font-size: 0.9em;
	font-weight: bold;
	color: #999;
	margin: 1.25em 0 4em 0;
}
#interact_footer p {
	font-size: 0.8em;
	font-weight: bold;
	color: #999;
	margin: 4em 0 0 0;
}
/* Images in right */
#right img {
	margin: 0 0 20px 0;
}
/* nav menu */
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav ul li {
	margin: 0;
	border-top: 1px solid #fff;
	padding: 0;
}
#nav ul li.first {
	border-top: 0;
}
#nav ul li a {
	display: block;
	width: auto;
	margin: 0;
	padding: 5px 10px;
	color: #666;
	font-size: 0.9em;
	text-decoration: none;
}
#nav ul li a:hover {
	color: #fff;
	background-color: #bbb;
	text-decoration: none;
}
/* Current page styling on nav */
body#homepage li#home a, body#aboutuspage li#aboutus a, body#servicespage li#services a, body#makeoverspage li#makeovers a, body#contactpage li#contact a, body#linkspage li#links a {
	color: #fff;
	background-color: #ddd;
	text-decoration: none;
}
/* insert rule to change sub_nav bgd to #ddd on sub_nav pages */
body#servicespage div#sub_nav, body#designpage div#sub_nav, body#constructionpage div#sub_nav, body#plantingpage div#sub_nav, body#gardenpage div#sub_nav, body#roofspage div#sub_nav {
	background-image: url(img/nav_current_bgd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* sub_nav menu */
#sub_nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sub_nav ul li {
	margin: 0;
	border-top: 1px solid #fff;
	padding: 0;
}
#sub_nav ul li.first {
	border-top: 0;
}
#sub_nav ul li a {
	display: block;
	width: auto;
	margin: 0;
	padding: 5px 10px;
	color: #666;
	font-size: 0.9em;
	text-decoration: none;
}
#sub_nav ul li a:hover {
	color: #fff;
	background-color: #aaa;
	text-decoration: none;
}
/* Current page styling on sub_nav */
body#designpage li#design a, body#constructionpage li#construction a, body#plantingpage li#planting a, body#gardenpage li#garden a, body#roofspage li#roofs a {
	color: #fff;
	background-color: #ccc;
	text-decoration: none;
}
a:link {
	color: #333;
	text-decoration: underline;
}
a:visited {
	color: #999;
	text-decoration: underline;
}
a:hover {
	color: #07afd4;
	text-decoration: none;
}