/*
Theme Name: Anita Gray
Theme URI: http://www.anitagray.co.uk
Description: WordPress theme by Mockett Media
Version: 1.0
Author: Caroline Mockett
Tags: variable width, two columns, widgets

Anita Gray by Caroline Mockett || http://www.mockettmedia.com
*/

a {
	color: #8cc63f;
}

a img {
	border: 1px solid #8cc63f;
}

a:visited {
	color: #8cc63f;
}

a:hover {
	color: #767779;
}

acronym, abbr {
	border-bottom: 1px dashed #767779;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	background: url(images/quotes_left.gif) top left no-repeat;
	padding-left: 3.5em;
	margin-left: 0;
}
h1 { 
	color: #8cc63f;
	font-size:22px;
	}

h1.storytitle {
	clear: left;	
	}

h1 a:visited, h1 a:hover, h1 a:link {
	font-weight:bold;
text-decoration:none;
}
h2 {
	color:#8cc63f;	
	}
h2.storytitle {
	clear: left;
	
	}
h3 {
	color: #8cc63f;
	}
em, strong { 
	color: #8cc63f;
	}
strong.ongreen {
	color: #258b42;
	}
.border {
	border: 2px solid #767779;
	}
p.dateposted {
	margin-left: 10px;
	color: #767779;
	font-size: 0.7em;
	}

body {
	margin: 0;
	padding: 0 10px 10px 10px;
	color: #767779;
	background: url("images/bg.gif") repeat-y scroll center bottom #E4F0D2;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	}
#rap {
width:1000px; margin:0 auto; padding:0;

background-color:#FFFFFF;
	}
#content {
	/* background: #fff url(images/green-swirls.gif) top left repeat-y; */
	margin-bottom: 20px;

	}
/* ____________________________________________________________= header _____________*/

#header {
	background: #fff url(images/rainbow_stripe.jpg) bottom repeat-x;
	}
/* Gilder-levin replaces header with image */
#header #headerimg {
	width: 450px;
	height: 100px;
	position: relative;
	float:right;
	}
#header p {
	margin: 0;
	padding: 0;
	height: 0;
	}
#header #headerimg span {
	position: absolute;
	width: 100%;
	height: 100%;
	}
#header .logo span {
	background: url(images/header.gif) right top no-repeat;
	}
#header .description {

position:absolute;
width:500px;
	width:512px;
	height:100px;

	}
#header .description span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/slug.gif) no-repeat bottom left;
	}
	
/* ____________________________________________________________= mainnav _____________*/

#mainnav1

{
	width:1000px;
	float:left;
	margin:5px 0 15px;
}

#mainnav, #mainnav ul {
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0.5em 0;
	height: 25px;
	display: block;
	background-color:#767779;
	width:1000px;
}

#mainnav a {
	display: block;
	width: 13em;
	w\idth:11em;
	color: #fff;
	text-decoration: none;
	padding: 0.25em;
}

#mainnav li {
	float: left;
	padding: 0;
	width: 8em;
	background: #767779;
	border-right: 3px solid #fff;
}

#mainnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 18em;
	w\idth: 16em;
	font-weight: normal;
	border-right: none;
	margin: 0;
}

#mainnav li li a {
	padding-right: 0;
	width: 16em
}

#mainnav li ul a {
	width: 18em;
	w\idth: 16em;
}

#mainnav li ul ul {
	margin: -1.5em 0 0 11em;
}

#mainnav li:hover ul ul, 
#mainnav li:hover ul ul ul, 
#mainnav li.sfhover ul ul, 
#mainnav li.sfhover ul ul ul {
	left: -999em;
}

#mainnav li:hover ul, 
#mainnav li li:hover ul, 
#mainnav li li li:hover ul, 
#mainnav li.sfhover ul, 
#mainnav li li.sfhover ul, 
#mainnav li li li.sfhover ul {
	left: auto;
}
/* _______________________________________= content id/class matches list item with hover on nav elements __ */
#mainnav li#about:hover, 
#mainnav li#about.sfhover {
	color: #fff;
	background: #fa9d1a;
}
#mainnav li#benefits:hover, 
#mainnav li#benefits.sfhover {
	color: #fff;
	background: #b3d133;
}
#mainnav li#services:hover, 
#mainnav li#services.sfhover,
#mainnav li#colours:hover, 
#mainnav li#colours.sfhover,
#mainnav li#spring:hover, 
#mainnav li#spring.sfhover,
#mainnav li#summer:hover, 
#mainnav li#summer.sfhover,
#mainnav li#autumn:hover, 
#mainnav li#autumn.sfhover,
#mainnav li#winter:hover, 
#mainnav li#winter.sfhover {
	color: #fff;
	background: #258b42;
}
#mainnav li#testimonials:hover, 
#mainnav li#testimonials.sfhover {
	color: #fff;
	background: #0a83cc;
}
#mainnav li#archives:hover, 
#mainnav li#archives.sfhover {
	color: #fff;
	background: #752d91;
}
/* _______________________________________= content id/class matches list item with main nav elements __ */
.page_home {
	color: #767779;
	
	}	
	
#mainnav #about {
	color: #fff;

	}	
	
.page_benefits #mainnav #benefits {
	color: #fff;
	background: #b3d133;
	}	
.page_services #mainnav #services {
	color: #fff;
	background: #258b42;
	}
.page_testimonials #mainnav #testimonials {
	color: #fff;
	background: #0a83cc;
	}
.blog #mainnav #archives {
	color: #fff;
	background: #752d91;
	}
	
/* ____________________________________________________________= content etc _____________*/
#content {
	margin-bottom: 0;
	float:left;
	width:740px;
	}
#content img {
	border: 1px solid #8cc63f;
}
.storytitle, .storycontent {
	margin: 0 20px 10px 10px;
	}
.alignleft {
	float: left;
	margin: 5px 10px 10px 0;
	}
.alignright {
	float: right;
	margin: 5px 0 10px 10px;
	}
.feedback {
	clear: both;
	}
.clearleft {
	clear:left;
	}
.clearright {
	clear: right;
	}
.clearboth {
	clear: both;
	}
.wp-caption {
	margin-bottom: 0;
	}
p.wp-caption-text {
	font-size: 0.8em;
	color: #8cc63f ;
	font-weight: bold;
	text-align: center;
	}
div#attachment_42 {
	clear: left;
	}
br.clearleft {
	height: 0;
	}
/* ____________________________________________________________= sidebar etc _____________*/
#menu {
	width: 250px;
	float:right;
	margin-right:10px;
	vertical-align:top;
	top:0px;

	background: #8cc63f url(images/topcurves.gif) no-repeat top left;
	
	}
#menu ul {
	margin: 0;
	background: url(images/bottomcurves.gif) no-repeat bottom left;
	padding: 0 0 20px 0;
	list-style: none;
	}
#menu ul #searchform {

	}
li#search label,
li#search-2 label {
	color:  #258b42;
	margin: 5px 10px;
	}
#searchform #s {
	width: 125px;
	margin: 5px 10px;
	}
#searchform #submit {
	width: 75px;
	color: #fff;
	background: #258b42;
	border: 1px solid #258b42;
	font-weight: bold;
	}

/* ____________________________________= contact us widget style overrides _____________*/
#text-406745031,
#text-519673551 {
	color: #258b42;
	font-size: 100%;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 20px;
	}
div.wpcf7 {
	margin: 0;
	padding: 0;
	background: url(images/green-bg-swirls.gif) repeat-y top left;
	min-height: 450px;
}
.wpcf7-form {
	margin: 10px 10px 10px 0;
}
.wpcf7-form p {
	color: #258b42;
	font-size: 90%;
	font-weight: bold;
}
.wpcf7-form .wpcf7-form-control-wrap input {
}
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: none;
}

div.wpcf7-mail-sent-ng {
	border: none;
}

div.wpcf7-spam-blocked {
	border: none;
}

div.wpcf7-validation-errors {
	border: none;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: none;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #258b42;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}



/* ____________________________________________________________= footer _____________*/
.credit {
	margin-top: 0;
	background: #ffffff url(images/rainbow_stripe.jpg) repeat-x top left;
	padding-top: 20px;
	font-size: 0.75em;
	font-weight: bold;
	float:left;
	width:1000px;
	}

	.contact-main

	{
	background:none repeat scroll 0 0 white; 
	height:500px;
margin:-20px -30px -60px 0px;
}

.phone
{
background:url("images/phone.gif") no-repeat scroll left top transparent;
color:#FFFFFF;
font-size:20px;
height:40px;
padding:6px 0 0 50px;
}