/*green: color: #62A430;*/

#main-content .smarthome {
    display: block;
    overflow: hidden;
    padding: 0%;
	margin-left: 5%;
}
#main-content #tabs h1, h2, h3, h5 {
	color: #62A430; /*green*/
}
#smarthome-content h1 {
	margin-left: 3%;

}
#main-content #tabs h3 {
	margin: 2px 0 0 0;
	font-weight: normal;
}
#smarthome-content p {
	margin-left: 3%;
}
#smarthome-content ul li {
	margin-left: 3%;
}
#smarthome-content img {
	margin: 0px;
}
#tabs-1.smarthome {
	padding: 0px;
}
#smarthome-container {
    background-color: #FFFFFF;
    display: block;
    margin: 30px auto;
    position: relative;
    width: 980px;
	max-width:100%;
}
#smarthome-980 {
/*  max-width: 100%;
  width: 980px;
*/
  min-height: 50px;
  float: left;
  border-bottom: 1px solid #888;
  padding: 20px 0;
}
#smarthome-100 {		
	width: 100%;
	min-height: 50px;
    float: left;
/*	text-align:center;  */
	}
.center {		
	text-align:center; 
	}
#smarthome-70 {		
	width: 70%;
	min-height: 50px;
    float: left;
	}
#smarthome-70-right {		
	width: 65%;
	min-height: 50px;
    float: right;
	}
#smarthome-50 {		
	width: 45%;
	padding-left: 2.5%;
	min-height: 50px;
    float: left;
	}
#smarthome-30 {		
	width: 30%; 
	min-height: 50px;
    float: left;
	}	
#smarthome-25 {		
	width: 22%;
	padding-left: 2.5%;
	min-height: 50px;
    float: left;
	}	
#smarthome-30-right img {		
	width: 29%;
	min-height: 50px;
    float: right;
}		
.right img {
 float: right;
 } 
 .left img {
 float: left;
 } 	

 
#smarthome-login {float: right;  margin-top:-25px; }

/* ----------------------------- */
.smarthome-980 {
min-height: 50px;
float: left;
border-bottom: 1px solid #888;
padding: 20px 0;
}

.smarthome-70 {		
	width: 70%;
	min-height: 50px;
    float: left;
	}
.smarthome-70-right {		
	width: 65%;
	min-height: 50px;
    float: right;
}
.smarthome-30-right img {		
	width: 29%;
	min-height: 50px;
    float: right;
}	
.smarthome-100 {		
	width: 100%;
	min-height: 50px;
    float: left;
}
.smarthome-50 {		
	width: 45%;
	padding-left: 2.5%;
	min-height: 50px;
    float: left;
}
.smarthome-50 img {	width: 100%; }
.smarthome-25 {		
	width: 22%;
	padding-left: 2.5%;
	min-height: 50px;
    float: left;
}	

.smarthome70, .smarthome70a  {
    width: 65%;
    min-height: 75px;
    margin: 0 2%; float: left; overflow:hidden;
}
.smarthome-30 {		
width: 30%;
min-height: 50px;
float: left;
}
.smarthome30, .smarthome30a {
    width: 25%; margin: 0 2%; 
    min-height: 75px;
    float: left; overflow:hidden;
/*    border: 3px solid #73AD21;    */
}
.smarthome30 img { width: 100%; }

@media only screen and (max-width: 700px) {
.smarthome-25 {	width: 47%;}
.smarthome70 { width: 95%;  margin: 0 2.2%; }
.smarthome30 { width: 95%;  margin: 0 2.2%; }	
}
@media only screen and (max-width: 540px) {
.smarthome-content h1 {	color: #62A430;	margin-left: 15px;}
.smarthome-content p { margin-left: 15px;}
.smarthome-50 {	min-width:100%;}
.smarthome-70 {	min-width:100%;}
.smarthome-30 {	min-width:100%;}
.smarthome-25 {	min-width:100%;}
.smarthome-70-right {	min-width:100%;}
.right img {max-height: 250px; padding-top: 15px; padding-bottom: 15px;}
.left img {max-height: 250px; padding-top: 15px; padding-bottom: 15px;} 
.hide640 {display: none;}
.smarthome-login {float: none !important; margin-top: -5px !important; text-align:center;}

.smarthome-70 {	min-width:100%;}
.smarthome-70-right { min-width:100%;}
.smarthome-30 {	min-width:100%;}
.smarthome70a { width: 95%;  margin: 0 2.2%; }
.smarthome30a { width: 95%;  margin: 0 2.2%; }
}