/*

Client: Second Nature Landscapes
Client URL: http://secondnaturelandscaping.com/
Description: Stylesheet for Second Nature Landscapes
Version: 1.0
Author: Robert Games
Agency: Pad Media
Agency URL: http://www.padmedia.co.uk/
Date: 30/07/2009

Notes: --

*/

/* Contents

	1.0 Reset CSS
	2.0	Global Formatting
	3.0	Common Formatting
	4.0	Links
	5.0	Fonts
	6.0	Global Classes
	7.0	Wrapper
	8.0	Logo
	9.0	Layout
	10	Navigation
	11	Forms
	12	Tables

*/

/* 1.0	Reset CSS */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

* {
padding:0;
margin:0;
}


/* 2.0	Global Formatting */

html, body {
	border:0;
	margin:0 0 0 0;
	padding:0;
}

body {
	font-size:62.5%; /* 62.5% relative font size resets to 10px */
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #d4d5d5;
	background-repeat:no-repeat;
}

/* Background classes */

.home-background { background-image: url(../images/home-background.jpg);}
.about-background {background-image: url(../images/about-background.jpg);}
.services-background {background-image: url(../images/service-background.jpg);}
.portfolio-background {background-image: url(../images/portfolio-background.jpg);}
.contact-background {background-image: url(../images/contact-background.jpg);}
.initial-consultation-background {background-image: url(../images/initial-background.jpg);}
.design-background {background-image: url(../images/design-background.jpg);}
.construction-background {background-image: url(../images/construction-background.jpg);}
.planting-background {background-image: url(../images/planting-background.jpg);}

html {
}

/* 3.0	Common Formatting */

p {
	font-size:1.1em;
	line-height:1.4em;
	margin-bottom:15px;
}

h1 {
	font-size:1.8em;
	color:#7a2331;
	margin-bottom:20px;
}

#left-col h2 {
	font-size:1.2em;
	color:#7a2331;
	font-weight:bold;
	padding:5px 0 5px 0;
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

ul {
}

li {
}

blockquote {
}

img {
}

strong {
}

em {
}

u {
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/* 4.0	Links */

a {
}

a:hover {
}

a:visited {
}

a:focus {
}

/* 5.0	Fonts */

/* 6.0	Global Classes */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	display:block;
}

.hide {
	display:none;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.text-left {
	text-align:left;
}

.text-right {
	text-align:right;
}

.text-center {
	text-align:center;
}

.text-justify {
	text-align:justify;
}

.nopadding {
	padding:0;
}

.noindent {
	margin-left:0;
	padding-left:0;
}

.nobullet {
	list-style:none;
	list-style-image:none;
}

/* Image styles  */

.imageleft {float:left; padding:0 10px 10px 0;}
.imageright {float:right;padding:0 0 10px 10px;}
.noalign {float: none; display:block; clear:both;}

/* 7.0	Wrapper */

div#wrapper {
	width:900px;
	margin:30px auto;
}

/* 8.0	Logo */

#logo img {
	display:block;
	float:left;
}

/* 9.0	Layout */
#header {
	/*background:#FFFFFF;*/
	height:200px;
	margin-bottom:20px;
}

#main-img {
	float:right;
	width:;
	height:200px;
}

#main-content {
	background:#FFFFFF;
	padding:37px 50px 0 87px;
}

#left-col {
	float:left;
	width:500px;
}

#right-col {
	float:right;
	width:200px;
}

#footer {
	font-size:1em;
	padding:40px 0 20px 0;
}

#footer a {
	color:#333333;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}


/* 10.0	Navigation */
#nav {
	height:43px;
	margin:0 0 -3px 80px;
	position:relative;
}

#nav li {
	float:left;
	background:url(../images/nav_bg.png) top right no-repeat;
	display:inline;
	margin-right:2px;
	width:auto;
	position:relative;
}

#nav li:hover, #nav li.over, #nav li.selected {
	background:url(../images/nav_bg.png) bottom right no-repeat;
}

#nav li a {
	font-size:1.4em;
	color:#FFFFFF;
	text-decoration:none;
	padding:14px 67px 15px 7px;
	display:block;
}

/* Second Level Nav */
#nav li ul {
	display:none;
	background:url(../images/sub_nav_bg.png) bottom right no-repeat #363e45;;
	position:absolute;
	border-top:2px #b8c5c8 solid;
	padding:0 0 10px 0;
	top:43px;
	left:0;
	z-index:5;
}

#nav li:hover ul, #nav li.over ul  {
	display:block;
}

#nav li ul li {
	float:none;
	background:none;
}

#nav li ul li a {
	padding:9px; /*0 9px 0 9px*/
	font-size:1.2em;
	display:block;
	width:193px;
	height: auto;
}

#nav li ul li a:hover {
	color:#ffff99;
}

/* 11.0	Forms */

fieldset {
}

legend {
}

label {
}

input {
}

textarea {
}

/* 12.0	Tables */

table {
}

tbody {
}

tr {
}

th {
}

td {
}

/* Right column elements */
#recent-project, #tip-of-the-month {
	background:#363e45 url(../images/right-col-bg.gif) no-repeat bottom right;
}

#right-col h2 {
	color:#cccc7a;
	font-size:1.4em;
	margin:10px 0 0 10px;
}

#right-col h2 a {
	color:#cccc7a;
	text-decoration:none;
}

#right-col p {
	color:#FFFFFF;
	padding:0 0 10px 10px;
}

#tip-of-the-month blockquote {
	background:#ebebe9;
	padding:10px;
	font-size:1.1em;
	line-height:1.2em;
}

#newsletter-signup {
	background:#7a858d url(../images/newsletter_bg.gif) no-repeat bottom right;
	padding:1px 0 10px 0px; /* Forces Firefox to accept H2 margin-top */
}

#newsletter-signup a {
	color:#cccc7a;
	text-decoration:none;
}

#newsletter-signup a:hover {
	text-decoration:underline;
}

#newsletter-signup input {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:1.1em;
	padding:3px;
	margin:5px 0 5px 10px;
	border: none;
	width:160px;
}

button {
	font-family:Arial, Helvetica, sans-serif;
	background:#444c53;
	color:#FFFFFF;
	font-size:1.1em;
	border:none;
	padding:3px;
	display:block;
	margin:0 0 0 10px;
}

#newsletter-signup p {
	margin-bottom:0px;
	padding-bottom:0px;
}

/* Portfolio section */


/* Individual portfolio page */


#main-gal-img {
	width:260px;
	float:left;
	height:155px;
	position:relative;
}

#gallery {
	margin: 0 0 5px 0;
}

#gallery ul {
	float:right;
	width:240px;

}

#gallery li {
	width:75px;
	height:75px;
	margin:0 0 5px 5px;
	float:left;
	display: inline; /* Hack for IE6 double margin bug */
}

#gallery li img {
	display:block;
}

.enlarge {
	background:url(../images/enlarge.png) no-repeat;
	position:absolute;
	top:-10px;
	left:-10px;
	width:29px;
	height:30px;
	display:block;
	text-indent:-99999px;
	outline:none;
}

/* Portfolio index page */

.case_study {
	height:78px;
	margin-bottom:10px;
}

.case_study img {
	float:left;
}

.content {
	background:#363e45 url(../images/right-col-bg.gif) no-repeat bottom right;
	height:78px;
	overflow:hidden;
	float:right;
	width:368px;
	position:relative;
}

.content h2 {
	position:relative;
	top:42px;
	left:10px;
	margin:0!important;
	padding:0!important;
}

.content h2 a {
	color:#cccc7a!important;
	text-decoration:none;
}

.content h2 a:hover, .content h2 a:focus {
	text-decoration:underline;
}

.content p {
	color:#FFFFFF;
	position:relative;
	top:45px;
	left:10px;
}

.readmore {
	position:absolute;
	right:10px;
	bottom:8px;
	background:url(../images/readmore.gif) no-repeat;
	height:23px;
	width:23px;
	text-indent:-9999999px; /* Hides accessible text */
}

/* Contact us page */

#contact_form {
}

#contact_form ul {
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
}

#contact_form li {
	margin:0 0 6px 0;
	padding:0;
	list-style:none;
}

#contact_form label {
	width:100px;
	display: block;
	float:left;
	font-size:1.1em;
}

#contact_form input,
#contact_form textarea {
	font-size:1.1em;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	border:1px solid #CCCCCC;
	width:200px;
}

#contact_form li.captcha label {
	width: 200px;
	float:none;
	margin-left: 100px;
}

#contact_form li.captcha img {
	margin: 6px 0 6px 100px;
	display: block;
}

#contact_form li.captcha input {
	margin-left: 100px;
}

/* Error trapping */
label.error {
	color:#FF0000;
	text-align:left;
	width:300px!important;
	clear:both;
	margin-left:100px;
	font-style:italic;
	float:none!important;
}

input.error,
textarea.error {
	border:#FF0000 1px solid!important;
}