*{
 margin:0;
 padding:0;
}
html{
 height:100%;
}
body{
	height: 100%;
	color: #a4a4a4;
	cursor: default;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	font-family: Tahoma,sans-serif;
}
select, input, textarea {
	float: left;
	font-size: 11px;
	font-family: arial, tahoma;
	color: white;
	margin-right: 10px;
	background-color: black;
	border: thin solid #708090;
}



a:link,a:visited{
 color:#a8a7a7;
 text-decoration:none;
}
a:hover,a:focus{
 text-decoration:underline;
 color:black;
}

a img{
 border:0;
}



div#top{
 height:400px;
 

}
 div#top h1{
  float:center;
  width:299px;
  height:113px;
  margin:0px 0 0;
	    background:url(img/logo.png) 0 0 no-repeat;  
 }

  div#top h1 a{
   border:0;
   height:113px;
   display:block;
   line-height:44px;
   text-indent:-9999px;

  }
  div#top h2{
	float: right;
	width: 400px;
	height: 113px;
	display: block;
	line-height: 40px;
	margin: 20px 0 0;
	text-indent: -9999px;

}



 div#top ul#mininav{
  float:right;
  display:inline;
  margin:28px 10px 0 0;
  list-style-type:none;
 }
  div#top ul#mininav li{
   float:left;
   line-height:16px;
   padding:0 12px 2px;
   border-right:1px solid #363636;
  }
  div#top ul#mininav li.toolbox{
   border-right:0;
   background:url(img/toolbox-arrow.gif) 100% -20px no-repeat;
  }
  div#top ul#mininav li.toolbox-open{
   background-position:100% 0;
  }
   div#top ul#mininav li a{
    font-size:10px;
    text-transform:uppercase;
   }

 div#tablet {
   float:left;
	position:absolute;
	width:40%; 
	margin:290px 50px 0;
	height:156px;
	z-index:1;
}

 div#alterpower {
   float:left;
	position:absolute;
	width:180; 
	margin:250px 65px 0;
	height:40px;
	z-index:2;
}
 div#water {
   float:left;
	position:absolute;
	width:130; 
	margin:320px 158px 0;
	height:30px;
	z-index:2;
}
 div#tepl {
   float:left;
	position:absolute;
	width:148; 
	margin:230px 600px 0;
	height:36px;
	z-index:2;
}
 div#watering {
   float:left;
	position:absolute;
	width:148; 
	margin:252px 183px 0;
	height:36px;
	z-index:2;
}

 div#warming {
   float:left;
	position:absolute;
	width:148; 
	margin:275px 320px 0;
	height:36px;
	z-index:2;
}

 div#climat {
   float:left;
	position:absolute;
	width:148; 
	margin:9px 250px 0;
	height:36px;
	z-index:2;
}
 div#security {
   float:left;
	position:absolute;
	width:148; 
	margin:220px 400px 0;
	height:36px;
	z-index:2;
}
 div#housecontrol {
   float:left;
	position:absolute;
	width:148; 
	margin:115px 515px 0;
	height:36px;
	z-index:2;
}
 div#gas {
   float:left;
	position:absolute;
	width:148; 
	margin:325px 490px 0;
	height:36px;
	z-index:2;
}

 div#top 
 {
  float:left;
  width:299px;
  height:400px;
  margin:0px 0 0;
  background:url(img/leftlogo.jpg) 0 0 no-repeat;
 }
  div#topcenter 
 {
  width:100%;
  height:400px;
  margin:0px 0 0;
  background:url(img/bgtop.jpg);
 }
 
 div#nav {
  float:right;
  width:762px;
  height:400px;
  margin:0px 0 0;
  background:url(img/righttop.jpg) 0 0 no-repeat;
 }