/*
Theme Name: Digital Results WordPress House Style
Theme URI: http://www.digital-results.com/
Description: Digital Results house style designed to optimise SEO and give a clear 2 column layout for most standard websites.
Version: 1.0
Author: James Finlayson
Author URI: http://www.digital-results.com/
Tags: custom header, fixed width, two columns, widgets

	WebPebble v1.0
	http://www.digital-results.com/

	This theme was designed and built by James Finlayson,
	whose website you will find at http://www.digital-results.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

  
body {
	margin:0;
	padding:0;
	font-family:Arial, verdana, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em;
	text-align:center;
	background: #fff url(/images/the-maze.jpg) no-repeat top left;	
}
body * {
	text-align:left;
}
div#container { 
	width:100%;
	margin:0 auto;
	margin-top:-20px; 
	 background:url(/images/background-real.jpg) bottom center repeat-x;
 }
body#contact div#container {  

	 background:none;
 }
/*#b8e9f5 */
#wrapper {
	position:relative;
	display:block;
	width:945px;
	border:solid 1px #85d5eb; 
	margin:0 auto;
	margin-top:-15px;
	padding:15px;
	background:#fff;
}
a:link, a:active, a:visited {
	color:#009900;
	text-decoration:none;
}
a:hover {
	color:#009900;
	text-decoration:underline;
}

ul.home-bullets {margin:0; padding:0;}
ul.home-bullets li {display: inline-block; padding:10px; background-color:#f0f0f0; margin: 10px 20px 10px 0;}

/* Headings */

h1 {
	position:relative;
	/* overflow:hidden; PROBLEM WITH IE */
	text-transform:capitalize;
	z-index:6;
	/* height must be set to the IMG height */
	/* line-height must be set to the IMG height */
	/* font-size can be specified for accessibility */ 
	width:354px;
	height:98px;  
	padding:20px 0 30px 0;
}
h1 span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	z-index:7;
	text-indent:-9999px;
}
h1 img {
	margin-left:19px;
	margin-top:27px;
}

div#topHd { 
	width:980px;
	margin:0 auto; 
}
h2 {
	position:relative;
	display:inline-block;
	margin:7px 0 0px 0;
	padding:0 0 10px 0;
	width:auto;
	height:auto;
	text-indent:-9999px;
	font-size:1.7em;
	line-height:33px;
	font-weight:normal;
	font-family:aurulentsans, times;
	color:#009900;
	text-indent:-9999px;
	letter-spacing:1px;
	top:-33px;
}
h2.shortHeader {
	color:black;
	top:0;
}
span.topLine {
	position:relative;
	display:inline;
	padding-right:20px;
	color:black;
}
h2 span.topLine {
	background:url(/images/leaf.gif) top right no-repeat;
}
img {
	border:0 !important;
}
h3 {
	font-size:1.25em;
	line-height:28px;
	color:#666666;
	font-weight:normal;
	margin-bottom:15px;
	margin-top:0;
	letter-spacing:1px;
}
h3 a {
	
	color:#666666 !important;
	text-decoration:none !important;
}
h3.bigTopMargin {
	margin-top:40px;
}
#rightColumn h3 { margin-top:80px;display:inline-block }
#our-work h3 {
	padding-bottom:40px;
	float:left;
	display:inline;
}
h3 span.bottomLine {
	font-size:0.75em;
	color:#009900;
}
h3#welcomeHeader {
	margin-top:200px
}

body#default h3#welcomeHeader {
	 
	display:block;
	margin-top:300px; 
}
h3.h3MarginFix {
	margin-top:-33px;
}
/* Text */

p {
	margin:0 0 15px 0;
	padding-top:0;
	font-size:0.85em;
	line-height:24px;
}

p.background-highlight {background-color:#F0F0F0; padding: 5px 0px 5px 10px; margin-top: 30px;}

#leftColumn p {
	width:567px;
}
p.printTxt {
	position:absolute;
	top:0;
	font-size:33px;
	line-height:33px;
	margin-top:-100px;
	margin-bottom:20px;
	font-size:33px;
	line-height:33px;
	text-indent:-9999px;
}
p.printTxt span {
	display:none;
	color:#00a652
}
.divider {
	position:relative;
	display:block;
	/*border-top:solid 1px #cce0cc;*/
	padding-top:30px;
	/*margin-top:30px;*/
}

a {
	color:#216b89
}
#leftColumn ul {
	font-size:0.85em;
}
/* Main Content */

#leftColumn {
	float:left;
	width:566px;
	padding-right:32px;
	background: url(/images/border1.gif) top center no-repeat;
	margin-right:21px;
} 

.high#leftColumn {
	background: url(/images/border1.gif) center -210px no-repeat;
	
}
#about-filmscapes #leftColumn,
#contact #leftColumn {
	background: url(/images/border1.gif) center -170px no-repeat;
} 
div.gardens #leftColumn {
	background: url(/images/border1.gif) center -210px no-repeat;
} 

#what-we-do #leftColumn {
	background: url(/images/border1.gif) center -210px no-repeat;
} 
#default #leftColumn {
	background: url(/images/border1.gif) center 100px no-repeat !important;
} 
#about-filmscapes p.firstPara {
	padding-top:5px;
}
#rightColumn {
	position:relative;
	float:left;
	width:315px;
	margin-top:304px;
}
body#default #rightColumn { 
	margin-top:404px;
}
#about-filmscapes #rightColumn,
.high #rightColumn {
	margin-top:0 !important;	
}

#contact #rightColumn {
	margin-top:0 !important;
}
#gardens-film-tv-sets #rightColumn {
	margin-left:50px !important;
	margin-right:-50px !important;
	margin-top:130px !important;
}
#what-we-do #rightColumn {
	margin: 0px 0 0 0px;

} 

#garden-design #rightColumn {
	margin-top: 0 !important;

} 

#rightColumn img {
	padding:3px;
	border:solid 1px #bdd0d5;
	background:white;
}
 
div.gardens #rightColumn {
	margin-top:75px;
		
}  
div.gardens #rightColumn ul  { 
	padding-left:0; 
		
} 
img.bordered {
	position:relative;
	display:block;
	padding:3px;
	border:solid 1px #bdd0d5 !important;
	background:white;
}
img.borderedMgn {
	margin-right:61px;
	padding:3px;
	border:solid 1px #bdd0d5;
	background:white;
}
img.borderedMgn2 {
	margin-right:14px;
	padding:3px;
	border:solid 1px #bdd0d5;
	background:white;
}
ul.imageList {
	padding:0;
}
#our-work ul.imageList {



}
#our-work ul.imageList.none {
	padding-top:0;
}
ul.imageList li {
	float:left;
	list-style:none; 
	width:284px;
	margin:0 0 17px 0;
	padding:0;
	margin-right:45px;
}

.ngg-gallery-thumbnail-box img{ 
	list-style:none;   
	 padding:0 !important;
}

#adams-garden ul.imageList li,
#allan ul.imageList li,
#emeline ul.imageList li,
#hampton-court-flower-show-2005 ul.imageList li,
#hampton-court-flower-show-2006 ul.imageList li,
#julia ul.imageList li,
#lee ul.imageList li,
#liz ul.imageList li,
#lucy ul.imageList li,
#marissa ul.imageList li,
#mira ul.imageList li,
#princes-way ul.imageList li,
#roof-gardens ul.imageList li,
.ngg-gallery-thumbnail-box {
	 border:solid 1px #999;
	float:left;
	margin:0 0 17px 0;
	margin-right:45px;
	margin-right:13px; 
	 
}

ul.imageList a:link, 
ul.imageList a:active, 
ul.imageList a:visited,
ul.imageList a:hover {
	color:#000;
}
ul.imageList li img {
	position:relative;
	display:block;
	padding:3px;
	border:solid 1px #bdd0d5 !important;
	background:white;
}
ul.imageList li.endList {
	margin-right:-40px;
	margin-left:0;
}

#our-work ul.imageList li.endList { 
	margin-left:1px;
}
#what-we-do h2 { 
	width:580px;
	border:0;
}
.borderedLink {
	position:relative;
	display:block;
	padding-top:8px;
	border:solid 1px #bdd0d5;
	background:#bdd0d5 url(/images/blue-bg2.gif) no-repeat top center;
	color:black;
	text-decoration:none;
	font-size:0.8em;
	width:284px;
	margin-top:15px;
	height:27px;
}
#our-work .borderedLink {
	background-image:none;
	background:white;
	margin-top:-7px;
	border-top:0;
	z-index:10;
}
#rightColumn .borderedLink {
	background:#bdd0d5 url(/images/blue-bg.gif) no-repeat top center;
	width:248px;
	margin: 10px 0 37px 0;
}
.borderedLink span {
	position:relative;
	display:block;
	padding-left: 18px;
	background: url(/images/arrow-black.gif) no-repeat 10px center;
}
/* Inner Content: Contact Headings and Links */

p#getInTouch1 {
	position:absolute;
	top:15px;
	right:15px;
	height:52px;
	margin-left:500px;
	background:#e0f3e0;
	border:solid 1px #9cd39c;
	padding:17px;
	width:322px;
	letter-spacing:1px;
}

#our-work p#getInTouch1 {
	width:167px;
}

p#getInTouch1.center {
	text-align:center;
}
p#getInTouch1 .marginFix {
	margin-top:-10px;
}
p#getInTouch1 a {
	font-size:1.5em;
	text-decoration:none !important;
}
p#getInTouch3 a {
	font-size:1.5em;
	line-height:11px !important;
	text-decoration:none !important;
}
span#getInTouch2 a {
	display:block;
	font-size:0.85em;
	letter-spacing:0;
	margin-top:15px;
}
p#getInTouch1.center span#getInTouch2 a {

	text-align:center;	
} 
p#getInTouch3 {
	position:relative;
	height:46px;
	float:right;
	background:#e0f3e0;
	border:solid 1px #9cd39c;
	padding:17px;
	width:250px;
	letter-spacing:1px;
}
p#getInTouch1 a:link, p#getInTouch1 a:active, p#getInTouch1 a:visited, p#getInTouch3 a:link, p#getInTouch3 a:active, p#getInTouch3 a:visited {
	color:#009900;
	text-decoration:none;
}
p#getInTouch1 a:hover {
	color:#009900;
	text-decoration:underline;
}
span#getInTouch2 a:link, span#getInTouch2 a:active, span#getInTouch2 a:visited, span#getInTouch2 a:hover {
	color:black;
}
#homeContactLink {
	position:absolute;
	display:block;
	top:343px;
	right:15px;
	background:url(/images/get-in-touch.gif) no-repeat;
	width:354px;
	height:48px;
	text-indent:-9999px;
}

/* Contact form */

form {
	margin:0;
	padding:0 0 35px 0;
	border-bottom:solid 1px #cce0cc;
}

#rightColumn form { padding-bottom: 20px; }
#default form {
	border-bottom:0;	
}
#contact form {
	border:0;
}
input, textarea {
	width:300px;
	border:solid 1px #ade4f3;
	padding:6px;
	height:16px;
	color:#216b89;
	margin-bottom:18px;
}
.wpcf7-radio input {
	padding:0 !important;
	margin:0;
	position:relative;
	display:block;
	float: left;
	width:20px !important;
	height:20px;
	background:url(/images/checkbox.gif) no-repeat;
	border:0;
}
.wpcf7-list-item-label { 
	margin:0;
	position:relative;
	display:block; 
	padding: 0 15px 0 5px;
	float: left;
}
input.submitStyle {
	border:0;
	width:76px;
	height:30px;
	background:url(/images/submit.gif) no-repeat;
	text-indent:-9999px;
	margin:12px 0 0 0;
	padding:0;
}
div#rightColumn input.submitStyle {
	margin-top:20px; 
}
textarea {
	height:78px;
}
label {
	position:relative;
	display:inline-block;
	font-size:15px;
	padding-bottom:5px;
} 
small {display:none;}
div.smallFormInputLeft {
	position:relative;
	display:block;
	width:155px;
	float:left; 
	margin-top:-10px;
	margin-right:5px;
}
div.smallFormInputLeft *,
div.smallFormInputRight * {
	float:left
}
div.smallFormInputRight {
	position:relative;
	margin-top:-10px;
	display:block;
	width:155px;
	float:left;
}
div.smallFormInputLeft input, div.smallFormInputRight input {
	width:141px; 
} 
#our-work p#getInTouch1 {
	background-image:url(/images/phone.gif);
	background-repeat: no-repeat;
	padding-left:100px;
} 
/* Content */

.halfWidth {
	float:left;
}
.halfWidth p {
	width:265px !important;
}
.floatRightofImg {
	float:left;
	width:335px;
}
.floatRightofImg p { 
	width:335px !important;
}
/* Navigation */

#navigation {
	position:absolute;
	display:block;
	clear:both;
	top:-87px;
	margin-left:418px; 
	width:620px;
	margin-right:-50px !important;
	height:77px;
	z-index:1000;
}
#navigation li {
	display:inline;
	list-style:none;
	margin-right:31px;
	height:36px !important; 
	z-index:1000;
}
#navigation li.end { 
	margin-right:0; 
}
#navigation li a {
	width:inherit;
	display: inline-block;
	color:black !important;
	padding-bottom:10px;
	height:26px;
	font-size:1.2em;
	text-decoration:none;
}
#navigation li#homeHouse {
	background:url(/images/house.gif) top left no-repeat !important;
	width:24px; 
}
#navigation li a:hover {
	border-bottom:solid 2px black;
}
#default #navigation li#homeHouse a {
	border-bottom:solid 2px black
}
#gardens-film-tv-sets #navigation li#what-we-do a {
	border-bottom:solid 2px black
}
#our-work #navigation li#ourWork a, #case-study #navigation li#ourWork a {
	border-bottom:solid 2px black
}
#about-filmscapes #navigation li#aboutFilmscapes a {
	border-bottom:solid 2px black
}
#contact #navigation li#contact a {
	border-bottom:solid 2px black
}
#navigation li#homeHouse {
	background:url(/images/house.gif) top left no-repeat;
	width:25px;
	height:25px;
	display:block;
	float:left;
	margin-right:15px;
}
#navigation li#homeHouse a {
	font-size:1px;
	display:block;
	color:white;
}
#navigation li, #navigation li a {
	background:none !important;
}
/* Sub Navigation */
#subNavigation {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	margin-top:35px;
	margin-left:-40px;
}
#subNavigation li {
	margin:0;
	width:288px;
	border:solid 1px #ade4f3;
	padding:12px;
	font-size:1.2em;
	color:#216b89;
	margin-bottom:12px;
	list-style:none;
	background:url(/images/arrow.gif) 290px center no-repeat;
}
#subNavigation li a {
	color:black;
	text-decoration:none;
}
#subNavigation li span {
	position:relative;
	display:block;
	color:#009900;
	font-size:0.6em;
}
 
#footer {
	padding-top:8px;
	background:url(/images/grass.jpg) repeat-x top center;
	position:relative;
	display:block; 
	margin: 0 auto;
}
body#contact #footer { 
	background:url(/images/grass2.jpg) repeat-x top center; 
}
#footer #footerContentContainer {
	margin: 0 auto;
	width:1040px;
	background:url(/images/png-bg.png) no-repeat bottom center;
}
#footer #footerContent {
	margin: 0 auto;
	background:#08232a;
	width:945px;
	padding:15px;
}
/* Footer Links */

div.footerLinks {
	float:left;
	width:295px;
}
div.footerLinks h4 {
	color:white;
	font-size:19px;
	margin:0 0 12px 0;
	font-weight:normal;
	letter-spacing:1px;
}
div.footerLinks ul {
	margin:0;
	padding:0;
}
div.footerLinks li {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	font-size:0.75em;color:#a9e3f2;
	padding-left:10px;
	background:#08232a url(/images/arrow-dark.gif) no-repeat 0 6px;
}
div.footerLinks li a:link, div.footerLinks li a:active, div.footerLinks li a:visited {
	color:#a9e3f2;
	text-decoration:none;
}
div.footerLinks li a:hover {
	color:#a9e3f2;
	text-decoration:underline;
}
div.footerLinks li.unBulleted,
div.footerLinks li.unBulleted a {
	list-style:none;
	color:#72adbc;
}
/* miscellaneous */

img {
	border:0;
}
img#welcomeImage {
	position:absolute;
	top:118px;
	left:15px;
}
.bigLineHeight {
	line-height:2em; 
}
img.aerial {
	margin-left:-2px;
}
/* Floats */

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.fullClear {
	clear:both;
}
.clear {
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
}
.clearNoHeightFix {
	clear:both;
}
.float {
	float:left;
}
/* Contact page */
 
#contact form {
	width:370px;
}

a.piclenselink {
	display:none;	
}
img.alignnone {
	margin-right:15px;	 
}

.unBulleted,
.unBulleted a {background:none !important}
.doubleMgn {margin-top:20px !important;}

#footerContent address { color: #638e98; font-size: 10px; text-align: right; }