body{
margin: 0 auto;
text-align: center;
background-image: url(../images/background.jpg);
}
#wrapper{
margin: 20px auto 0px;
width:800px;
height: 858px;
border: 6px solid #fff;
}
html>body #wrapper{
width:788px;
}
#div01{
float: left;
width: 214px;
height: 388px;
background-image: url(../images/house_01.jpg);
background-repeat: no-repeat;
}
#div02{
float:left;
width: 252px;
height: 388px;
background-image: url(../images/house_02.jpg);
background-repeat: no-repeat;
}
#div02_text{
margin-top:220px;
width:252px;
text-align: center;
color: #fff;
font-family: arial, tahoma,verdana;
font-size: 26px;
line-height: 28px;
font-weight: bold;
}
#div03{
float:left;
width: 322px;
height: 388px;
background-image: url(../images/house_03.jpg);
background-repeat: no-repeat;
}
#div04{
float:left;
width: 214px;
height: 254px;
background-image: url(../images/house_04.jpg);
background-repeat: no-repeat;
}
#div05{
float:left;
width: 252px;
height: 254px;
background-image: url(../images/house_05.jpg);
background-repeat: no-repeat;
}
#div05_text{
width:252px;
height: 254px;
text-align: center;
color: #ffff00;
font-family: arial, tahoma,verdana;
font-size: 26px;
line-height: 28px;
font-weight: bold;
}
#div06{
float:left;
width: 322px;
height: 254px;
background-image: url(../images/house_06.jpg);
background-repeat: no-repeat;
}
#div07{
float:left;
width: 79px;
height: 216px;
background-image: url(../images/house_07.jpg);
background-repeat: no-repeat;
}
#div08{
float:left;
width: 458px;
height: 216px;
background-image: url(../images/house_08.jpg);
background-repeat: no-repeat;
}
#div08_text{
text-align: center;
color: #fff;
font-family: arial, tahoma,verdana;
font-size: 24px;
line-height: 26px;
font-weight: bold;
}
#div08_text h1{
font-size: 50px;
line-height: 52px;
font-weight: bold;
}
#div08_text a{
color: #fff;
text-decoration: none;
}
#div08_text a:hover{
color: #ffff00;
text-decoration: underline;
}
#div09{
float:left;
width: 251px;
height: 216px;
background-image: url(../images/house_09.jpg);
background-repeat: no-repeat;
}