@charset "utf-8";
/* CSS Document */

html, body {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

body.std_page {
	text-align: center;
	background-repeat: repeat-x;
	background-color: #cdcdcd;
}

body.info_page {
	text-align: center;
	background-repeat: repeat-x;
	background-color: #cdcdcd;
}

a.blacklink {
	text-decoration: none;
	color: #000;
}

a.blacklink:hover {
	text-decoration: underline;
}

#Wrapper {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #333333;
	text-align: left;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 0px solid red;

}

#MainHeader h1 {
	width: 1000px;
	margin-top: 0px;
	margin-right: 0px;
	/* This is to sort out IE6 which puts a 2px white line after the H1 stuff*/
	margin-bottom: -2px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	height: 138px;
	text-indent: -10000em;
}

#HeaderPanelStd {
	border: 0px solid red;
	height: 55px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#HeaderPanelStd h1 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 35px;
	padding-bottom: 0px;
	height: 35px;
	font-size: 25px;
	border: 0px solid green;
}

#HeaderPanelInfo {
	border: 0px solid red;
	height: 214px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
}

#HeaderPanelInfo #Left {
	border: 0px solid red;
	height: 204px;
	width: 540px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 40px;
	padding-bottom: 0px;
}

#HeaderPanelInfo #Left h2 {
	font-size: 18px;
}

#HeaderPanelInfo #Left p {
	font-size: 1em;

}

#HeaderPanelInfo #Left #InfoHeading {
	font-size: 35px;
	font-weight: bold;
	line-height: 1.1em;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#HeaderPanelInfo #Left #InfoSubHeading {
	font-size: 25px;
	font-weight: bold;
	color: #999;
	line-height: 1.2em;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#HeaderPanelInfo #Right {
	border: 0px solid red;
	height: 204px;
	width: 360px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 50px;
	padding-bottom: 0px;
}

#HeaderPanelInfo #Right #FindOutMorePanel {
	border: 0px solid red;
	width: 276px;
	height: 195px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#HeaderPanelInfo #Right #FindOutMorePanel p {
	text-indent: -1000em;
	margin: 0px;
	padding: 0px;
}

#HeaderPanelInfo #Right #FindOutMorePanel ul {
	margin: 0px;
	padding: 0px;
	padding-top:8px;
	padding-left: 4px;
}

#HeaderPanelInfo #Right #FindOutMorePanel ul li {
	width: 260px;
	height: 22px;
	DISPLAY: block;
	LIST-STYLE-TYPE: none;
    margin: 0px;
	padding: 0px;
	padding-top: 2px;
	margin-bottom: 2px;
}

#HeaderPanelInfo #Right #FindOutMorePanel ul li:hover {
	width: 260px;
	height: 22px;
	DISPLAY: block;
	LIST-STYLE-TYPE: none;
    margin: 0px;
	padding: 0px;
	padding-top: 2px;
	margin-bottom: 2px;
}

#HeaderPanelInfo #Right #FindOutMorePanel ul li a {
	font-size: 15px;
	color: #fff;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
}



#PageContainer {
	color: #000;
	margin-top: -2px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	width: 1000px;
	background-color: #fff;
	h eight: 200px; /*REMOVE THIS ONCE FINISHED!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
	h eight: auto;
	border: 0px solid red;
	float: left;
}

#ContentContainer {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	background-color: #fff;

}

#MainContent {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 40px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 560px;
	height: auto;
	float: left;
	border: red 0px solid;
	line-height: 1.7em;
	background-color: #fff;

}

#MainContentWide {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 920px;
	height: auto;
	float: left;
	border: red 0px solid;
	line-height: 1.7em;
	background-color: #fff;
}

#MainContent h2 {
	font-family:  Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	font-size: 1.4em;
	color: #000;
	margin-top:0.5em; 
	line-height:1.1em;
	border-bottom-color: #3166EA;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	padding-bottom: 0px;
	padding-top: 15px;
	text-align: left;
}

#RightContent {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*width: 14.5em;*/
	width: 355px; 
	float: right;
	background-color: #fff;
	border: red 0px solid;
	display: absolute;
}

.RightImage {
	width: 310px;
	height: 180px;
	margin-top: 20px;
	margin-right: 0px;;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	border: 0px solid #ccc;
}

#house1 {
	background-image:url(../images/right_images/house1.jpg);
}

#house2 {
	background-image:url(../images/right_images/house2.jpg);
}

#house3 {
	background-image:url(../images/right_images/house3.jpg);
}

#house4 {
	background-image:url(../images/right_images/house4.jpg);
}

#house5 {
	background-image:url(../images/right_images/house5.jpg);
}

#ecodanhouse {
	background-image:url(../images/right_images/ecodanhouse.jpg);
}

#donaldshouse {
	background-image:url(../images/right_images/donaldshouse.jpg);
}

#flat {
	background-image:url(../images/right_images/flat.jpg);
}

#womanwatering {
	background-image:url(../images/right_images/womanwatering.jpg);
}

#womanfloor {
	background-image:url(../images/right_images/womanfloor.jpg);
}

#unit1 {
	background-image:url(../images/right_images/unit1.jpg);
}


.HomePanel {
	width: 920px;
	height: 250px;
	margin-top: 20px;
	margin-right: 0px;;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	border: 1px solid #ccc;
}

.HomePanel a {
	padding: 0;
	float: left;
	width: 920px;
	height: 250px;
	display: block;
	margin: 0 0 10px 0px;
	text-indent: -1000em;
}

#ecodan {
	background-image:url(../images/homepage_banner_ecodan.jpg);
	
}

#FooterBar {
    width: 1000px;
	margin-top: 0px;
	margin-right: 0px;;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	height: 111px;
	background: url(../images/footerbar.jpg);
	clear: both;
	font-family:   Arial, sans-serif;
	font-size: 0.9em;
}

#FooterText {
	margin-top: 0px;
	margin-right: 0px;;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom: 0px;

}

#Footer #w3c {
    float: left;
	/*font-size: 0.8em;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*color:#444;*/
	text-align: left;
	margin: 0;
	/*padding-top: 10px;*/
	padding-bottom: 10px;
}

#Footer #copyright {
    float: right;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	text-align: right;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: normal;
}

#Footer #w3c p  { 
	position: absolute;
	margin-left: -1000px;
}

#Footer #w3c ul  { 
	float:left;
	margin: 0;
	padding:0; 
	
}

#Footer #w3c ul li { 
	display:block; 
	float:left; 
	margin-left:5px
}

#Footer #w3c ul li a { 
	display:block; 
	/*width:88px; 
	height:31px;*/ 
	overflow:hidden; 
	/*text-indent:-1000em;*/ 
	
}

#Footer #w3c ul li a.css {
	background:url("http://jigsaw.w3.org/css-validator/images/vcss") top right no-repeat 
}

#Footer #w3c ul li a.xhtml {
	background:url("http://www.w3.org/Icons/valid-xhtml10") top right no-repeat 
}

.w3cbutton3 {
  margin: 1em 0;
  width: 9em;
  border: 1px solid #006699;
  font-family: helvetica,arial,sans-serif;
  font-size: 80%;
  font-weight: bold;
}
.w3cbutton3 a {
  display: block;
  width: 100%;
}
.w3cbutton3 a:link,
.w3cbutton3 a:visited,
.w3cbutton3 a:hover {
  background-color: #6699ff;
  color: #000;
  text-decoration: none;
}
.w3cbutton3 span.w3c {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
}

Form#contact_form {
  width:520px; 
  padding:10px; 
  margin:0 auto;
  margin-top:1.5em;
}

Form#contact_form label {
	 clear:left; 
	 display:block; 
	 float:left; 
	 width:90px; 
	 text-align:right; 
	 padding-right:10px; 
	 margin-bottom:0.5em;
	 color: #000;

}

Form#contact_form input.input_code {
  background:#fff; 
  padding-left:0.5em; 
  padding-top:0.2em;
  padding-bottom:0.2em;
  margin-bottom:0.6em;
  font-family: Verdana, Arial;
  font-size: 1em;
  width: 50px;
    color: #000;
}

Form#contact_form div.security {
  padding-left:100px; 
  padding-top:10px;
  padding-bottom:10px;
}

Form#contact_form input.input_std {
  background:#fff; 
  padding-left:0.5em; 
  padding-top:0.2em;
  padding-bottom:0.2em;
  margin-bottom:0.6em;
  font-family: Verdana, Arial;
  font-size: 1em;
  width: 315px;
    color: #000;
}

Form#contact_form input.input_date {
  background:#fff; 
  padding-left:0.5em; 
  padding-top:0.2em;
  padding-bottom:0.2em;
  margin-right: 150px;
  margin-bottom:0.6em;
  font-family: Verdana, Arial;
  font-size: 1em;
  width: 170px;
  color: #000;
}


Form#contact_form select {
  background:#fff; 
  font-family: Verdana, Arial;
  font-size: 1em;
  padding-left:0.5em; 
  padding-top:0.2em;
  padding-bottom:0.2em;
  margin-bottom:0.6em;
  margin-right: 200px;
  color: #000;
}

Form#contact_form textarea {
  width:315px; 
  height:75px; 
  padding:0.5em; 
  overflow:auto; 
  background:#fff;
  font-family: Verdana, Arial;
  font-size: 1em;
  color: #000;
}

Form#contact_form #submit {
  color:#fff; 
  padding-right:0.5em; 
  cursor:pointer; 
  width:100px; 
  margin:1em;
  margin-left: 185px;
  font-size: 1em;
  border-color: #000;
  border-width: 1px;
}