/* CSS Document */
p, li, ul, a, img, h1, h2, h3, h4, h5, html, body {
	margin:0;
	padding:0;
	border:none;
	text-decoration:none;
}

p {
	margin-bottom: 0.5em;
}

a {
	text-decoration:none;
	color:#f306bf;
	/*z-index:950;*/
	display:block;
}

a:hover {
	text-decoration:underline;
}

a:visited, a:active {
	color:#fff;
}

html {
	background:#0DB0D1;
	text-align:center;
	width:100%;
	height:100%;
	overflow:visible;
	font: 11px/14px Arial, Helvetica, sans-serif;
}

body {
	width:100%;
	height:655px;
	background: url(images/bg-grad.jpg) top left repeat-x;
	position: absolute;
	overflow:hidden;
	top:100%;
	padding:0;
	margin: -655px auto 0 auto;
}

#container {
	position:relative;
	width:952px;
	height:655px;
	margin: 0 auto;
	padding:0;
	text-align:left;
}

body.normal #container {
	background: url(images/bg-property-trans.gif) center center no-repeat;
}

body.eco #container {
	background:url(images/bg-eco-trans.gif) center center no-repeat;
}

body.home #container {
	background:url(images/bg-home-trans.gif) center center no-repeat;
}


#subMenu {
	position:absolute;
	width: 440px;
	height:20px;
	top:45px;
	left:120px;
	color:#fff;
	list-style:none;
	padding:0;
	margin: 0 0 0 -5px;
	font-size:10px;
	z-index:950;
}

#subMenu li {
	float:left;
	margin:0;
	padding: 0 5px;
	border-right: 1px solid #fff;
	
}

#subMenu a {
	color:#fff;
}

#subMenu li.rightMenuItem {
	border:none;
}

#details {
	list-style:none;
	position:absolute;
	padding:0;
	margin: 0;
	top: 130px;
	left:375px;
	overflow:visible;
	width:175px;
	z-index:905;
}

body.home #details {
	top: 200px;
	width: 480px;
}

body.home #details ul {
	width:145px;
	float:left;
	margin:20px 15px 0 0;
	list-style:none;
}

body.home h1 {
	width: 140px;
	text-align:right;
	font: 18px/18px Arial, Helvetica, sans-serif bold;
	color:#63678A;
}

body.home h2 {
	height: 30px;
	margin-bottom: 10px;
}

body.home li a {
	text-align:left;
	font: 11px/14px Arial, Helvetica, sans-serif;
	margin-left: 10px;
}

.town {
	font-weight:bold;
	color:#c40612;
}

#intro {
	height:80px;
	width:150px;
}

#mainText {
	color:#085079;
}

#mainText h2 {
	color:#fff;
	font: 12px/15px Arial, Helvetica, sans-serif bold;
	margin-bottom: 10px;
}

#mainText ul {
	padding-bottom: 10px;
	padding-left:20px;
}

#pricing {
	position:absolute;
	top: 205px;
	left:-200px;
	width:160px;
	font-size:12px;
}

#pricing, #address {
	font-size:11px;
	color:#63678A;
	font-weight:bold;
}

 #address h1 {
 	font-size:12px;
	margin-bottom:1em;
}

#pricing h4 {
	font-size:11px;
	margin-top: 1.5em;
	margin-bottom:0;
	padding-bottom:0;
}

#pricing + h4 {
	margin:0;
	padding:0;
}


#pricing h4 + h4 {
	margin-top:0.5em;
}

#pricing h4 + p {
	margin-top:0;
	padding-top:0;
	font-weight:normal;
}

#pricing h3 {
	font-size:14px;
}

#pricing h3 + p {
margin-top:0;
	padding-top:0;
	font-weight:normal;
}

#title {
	width:200px;
	height:80px;
	position:absolute;
	left:665px;
	top:475px;
}

body.home #title {
	left:125px;
	top: 430px;
}

#generation {
	position:absolute;
	left: 105px;
	top:180px;
	width:240px;
	height:140px;
	z-index:400;
}

#flashContainer {
	position:absolute;
	top:70px;
	left:0;
	width:100%;
}

#flashContainer2 {
	position:absolute;
	top:465px;
	left:0;
	width:100%;
}

#clouds {
	position:relative;
	top:0;
	width:100%;
	height:90px;
	z-index:450;
}

#bottom {
	position:relative;
	top:0;
	width:100%;
	height:190px;
	z-index:500;
}

body.home #bottom {
	/*margin-top: -220px;*/
	height:220px;
	top: 217px;
}

#buttons {
	position:absolute;
	top:-105px;
	left:220px;
	width:355px;
	height: 400px;
	z-index:600;
	list-style:none;
	margin:0;
	padding:0;
}


#buttonOne, #buttonTwo, #buttonThree, #buttonFour {
	width:70px;
	height:70px;
	padding:0;
	spacing:0;
}

#bigPicOne, #bigPicTwo, #bigPicThree, #bigPicFour {
	width:355px;
	height:355px;
	overflow:hidden;
}

#bigPicOne {
	position:absolute;
	top:-295px;
	left:25px;
	background:url(images/bigPicBG-trans.png) no-repeat;
	z-index:597;
}

#bigPicTwo {
	position:absolute;
	top: -355px;
	left: -57px;
	background:url(images/bigPicBG-trans.png) no-repeat;
	z-index:598;
}

#bigPicThree {
	position:absolute;
	top: -370px;
	left: -155px;
	background:url(images/bigPicBG-trans.png) no-repeat;
	z-index:599;
}

#bigPicFour {
	position:absolute;
	top: -335px;
	left: -260px;
	background:url(images/bigPicBG-trans.png) no-repeat;
	z-index:600;
}

#buttonOne {
	position: absolute;
	left: -25px;
	top: 290px;
}

#buttonOne img, #buttonTwo img, #buttonThree img, #buttonFour img {
	z-index:9000;
}

#buttonTwo {
	position: absolute;
	left: 57px;
	top: 350px;
}

#buttonThree {
	position: absolute;
	left: 155px;
	top: 365px;
}

#buttonFour {
	position: absolute;
	left: 260px;
	top: 330px;
}

#bigPicTwo, #bigPicThree, #bigPicFour {
	display:none;
}

#buttonThree {
	background:url(images/green-11.gif) bottom left no-repeat;
}

#buttonTwo img:hover #bigPicTwo, #buttonThree img:hover #bigPicThree, #buttonFour img:hover #bigPicFour,
#buttonTwo:hover #bigPicTwo, #buttonThree:hover #bigPicThree, #buttonFour:hover #bigPicFour {
	display:block;
}

#buttonFour.brochure {
	margin:0;
	padding:0;
	height:70px;
	width:70px;
	overflow:hidden;
}

#buttonFour.brochure a {
	margin-top:0;
}


#buttonFour.brochure a:hover {
	margin-top: -70px;
}