html,body 
{
	background: #76ba00; 
	margin : 0px;
	font: normal 90% Calibri,Arial,Tahoma,Verdana;
	color:#555555;
	text-align: center;
}

a 
{
	text-decoration:none;
	color: #FF6804;
}

a :hover{text-decoration:none}

img {border: none;}

.endrow{clear: both;height: 0}

h1{ color: #555555; margin: 15px 40px 0 0;padding:0px;font-weight: normal;display: block;float: right}

#row1 {background: #222222; height: 60px;border-bottom: 1px solid #FFFFFF}
#row1 .all {width: 600px; margin: auto;}
#row1 .logo  
{
	background: url("../Img/logo.png") no-repeat; 
	height: 29px; width: 99px;margin: 15px 0 0 50px;display: block;float: left
}

#row2{background: #e9e9e9;border-bottom: 2px solid #499700;border-top: 2px solid #222222}
  #row2 .all{background: #FFFFFF; width: 600px; margin: auto;}
  #row2 .left{background: url("../Img/left.png") no-repeat left; height: 373px; width: 300px; float: left}
    #row2 .left a {background: url("../Img/full.png") no-repeat left; height: 341px; width: 163px;margin: 10px 0 10px 100px;display: block}
  #row2 .right{background: url("../Img/right.png") no-repeat right; height: 373px; width: 300px;float: right;}
    #row2 .right a {background: url("../Img/smart.png") no-repeat right; height: 341px; width: 163px;margin: 10px 100px 10px 0;display: block;float: right}
  
#row3{background: #76ba00 url("../Img/bg1.png") repeat-x;clear: both;border-top: 1px solid #FFFFFF}
  #row3 .all{color: #dfffbb; width: 600px; margin: auto; min-height: 200px}
  #row3 h2 {color: #FFFFFF; font-weight: normal;margin-bottom: 5px}
  #row3 .left{width: 200px; float: left;margin-left: 80px}
  #row3 .right{width: 200px;float: right;margin-right: 80px}
  #row3 a {background: url("../Img/button.png") no-repeat; height: 34px; width: 153px;margin: auto;display: block; padding-top:8px;color: #222222}

 #row4{clear: both;}
  #row4 .all{background: url("../Img/end.png") repeat-x;color: #234600; width: 600px; margin: auto;padding-top:10px}
  #row4 .all a{color: #234600}