/*!
	Site:		Eco Estates
	Author:		CreativeLynx http://creativelynx.co.uk/
	Version:	2010-05-07

/** RESET & HELPERS
----------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
button, input, textarea, select { font-size: 100%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
ul li { list-style-type:none; }
img { border: 0; vertical-align: bottom; }
fieldset,
form { border: 0 solid #000000; }
table { border: 0; border-collapse: collapse; border-spacing: 0; font-size: 100%; }
caption,
td, th { font-size: 100%; font-weight: normal; text-align: left; }
.clear { clear: both; display: block; height: 0; overflow: hidden; width: 0; visibility: hidden; }
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.s-h { display: block; height: 0; float: left; overflow: hidden; width: 0; }
.s-h-o { left: -9999em; position: absolute; top: -9999em; }
.s-h-n { display: none; }
.s-i-i { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; }
.s-ir { background-repeat: no-repeat; display: block; overflow: hidden; position: relative; }
.s-ir .s-ir-i { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 1010; }
a .s-ir,
a .s-ir .s-ir-i { cursor: pointer; }
.s-break { display: block; }
.left { float: left; width: auto; }
.right { float: right; width: auto; }
img.right { margin-left:25px; }
html { height: 100%; margin-bottom: 1px; }
/* **/

/** GRID
------------------------------------------------------------------------------------------
Width: 965px
Columns: 2
----------------------------------------------------------------------------------------*/
.col-span-1 {  float:left; display:inline; width:122px; padding:0 0 0 12px; background-color:white; color:#3c4e5c; }
.col-span-2 { float: left; display:inline; width: 550px; margin-right:87px; position:relative; }

.inner-col-1 { clear:both; margin-right:6px; }
.inner-col-2, .inner-col-1 { float:left; width:257px; margin-top:20px;  background:#394a58 url(../images/global/inner-col-1-bg.gif) no-repeat bottom left; }
.contact-info { padding:5px 12px 5px 12px; }
.contact-info p, .contact-info p a, .inner-col-2 h3, .inner-col-1 h3 { color:#f2f3f4; }
.map-large { float:left; color:#f2f3f4; background:#394a58 url(../images/map-large-bg.jpg) no-repeat bottom left; }
.map-large-details { padding:10px; float:left; width:496px; }
.col-span-2 .map-large-details a { color:#f2f3f4; }
a.map-pdf:link, a.map-pdf:visited  { display:block; text-indent:-9999px; background:#394a58 url(../images/download-pdf.jpg) no-repeat; height:16px; width:91px; float:right; font-size:0.8333em; }

.close { float:right; }

.home-photos { float:left; margin-top:20px; }
.home-photos img { float:left; margin-bottom:10px; margin-right:7px; }
.home-photos img.no-margin {margin-right:0px;}


.col-span-1 h2.twitter { border-top:2px solid #1fbeca; border-bottom:2px solid #1fbeca; color:#394a58; font-size:1.1666em; font-weight:bold; margin:0; padding:6px 0px 6px 40px; background:url(../images/global/twitter-icon.jpg) left center no-repeat; }
.col-span-1 h2 { border-top:2px solid #1fbeca; border-bottom:2px solid #1fbeca; color:#394a58; font-size:1.1666em; font-weight:bold; margin:0; padding:6px 0 6px 0; clear:both; }
.col-span-1 ul { margin:0; padding:0; width:122px; }
.col-span-1 ul li { margin:7px 0 0 0; padding:0; border-bottom:1px solid #1fbeca; background:none; }
.col-span-1 ul li.last { border-bottom:none; margin-bottom:15px; }
.col-span-1 ul li span.date { font-size:1.0000em; font-weight:bold; }
.col-span-1 ul li h3 { font-size:1.0000em; font-weight:bold; }
.col-span-1 ul li p { font-size:0.8333em; }
/* **/

/** TYPOGRAPHY
------------------------------------------------------------------------------------------
font-size = new font-size / parent font-size = rounded to 4 decimal places
h1: 22px (22/12) = 1.8333em
h2: 18px (18/12) = 1.5000em
h3: 16px (16/12) = 1.3333em
h4: 14px (14/12) = 1.1667em
h5: 13px (13/12) = 1.0833em
h6: 12px (12/12) = 1.0000em
p.intro: 12px (14/12) = 1.1667em
----------------------------------------------------------------------------------------*/
body { background: #FFFFFF; color: #FFFFFF; font: 62.5%/1.3 Arial, "Helvetica Neue", Helvetica, sans-serif; margin:0 0 20px 0; padding:0; }
#Wrapper { font-size: 1.2000em; }

a:link,
a:visited { background: transparent; color: #363f49; text-decoration: none; }
a:focus,
a:hover,
a:active { background: transparent; color: #363f49; text-decoration: underline; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 100%; font-weight: normal; margin-bottom: 0.3em; line-height:normal; }

h1 { color:#425968; font-size: 1.8333em; font-weight: bold; margin:0; }
h2 { font-size: 1.5000em; }

h3 { font-size: 1.3333em; }
h4 { font-size: 1.1667em; }
h5 { font-size: 1.0833em; }
h6 { font-size: 1.0000em; }
p { margin-bottom: 10px; }
p.intro { font-weight:bold; line-height:1.2; margin-bottom:20px; }
ol { margin-left:30px }
ol,
ul { margin-bottom: 15px; position:relative; }
ol li,
ol li { list-style: decimal; }
ul li { margin-bottom: 5px; }
ul li { background: transparent url(../images/global/bullet-level-1.gif) no-repeat 0 0.4em; padding-left: 10px; }
ul li li { background: transparent url(../images/global/bullet-level-2.gif) no-repeat 0 0.4em; margin-left: 10px; }
ul li li li { background: transparent url(../images/global/bullet-level-3.gif) no-repeat 0 0.4em; }
ul ul,
ol ol { margin-top: 5px; }
table { margin-bottom: 20px; margin-top: 10px; }
table thead td { border-bottom: 2px solid #666666; color: #A71930; padding: 10px 8px; }
table tbody td { border-bottom: 1px solid #CCCCCC; padding: 6px 8px; vertical-align: top; }
table tbody tr:hover td { background-color: transparent; color: #A71930; }
.s-highlight { background-color: transparent; color: #FEF38C; }
blockquote { border-left: 2px solid #999999; margin: 10px 30px; padding-left: 1em; }
sup { height: 0; line-height: 1; font-size:60%; position: relative; top: -0.5em; vertical-align: baseline !important; vertical-align: bottom; }
/* **/

/** STRUCTURE
----------------------------------------------------------------------------------------*/
#Wrapper { margin: 0 auto; width: 965px; position:relative; }
.fact-overlay { width:230px; height:234px; position:absolute; top: 92%; right:-35px; z-index:10; }
.fact-overlay .fact { width:150px; height:150px; background-color:#3c4e5c; color:#FFFFFF; margin-top:45px; margin-left:43px; position:relative; z-index:5; }
.fact-overlay .fact h3 { font-weight:bold; }


/*Wrapper with individual colour & image - depends on body class*/
body.home #Wrapper { background: #355e92  url(../images/home-repeating-bg.jpg) repeat-y; }
body.home #InnerWrapper  { background: url(../images/home-background.jpg) no-repeat top left; min-height:715px; height:auto !important; height:715px; position:relative; padding-bottom:50px; }
body.home .fact-overlay { top: 70%; right:-20px; z-index:10; }


body.results #Wrapper { background: #355e92  url(../images/home-repeating-bg.jpg) repeat-y; }
body.results #InnerWrapper  { background: url(../images/home-background.jpg) no-repeat top left; min-height:715px; height:auto !important; height:715px; position:relative; padding-bottom:50px; }

body.sectors #Wrapper { background: #355e92  url(../images/sector-repeating-bg.jpg) repeat-y; }
body.sectors #InnerWrapper  { background: url(../images/sector-background.jpg) no-repeat top left; min-height:715px; height:auto !important; height:715px; position:relative; padding-bottom:50px; }

body.sustainable #Wrapper { background: #355e92  url(../images/sustainable-repeating-bg.jpg) repeat-y; }
body.sustainable #InnerWrapper  { background: url(../images/sustainable-background.jpg) no-repeat top left; min-height:715px; height:auto !important; height:715px; position:relative; padding-bottom:50px; }

body.about #Wrapper { background: #355e92  url(../images/about-repeating-bg.jpg) repeat-y; }
body.about #InnerWrapper  { background: url(../images/about-background.jpg) no-repeat top left; min-height:715px; height:auto !important; height:715px; position:relative; padding-bottom:50px; }

body.contact #Wrapper {  background: #355e92  url(../images/contact-repeating-bg.jpg) repeat-y; }
body.contact #InnerWrapper { background: url(../images/contact-background.jpg) no-repeat top left; min-height:715px; height:auto !important; height:715px; position:relative; padding-bottom:50px; }
p.contact { border-top:2px solid #1FBECA; padding-top:10px;}
ul.keyline { border-top:1px solid #1FBECA; padding-top:10px; width:520px; }

body.news #Wrapper {  background: #355e92  url(../images/news-repeating-bg.jpg) repeat-y; }
body.news #InnerWrapper { background: url(../images/news-background.jpg) no-repeat top left; min-height:715px; height:auto !important; height:715px; position:relative; padding-bottom:50px; }

body.news .fact-overlay { width:230px; height:234px; position:absolute; top:90%; right:-90px; z-index:10; }
body.results .fact-overlay { width:230px; height:234px; position:absolute; top:-20px; right:-90px; z-index:10; }

body.sustainable .fact-overlay, body.about .fact-overlay, body.sectors .fact-overlay { width:230px; height:234px; position:absolute; top:95%; right:-150px; z-index:10; }

#branding { float:left; width:186px; height:155px;}
#branding p a img { margin-top:17px; margin-left:8px;}


#NavPrimary ul {list-style-type:none; float: left; width:550px; font-size:1.0833em; border-bottom:2px solid #FFFFFF;border-top:2px solid #FFFFFF;margin-top:50px; padding:10px 0 10px 0; }
#NavPrimary ul li { background:none; display: inline; float: left; padding:0; margin:0; border-left:1px solid #fff;}
#NavPrimary ul li.home { background: url(../images/global/home-icon.png) no-repeat left center; border-left:none; padding-left:17px; margin-left:0;}
/*#NavPrimary ul li.last { }*/

#NavPrimary ul li a { background: transparent; color:#FFFFFF; text-decoration:none; font-weight:bold; margin-left:5px; margin-right:5px; padding:1px;}

#NavPrimary ul li a:hover, #NavPrimary ul li a.active { background: #FFFFFF; color: #414b56; }


#Content { clear: both; margin-left:186px; float:left; display:inline; width:779px; }


#Footer { clear:both; float:left; min-height:23px; height:auto !important;  height:23px; font-size:0.9166em; background:transparent url(../images/page-footer.png) no-repeat bottom left; padding-left:15px; }
#Footer ul { margin:0; list-style-type:none; position:relative; float: left; width:260px; }
#Footer ul li { background:none; display:inline; padding:0; margin:0; background:none; line-height:23px; }
#Footer ul li a { padding:0 3px 0 3px; }
#Footer a, #Footer a:link, #Footer a:visited  { color:#FFFFFF; text-decoration:none; }
#Footer a:focus,
#Footer a:hover,
#Footer a:active { text-decoration:underline; }

#Footer ul li.text-size  { position:relative; }

#Footer ul li a.small-text { font-size:100%; }

#Footer ul li.text-size a { border:medium none; margin:0; padding:0 0 0 2px; }

#Footer ul li a.medium-text { font-size:125%; }

#Footer ul li a.large-text { font-size:150%; }

#WrapperMask { clear:both; width:965px; height:29px; background: transparent url(../images/wrapper-mask.png) no-repeat; position:absolute; bottom:0px; left:0px;  }
/* **/

/** SEARCH
----------------------------------------------------------------------------------------*/
.search { display:inline;float:right;font-size:100%;height:1%;margin:0;padding:0;width:122px; margin-bottom:10px; line-height:23px; }

.search input.search-input { background-color:transparent; background-image:url("../images/global/search-text.gif"); background-repeat:no-repeat;border: none;display:inline;float:left;font-size:1.2em;margin:0;padding:2px 5px 5px 5px;width:91px; height:23px; color:#3C4E5C; font-size:1em; }

.search input.search-submit {display:inline;float:left;margin:0;padding:0;}
/* **/


/** MODULES
----------------------------------------------------------------------------------------*/
.m-h:after,
.m-b:after,
.m-f:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

p.pagination { margin-bottom:0px; }
.m-content { background: transparent url("../images/global/content-col-2.png") no-repeat left top; padding-top:10px; color:#414b56; width:550px; position:relative; }
.m-content .m-b { background-color:#FFFFFF; padding:5px 15px 1px 15px; margin:0; width:520px; min-height:490px; height:auto !important; height:490px; }
.m-content .m-f { background: transparent url("../images/global/content-col-2.png") no-repeat right top; width:550px; height:10px; }

.clear { clear:both; }


/* News Aggregator
--------------------------------------------------------------------------------------------*/
.m-news-aggregator { background: transparent url("../images/global/content-col-2.png") no-repeat left top; padding-top:10px; color:#414b56; width:550px; }
.m-news-aggregator .m-b { background: #FFFFFF; padding:5px 15px 0px 15px; margin:0; width:520px; }
.m-news-aggregator .m-f { background: transparent url("../images/global/content-col-2.png") no-repeat right top; width:550px; height:10px; }
.m-news-aggregator ul { margin-bottom:0; }
.m-news-aggregator li.first { background:none repeat scroll 0 0 #FFFFFF; border-top:2px solid #1fbeca; display:inline-block;margin:0; padding:10px 0 10px 0; width:520px; }
.m-news-aggregator li { background:none repeat scroll 0 0 #FFFFFF; border-top:1px solid #1fbeca; display:inline-block;margin:0; padding:10px 0 10px 0; width:520px; }
.m-news-aggregator li img { float:left; margin-bottom:15px; margin-right:15px; }
.m-news-aggregator li div { width:375px; float:right; }
.m-news-aggregator h2 { color:#425968; font-size:1.334em; font-weight:bold; }
.m-news-aggregator p.meta-date { color:#425968; font-weight:bold; font-size:1.3333em; margin-bottom:0; }
p.read-more-news { font-weight:bold; display:none; }


/* Search & about Aggregator
--------------------------------------------------------------------------------------------*/
.m-search-aggregate { background: transparent url("../images/global/content-col-2.png") no-repeat left top; padding-top:10px; color:#414b56; width:550px; }
.m-search-aggregate .m-b { background: #FFFFFF; padding:5px 15px 1px 15px; margin:0; width:520px; min-height:490px; height:auto !important; height:490px;  }
.m-search-aggregate .m-f { background: transparent url("../images/global/content-col-2.png") no-repeat right top; width:550px; height:10px; position:relative; }
.m-search-aggregate ol { margin:0; padding-left:0; width:520px; }
.m-search-aggregate li.first { border-top:2px solid #1fbeca; }
.m-search-aggregate li { background:none; list-style-position:inside; border-top:1px solid #1fbeca; margin:0; padding:10px 0 10px 0; }
.m-search-aggregate h2 { color:#425968; font-size:1.334em; font-weight:bold; display:inline; }
.m-search-aggregate h2 a {text-decoration:none;}

/* Pagination
--------------------------------------------------------------------------------------------*/
.m-pagination { border-top:1px solid #1fbeca; float:left; padding:10px 0 5px 0;}
.m-pagination ul { float:left; width:520px; }
.m-pagination ul li { border:none; display:inline; padding:0; margin:0; background:none; }
.m-pagination ul li a { padding:0 3px 0 0; }
.m-pagination ul li a.active { font-weight:bold;color:#1fbeca; }
.m-pagination ul li a.prev-disabled,
.m-pagination ul li a.prev-disabled:hover,
.m-pagination ul li a.next-disabled,
.m-pagination ul li a.next-disabled:hover  { color:#a0acb3; text-decoration:none; cursor:default; }
.m-pagination li.next {border-left:1px solid #363F49; padding-left:6px; padding-right:15px; }



/* Contact
--------------------------------------------------------------------------------------------*/
.form-row { clear:both;padding:5px 0; }
.form-row:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.form-row label {background-color:#FFFFFF;display:block;float:left;font-weight:bold;width:100px;}
.form-row-field {display:block;float:left;width:auto;}
.form-row-hint {background-color:#FBF9EE;border:1px solid #FFE45C;clear:both;color:#062849;display:block;margin:5px 0 0;padding:3px 5px;}
.form-row input, .form-row textarea {background-color:#FFFFFF;border:1px solid #4D5A68;color:#062849;margin:0;padding:2px 3px;width:412px;}
.form-row textarea {height:62px;}
.submit { float:right; background-color:#394a58; color:#ffffff; font-weight:bold; border:0; padding:3px; margin-top:5px; }

/* Sectors & About
--------------------------------------------------------------------------------------------*/
ul.sectors-aggregate, ul.about-aggregate { border-top:2px solid #1fbeca; float:left; }
ul.sectors-aggregate img, ul.about-aggregate img { margin:0 10px 0 0; float:left; }
ul.sectors-aggregate li, ul.about-aggregate li { padding:10px 0 10px 0; width:520px; background:none; }
ul.sectors-aggregate li, ul.about-aggregate li { border-top:1px solid #1fbeca; float:left; }
ul.sectors-aggregate li.first, ul.about-aggregate li.first { border-top:none; }
ul.sectors-aggregate div, ul.about-aggregate div { width:260px; float:right; }