ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
fieldset{
	border:0;
}
a,a:link,a:visited,a:hover{
	color:#00f;
	text-decoration:none;
}
a:focus,a:hover{
	text-decoration:underline;
}
a img{
	border:0;
}
.clear{
	clear:both;
}
body{
	position:relative;
	background:#333333;
	color:#000;
	font:62.5% Georgia,Arial,sans-serif;
}
.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}

/*-----------INTRO--------------*/

#intro1{
	width: 1000px;
	height: 700px;
	background: url(../images/intro1.jpg) no-repeat;
}

#skip{
	position: absolute;
	display: block;
	width: 39px;
	height: 17px;
	margin: 626px 0px 0px 54px;
	text-indent: -99999px;
}

/*-----------------HOMEPAGE----------------*/


#home{
	width: 1000px;
	height: 700px;
	background: url(../images/home.jpg) no-repeat;
}

#header{
	width: 1000px;
	height: 78px;
	padding: 20px 0px 0px 0px;
}

#logo{
	display: block;
	width: 420px;
	height: 78px;
	float: left;
	cursor: pointer;
	text-indent: -999999px;
	background: url(../images/logo.png) no-repeat;
}

#navigation{
	width: 562px;
	height: 17px;
	float: right;
	clear: right;
	padding: 7px 0px 0px 6px;
	margin: 12px 0px 0px 0px;
	background: url(../images/navi_bg.png);
}

#navigation ul{
	width: 547px;
	height: 12px;
	overflow: hidden;
	background: url(../images/navi_text.gif) no-repeat;
}

#navigation ul li{
	float: left;
}

#navigation ul li a{
	display: block;
	height: 13px;
	text-indent: -99999px;
}

#navigation ul li#home_nav a{
	width: 33px;
	margin: 0px 10px 0px 0px;
}

#navigation ul li#home_nav a:hover{
	background: url(../images/navi_text.gif) no-repeat 0px -12px;
}

#navigation ul li#home_nav a.active{
	background: url(../images/navi_text.gif) no-repeat 0px -12px;
}


#navigation ul li#sustainability a{
	width: 75px;
	margin: 0px 9px 0px 0px;
}

#navigation ul li#sustainability a:hover{
	background: url(../images/navi_text.gif) no-repeat -43px -12px;
}


#navigation ul li#sustainability a.active{
	background: url(../images/navi_text.gif) no-repeat -43px -12px;
}


#navigation ul li#brief a{
	width: 26px;
	margin: 0px 10px 0px 0px;
}

#navigation ul li#brief a:hover{
	background: url(../images/navi_text.gif) no-repeat -127px -12px;
}


#navigation ul li#brief a.active{
	background: url(../images/navi_text.gif) no-repeat -127px -12px;
}


#navigation ul li#location a{
	width: 48px;
	margin: 0px 10px 0px 0px;
}


#navigation ul li#location a:hover{
	background: url(../images/navi_text.gif) no-repeat -163px -12px;
}

#navigation ul li#location a.active{
	background: url(../images/navi_text.gif) no-repeat -163px -12px;
}


#navigation ul li#solution a{
	width: 46px;
	margin: 0px 10px 0px 0px;
}

#navigation ul li#solution a:hover{
	background: url(../images/navi_text.gif) no-repeat -221px -12px;
}

#navigation ul li#solution a.active{
	background: url(../images/navi_text.gif) no-repeat -221px -12px;
}

#navigation ul li#innovation a{
	width: 58px;
	margin: 0px 10px 0px 0px;
}

#navigation ul li#innovation a:hover{
	background: url(../images/navi_text.gif) no-repeat -277px -12px;
}


#navigation ul li#innovation a.active{
	background: url(../images/navi_text.gif) no-repeat -277px -12px;
}


#navigation ul li#casestudies a{
	width: 71px;
	margin: 0px 10px 0px 0px;
}

#navigation ul li#casestudies a:hover{
	background: url(../images/navi_text.gif) no-repeat -345px -12px;
}

#navigation ul li#casestudies a.active{
	background: url(../images/navi_text.gif) no-repeat -345px -12px;
}

#navigation ul li#aboutus a{
	width: 50px;
	margin: 0px 11px 0px 0px;
}

#navigation ul li#aboutus a:hover{
	background: url(../images/navi_text.gif) no-repeat -426px -12px;
}

#navigation ul li#aboutus a.active{
	background: url(../images/navi_text.gif) no-repeat -426px -12px;
}

#navigation ul li#contactus a{
	width: 59px;
}

#navigation ul li#contactus a:hover{
	background: url(../images/navi_text.gif) no-repeat -487px -12px;
}

#navigation ul li#contactus a.active{
	background: url(../images/navi_text.gif) no-repeat -487px -12px;
}

#lakehouse{
	width: 113px;
	height: 10px;
	float: right;
	cursor: pointer;
	margin: 32px 15px 0px 0px;
	background: url(../images/lakehouse.png) no-repeat;
	text-indent: -99999px;
}

#lakehouse4{
	width: 140px;
	height: 24px;
	float: right;
	cursor: pointer;
	margin: 18px 0px 0px 0px;
	background: url(../images/lakehouse4.gif) no-repeat;
	text-indent: -99999px;
}

#lakehouse5{
	width: 113px;
	height: 10px;
	float: right;
	cursor: pointer;
	margin: 32px 15px 0px 0px;
	background: url(../images/lakehouse5.gif) no-repeat;
	text-indent: -99999px;
}

#content{
	width: 1000px;
	height: 580px;
	overflow: hidden;
}

#left_column{
	width: 550px;
	height: 527px;
	float: left;
}

#right_column{
	width: 450px;
	height: 527px;
	float: right;
}

#home_text{
	width: 450px;
	height: 253px;
	margin: 207px 0px 0px 0px;
	background: url(../images/home_text.gif) no-repeat;
	text-indent: -99999px;
}

#partnership{
	display: block;
	width: 183px;
	height: 43px;
	float: left;
	text-indent: -99999px;
}

#footer{
	width: 351px;
	height: 15px;
	float: right;
	padding: 7px 0px 0px 14px;
	background: #666666;
}

#footer_text{
	width: 338px;
	height: 10px;
}

#footer_text p{
	width: 338px;
	height: 10px;
	background: url(../images/footer_text.png) no-repeat;
	text-indent: -99999px;
}

#medicine_man{
	display: block;
	margin: -13px 0px 0px 275px;
	text-indent: -999999px;
}

/*-------------SUSTAINABILITY CONTAINER---------------*/

#sustainability_container{
	width: 1000px;
	height: 700px;
	background:#333333 url(../images/sustainability.jpg) no-repeat;
}

#sustainability_text{
	width: 450px;
	height: 287px;
	margin: 143px 0px 0px 0px;
	background: url(../images/sustainability_text.gif) no-repeat;
	text-indent: -99999px;
}

#carbon_emission{
	width: 182px;
	height: 109px;
	margin: 83px 0px 0px 247px;
	text-indent: -99999px;
	background: url(../images/carbon_emissions.gif) no-repeat;
}

#zero_emission{
	width: 205px;
	height: 122px;
	margin: 33px 0px 0px 101px;
	text-indent: -99999px;
	background: url(../images/zero_carbon.gif) no-repeat;
}

#boris_johnson{
	width: 310px;
	height: 123px;
	margin: 0px 0px 0px 166px;
	background: url(../images/boris_johnson.gif) no-repeat;
}

#boris_johnson p{
	text-indent: -99999px;
}

#london{
	position: absolute;
	margin: 42px 0px 0px 19px;
	display: block;
	width: 272px;
	height: 30px;
	text-indent: -99999px;
}

/*-------------BRIEF CONTAINER---------------*/

#brief_container{
	width: 1000px;
	height: 700px;
	background:#333333 url(../images/brief.jpg) no-repeat;
}

#brief_text{
	width: 450px;
	height: 176px;
	margin: 166px 0px 0px 0px;
	background: url(../images/brief_text.gif) no-repeat;
	text-indent: -99999px;
}

/*-------------LOCATION CONTAINER---------------*/

#location_container{
	width: 1000px;
	height: 700px;
	background:#333333 url(../images/location.jpg) no-repeat;
}

#location_text{
	width: 450px;
	height: 265px;
	margin: 293px 0px 0px 0px;
	background: #fff url(../images/location_text.gif) no-repeat;
	text-indent: -99999px;
}

/*-------------SOLUTION CONTAINER---------------*/

#solution_container{
	width: 1000px;
	height: 700px;
	background:#333333 url(../images/solution.jpg) no-repeat;
}

#solution_text{
	width: 450px;
	height: 471px;
	margin: 88px 0px 0px 0px;
	background: #fff url(../images/solution_text.gif) no-repeat;
	text-indent: -99999px;
}

#solution_ratings_text{
	width: 450px;
	height: 343px;
	margin: 185px 0px 0px 0px;
	background: #fff url(../images/solution-bef-aft.jpg) no-repeat;
	text-indent: -99999px;
}

#solution_bubble {
  width: 217px;
  height: 187px;
  position: absolute;
  z-index: 100;
  top: 206px;
  left: 230px;
  background: url(../images/solution-bubble.jpg) no-repeat;
}

#solution_ratings {
  width: 169px;
  height: 16px;
  position: absolute;
  display: block;
  text-indent: -9999px; outline: 0;
  z-index: 100;
  top: 632px;
  left: 560px;
  background: url(../images/solution_energy-ratings.gif) no-repeat;
}

#solution_back {
  width: 60px;
  height: 16px;
  position: absolute;
  display: block;
  text-indent: -9999px; outline: 0;
  z-index: 100;
  top: 605px;
  left: 930px;
}

#solution_before {
  width: 85px;
  height: 126px;
  position: absolute;
  display: block;
  text-indent: -9999px; outline: 0;
  z-index: 100;
  top: 495px;
  left: 560px;
}

#solution_after {
  width: 85px;
  height: 126px;
  position: absolute;
  display: block;
  text-indent: -9999px; outline: 0;
  z-index: 100;
  top: 495px;
  left: 670px;
}


/*-------------INNOVATION CONTAINER---------------*/

#innovation_container{
	width: 1000px;
	height: 700px;
	background:#333333 url(../images/innovation.jpg) no-repeat;
}

#innovation_text{
	width: 450px;
	height: 471px;
	margin: 57px 0px 0px 0px;
	background: #fff url(../images/innovation_text.gif) no-repeat;
	text-indent: -99999px;
}

#innovation_left{
	margin: 227px 0px 0px 0px;;
	width: 422px;
	height: 234px;
	background: url(../images/innovation_left.jpg) no-repeat;
}

/*-------------CASESTUDIES CONTAINER---------------*/

#casestudies_container{
	width: 1000px;
	height: 700px;
	background:#333333 url(../images/casestudies.jpg) no-repeat;
}

#casestudies_text{
	width: 450px;
	height: 480px;
	margin: 54px 0px 0px 0px;
	background: #fff url(../images/casestudies_text.gif) no-repeat;
}

#casestudies_text h2{
	text-indent: -99999px;
}

#casestudies_text p{
	text-indent: -99999px;
}

#casestudies_toptext{
	width: 450px;
	height: 256px;
	text-indent: -99999px;
}

#casestudies_links{
	width: 380px;
	height: 84px;
	overflow: hidden;
	padding: 0px 0px 0px 11px;
}

#casestudies_links a{
	clear: both;
}

a#wembley_firestaton{
	display: block;
	width: 114px;
	height: 12px;
	float: left;
	overflow: hidden;
	margin: 0px 0px 2px 0px;
	text-indent: -99999px;
	background: url(../images/casestudies_links.gif) no-repeat;
}

a:hover#wembley_firestaton{
	background: url(../images/casestudies_hover.gif) no-repeat;
}

a#harold{
	display: block;
	width: 120px;
	height: 11px;
	float: left;
	overflow: hidden;
	margin: 0px 0px 3px 0px;
	text-indent: -99999px;
	background: url(../images/casestudies_links.gif) no-repeat 0px -102px;
}

a:hover#harold{
	background: url(../images/casestudies_hover.gif) no-repeat 0px -102px;
}

a#arnhem{
	display: block;
	width: 162px;
	height: 13px;
	float: left;
	overflow: hidden;
	margin: 0px 0px 2px 0px;
	text-indent: -99999px;
	background: url(../images/casestudies_links.gif) no-repeat 0px -12px;
}

a:hover#arnhem{
	background: url(../images/casestudies_hover.gif) no-repeat 0px -12px;
}

a#lowther{
	display: inline-block;
	width: 128px;
	height: 13px;
	float: left;
	overflow: hidden;
	margin: 0px 0px 2px 1px;
	text-indent: -99999px;
	background: url(../images/casestudies_links.gif) no-repeat 0px -24px;
}

a:hover#lowther{
	background: url(../images/casestudies_hover.gif) no-repeat 0px -24px;
}

a#cereb{
	display: block;
	width: 380px;
	height: 13px;
	float: left;
	overflow: hidden;
	margin: 0px 0px 2px 0px;
	text-indent: -99999px;
	background: url(../images/casestudies_links.gif) no-repeat 0px -37px;
}

a:hover#cereb{
	background: url(../images/casestudies_hover.gif) no-repeat 0px -37px;
}

a#more{
	display: inline-block;
	width: 160px;
	height: 13px;
	float: left;
	overflow: hidden;
	margin: 0px 0px 0px 1px;
	text-indent: -99999px;
	background: url(../images/casestudies_links.gif) no-repeat 0px -50px;
}

a:hover#more{
	background: url(../images/casestudies_hover.gif) no-repeat 0px -50px;
}

a#bhphousing{
	display: inline-block;
	width: 96px;
	height: 12px;
	float: left;
	overflow: hidden;
	margin: 0px 13px 0px 12px;
	text-indent: -99999px;
	background: url(../images/casestudies_links.gif) no-repeat 0px -63px;
}

a:hover#bhphousing{
	background: url(../images/casestudies_hover.gif) no-repeat 0px -63px;
}

a#solar{
	display: inline-block;
	width: 98px;
	height: 12px;
	float: left;
	overflow: hidden;
	margin: 0px 13px 0px 0px;
	text-indent: -99999px;
	background: url(../images/casestudies_links.gif) no-repeat 0px -76px;

}

a:hover#solar{
	background: url(../images/casestudies_hover.gif) no-repeat 0px -76px;
}

a#marley{
	display: inline-block;
	width: 103px;
	height: 12px;
	float: left;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	text-indent: -99999px;
	background: url(../images/casestudies_links.gif) no-repeat 0px -89px;
}

a:hover#marley{
	background: url(../images/casestudies_hover.gif) no-repeat 0px -89px;
}

#lakehouse2{
	display: block;
	width: 148px;
	height: 14px;
	margin: 47px 0px 0px 11px;
	text-indent: -99999px;
}

#casestudies_btmtext{
	width: 450px;
	height: 115px;
}

/*-------------ABOUTUS CONTAINER---------------*/

#aboutus_container{
	width: 1000px;
	height: 700px;
	background:#333333 url(../images/aboutus.jpg) no-repeat;
}

#aboutus_text{
	width: 450px;
	height: 182px;
	margin: 258px 0px 0px 0px;
	background: #fff url(../images/aboutus_text.gif) no-repeat;
	text-indent: -99999px;
}

/*-------------CONTACTUS CONTAINER---------------*/

#contactus_container{
	width: 1000px;
	height: 700px;
	background:#333333 url(../images/contactus.jpg) no-repeat;
}

#contactus_text{
	width: 450px;
	height: 200px;
	margin: 251px 0px 0px 0px;
	background: #fff url(../images/contactus_text.gif) no-repeat;
	text-indent: -99999px;
}

#lakehouse3{
	display: block;
	width: 194px;
	height: 14px;
	margin: -42px 0px 0px 11px;
	text-indent: -99999px;
}











#wrapper{
	width: 1000px;
	height: 700px;
	margin:0 auto;
	position: relative;
}


#introbg{ width: 1000px; height: 700px; background: url(../images/introbg.jpg) no-repeat; position: absolute; z-index: 1; }
#intro1{
  width: 1000px;
  height: 700px;
  background: #0076c0;
  position: absolute; z-index: 2;
}
#intro2{ width: 339px; height: 65px; background: url(../images/breathe1.gif) no-repeat; position: absolute; z-index: 3; top: 290px; left: 335px; }
#intro3{ width: 438px; height: 65px; background: url(../images/breathe2.gif) no-repeat; position: absolute; z-index: 4; top: 290px; left: 290px; }
#intro4{ width: 507px; height: 67px; background: url(../images/breathe3.gif) no-repeat; position: absolute; z-index: 5; top: 290px; left: 250px; }

#intro8{ width: 1000px; height: 700px; background: url(../images/intro8.jpg) no-repeat; position: absolute; z-index: 8; }

#skip{
	position: absolute;
	display: block;
	width: 39px;
	height: 17px;
	margin: 626px 0px 0px 54px;
	text-indent: -99999px;
	z-index: 20;
	background: url(../images/breathe_skip.gif) no-repeat;
}


#inv_left_bg { opacity: 0.7; background: #000; position: absolute; top: 327px; height: 232px; width: 422px; z-index: 1;}
#inv_left { position: absolute; top: 339px; z-index: 2; left: 39px; display: block; }
#inv_left img { width: 370px; border: 0; }

/*#inv_left_bg { top: 0px; height: 700px; width: 1000px; }
#inv_left { top: 65px; }
#inv_left img { width: 922px; }
*/