html {
				overflow: -moz-scrollbars-vertical;
}
body {
				background-image: url("/images/background/pattern.gif");
				text-align:center;
}
#wrapper {
				margin:0px auto;
				width:775px;
}
.outerContainer {
				width:775px;
				background-color:#dfcfe6;
				margin:26px auto;
				text-align:left;
				float:left;
				position:relative;
				padding:0 0 5px 0;
				display: inline;
}
.outerContainer a#homeLink {
				margin:0;
				padding:0;
				position:absolute;
				top:0px;
				left:-35px;
}
a#ie6HomeLink {
				display:none;
}/*all real browsers (and ie7) see this*/
* html a#ie6HomeLink/*ie6 only*/ {
				margin:0;
				padding:0;
				position:absolute;
				top:0px;
				left:-35px;
				display:block;
}
.innerContainer {
				width:763px;
				background-color:#ffffff;
				background-image:url("/images/background/long-inner-content32.gif");
				background-repeat:no-repeat;
				float:left;
				margin: 6px 6px 0px 6px;
				padding:0 0 40px 0;
				z-index:2;
}
/*ie6 only*/
* html .innerContainer {
				margin: 6px 3px 0px 3px;
}
.innerContainer #asset1 {
				position:absolute;
				left:206px;
				top:-17px;
}
.innerContainer #asset2 {
				position:absolute;
				right:-51px;
				top:325px;
}
/*navigation start*/
.innerContainer .navBar {
				float:left;
				width:150px;
				overflow:visible;
				display: inline;
}
.innerContainer ul {
				float:left;
				margin:37px 0 0 14px; /*14*/
				/*display:block;*/
    display: inline;
				width:150px;
}
.innerContainer ul li, .innerContainer ul li a {
				display: inline;
				font-size:16px;
				color:#160037;
				float:left;
				font-family:Arial;/*inherited by all id'ed links*/
}
.innerContainer ul li a span {
				display:none;
}
.innerContainer ul li#homepageLink a {
				background:url("/images/nav/fullnav.gif") no-repeat 0px 0px;
				width:150px;
}
.innerContainer ul li#galleryLink a {
				background:url("/images/nav/fullnav.gif") no-repeat 0px -20px;
				width:150px;
}
.innerContainer ul li#planningApplicationLink a {
				background:url("/images/nav/fullnav.gif") no-repeat 0px -40px;
				width:150px;
}
.innerContainer ul li#planningWeekendLink a {
				background:url("/images/nav/fullnav.gif") no-repeat 0px -60px;
				width:150px;
}
.innerContainer ul li#consultationLink a {
				background:url("/images/nav/fullnav.gif") no-repeat 0px -80px;
				width:150px;
}
.innerContainer ul li#aimsLink a {
				background:url("/images/nav/fullnav.gif") no-repeat 0px -100px;
				width:150px;
}
.innerContainer ul li#locationLink a {
				background:url("/images/nav/fullnav.gif") no-repeat 0px -120px;
				width:150px;
}
.innerContainer ul li#siteLink a {
				background:url("/images/nav/fullnav.gif") no-repeat 0px -140px;
				width:150px;
}
.innerContainer ul li#contactLink a {
				background:url("/images/nav/fullnav.gif") no-repeat 0px -160px;
				width:150px;
}
.innerContainer ul li#nextStepsLink a {
				background:url("/images/nav/fullnav.gif") no-repeat 0px -180px;
				width:150px;
}
/* on hover */
.innerContainer ul li#homepageLink a:hover, .innerContainer ul li#homepageLink a.active {
				background:url("/images/nav/fullnav_on.gif") no-repeat 0px 0px;
				width:150px;
}
.innerContainer ul li#galleryLink a:hover, .innerContainer ul li#galleryLink a.active {
				background:url("/images/nav/fullnav_on.gif") no-repeat 0px -20px;
				width:150px;
}
.innerContainer ul li#planningApplicationLink a:hover, .innerContainer ul li#planningApplicationLink a.active {
				background:url("/images/nav/fullnav_on.gif") no-repeat 0px -40px;
				width:150px;
}
.innerContainer ul li#planningWeekendLink a:hover, .innerContainer ul li#planningWeekendLink a.active {
				background:url("/images/nav/fullnav_on.gif") no-repeat 0px -60px;
				width:150px;
}
.innerContainer ul li#consultationLink a:hover, .innerContainer ul li#consultationLink a.active {
				background:url("/images/nav/fullnav_on.gif") no-repeat 0px -80px;
				width:150px;
}
.innerContainer ul li#aimsLink a:hover, .innerContainer ul li#aimsLink a.active {
				background:url("/images/nav/fullnav_on.gif") no-repeat 0px -100px;
				width:150px;
}
.innerContainer ul li#locationLink a:hover, .innerContainer ul li#locationLink a.active {
				background:url("/images/nav/fullnav_on.gif") no-repeat 0px -120px;
				width:150px;
}
.innerContainer ul li#siteLink a:hover, .innerContainer ul li#siteLink a.active {
				background:url("/images/nav/fullnav_on.gif") no-repeat 0px -140px;
				width:150px;
}
.innerContainer ul li#contactLink a:hover, .innerContainer ul li#contactLink a.active {
				background:url("/images/nav/fullnav_on.gif") no-repeat 0px -160px;
				width:150px;
}
.innerContainer ul li#nextStepsLink a:hover, .innerContainer ul li#nextStepsLink a.active {
				background:url("/images/nav/fullnav_on.gif") no-repeat 0px -180px;
				width:150px;
}
/* END OF ON HOVER SECTION */
                        
.innerContainer .iconBar {
				float:left;
				margin:155px 0 0 13px;
}
.innerContainer .iconBar img {
				float:left;
				clear:left;
				margin-bottom:9px;
}
.innerContainer .popup {
				color:#ffffff;
				font-family:Arial;
				font-size:12px;
				position:absolute;
				top:300px;
				left:100px;
				display:none;
}
.innerContainer #popup1 {
				top:300px;
				left:100px;
}
.innerContainer #popup1 {
				top:285px;
				left:110px;
}
.innerContainer #popup1 {
				top:290px;
				left:90px;
}
.innerContainer #popup1 {
				top:290px;
				left:80px;
}
.innerContainer .popup h2 {
				font-size:22px;
}
.innerContainer .popup a {
				display:block;
				color:#ffffff;
				font-size:13px;
				text-decoration:underline;
}
.innerContainer .popup a:hover {
				text-decoration:none;
}
/*done individully for nice alignment*/
.innerContainer #sustainability a {
				margin-left:45px;
}
.innerContainer #community a {
				margin-left:50px;
}
.innerContainer #creativity a {
				margin-left:60px;
}
.innerContainer #neighbourly a {
				margin-left:50px;
}
.innerContainer #sustainability {
				background-image:url(/images/popup/sustainability.png);
				width:233px;
				height:231px;
}
.innerContainer #community {
				background-image:url(/images/popup/community.png);
				width:251px;
				height:248px;
}
.innerContainer #creativity {
				background-image:url(/images/popup/creativity.png);
				width:274px;
				height:270px;
}
.innerContainer #neighbourly {
				background-image:url(/images/popup/neighbourly.png);
				width:244px;
				height:242px
}
.innerContainer #community div, .innerContainer #sustainability div, .innerContainer #neighbourly div, .innerContainer #creativity div {
				display:block;
				width:70%;
				position:relative;
				top:50px;
				left:50px;
}
.innerContainer #creativity div {
				width:60%;
				left:65px;
}
/*navigation end*/

.innerContainer .content {
				width:370px;
				float:left;
				margin:172px 0 0 58px
}
.innerContainer .content2 {
				float: left;
				margin-left:50px;
}
.innerContainer .content3 {
				width:370px;
				float:left;
				margin:20px 0 0 218px
}
/* ------------------------- ruth new navigation ---------------------------------- */


a.home {
				width:154px;
				height:20px;
				background:url(/images/nav/home.gif) no-repeat top left;
				text-indent:-9999px;
				background-position:0 0;
}
a.home:hover {
				background-position:0 -20px;
}
a.gallerynav {
				width:154px;
				height:20px;
				background:url(/images/nav/gallery.gif) no-repeat;
				text-indent:-9999px;
}
a.gallerynav:hover {
				background-position:0 -20px;
}


a.planningApp {
				width:154px;
				height:20px;
				background:url(/images/nav/planningApp.gif) no-repeat;
				text-indent:-9999px;

}
a.planningApp:hover {
				background-position:0 -20px;
}

a.keyAims {
				width:154px;
				height:20px;
				background:url(/images/nav/keyAims.gif) no-repeat;
				text-indent:-9999px;
}
a.keyAims:hover {
				background-position:0 -20px;
}

a.theSite {
				width:154px;
				height:20px;
				background:url(/images/nav/theSite.gif) no-repeat;
				text-indent:-9999px;
}
a.theSite:hover {
				background-position:0 -20px;
}

a.contactUs {
				width:154px;
				height:20px;
				background:url(/images/nav/contactUs.gif) no-repeat;
				text-indent:-9999px;
}
a.contactUs:hover {
				background-position:0 -20px;
}

a.nextSteps {
				width:154px;
				height:20px;
				background:url(/images/nav/nextSteps.gif) no-repeat;
				text-indent:-9999px;
}
a.nextSteps:hover {
				background-position:0 -20px;
}

#active {background-position:0 -20px;}