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


@media screen and (min-width:751px){

#family1{
	background-attachment: scroll;
	background-image: url(img/family_back1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 300px;
	width: 900px;
	line-height: 170%;
	font-size: 18px;
	}
	
#family2{
	background-attachment: scroll;
	background-image: url(img/family_back2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 900px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 170%;
	font-size: 18px;
	padding-top: 70px;
	}
	
	
	
#familiy-head-line{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #f180bf;	
}



/*-----------header-------------*/
	

#sky {
	background-image: url(img/sky.png);
	background-repeat: repeat-x;
	background-position: 0px top;
	width: 100%;
	margin-top: 0px;
}
#forest {
	background-image: url(img/forest.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	width: 100%;
	height: 1350px;
	margin-bottom: 0px;
}
#title {
	background-image: url(img/title.png);
	background-repeat: no-repeat;
	height: 150px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#house1 {
	height: 350px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(img/house1.png);
	background-repeat: no-repeat;
	padding: 0px;
}

#house1 dt{
	margin-top: 68px;
	margin-left: 52px;
	float: left;
	clear: both;
	position: absolute;
}
#house1 dd{
	margin-top: 40px;
	margin-left: 355px;
	position: absolute;
}

#house2 {
	background-image: url(img/house2.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#house2 dt{
	margin-top: -33px;
	margin-left: 400px;
	float: left;
	clear: both;
	position: absolute;
}
#house2 dd{
	margin-top: -100px;
	margin-left: 765px;
	position: absolute;
}


#house3 {
	background-image: url(img/house3.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#house3 dt{
	margin-top: -80px;
	margin-left: 5px;
	float: left;
	clear: both;
	position: absolute;
}
#house3 dd{
	margin-top: 7px;
	margin-left: 300px;
	position: absolute;
}


#house4 {
	background-image: url(img/house4.png);
	background-repeat: no-repeat;
	height: 199px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 111px;
}

#house4 dt{
	margin-left: 230px;
	float: left;
	clear: both;
	position: absolute;
}


.p_ser {
}

.tohome{
		margin-top: 15px;
		margin-left: 150px;
	}


.profile{
	width: 400px;
	padding-right: 25px;
	padding-left: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px;
	line-height: 170%;
}

}




@media screen and (max-width:750px){


#family1{
	background-attachment: scroll;
	background-image: url(img/family_back1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 234px;
	width: 702px;
	line-height: 170%;
	font-size: 18px;
	}
	
#family2{
	background-attachment: scroll;
	background-image: url(img/family_back2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 702px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 170%;
	font-size: 18px;
	padding-top: 55px;
	}
	
	
	
#familiy-head-line{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #f180bf;	
}




/*-----------header-------------*/
	

#sky {
	background-image: url(img/sky.png);
	background-size: 429px 546px;
	background-repeat: repeat-x;
	background-position: 0px top;
	width: 100%;
	margin-top: 0px;
}
#forest {
	background-image: url(img/forest.png);
	background-size: 242px 624px;
	background-repeat: repeat-x;
	background-position: 0px bottom;
	width: 100%;
	height: 1053px;
	margin-bottom: 0px;
}
#title {
	background-image: url(img/title.png);
	background-size: 741px 117px;
	background-repeat: no-repeat;
	width: 741px;
	height: 117px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#house1 {
	background-image: url(img/house1.png);
	background-size: 741px 273px;
	background-repeat: no-repeat;
	width: 741px;
	height: 273px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#house1 dt{
	margin-top: 53px;
	margin-left: 41px;
	float: left;
	clear: both;
	position: absolute;
}
#house1 dd{
	margin-top: 31px;
	margin-left: 277px;
	position: absolute;
}

#house2 {
	background-image: url(img/house2.png);
	background-size: 741px 195px;
	background-repeat: no-repeat;
	width: 741px;
	height: 195px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#house2 dt{
	margin-top: -26px;
	margin-left: 312px;
	float: left;
	clear: both;
	position: absolute;
}
#house2 dd{
	margin-top: -78px;
	margin-left: 597px;
	position: absolute;
}


#house3 {
	background-image: url(img/house3.png);
	background-size: 741px 195px;
	background-repeat: no-repeat;
	width: 741px;
	height: 195px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#house3 dt{
	margin-top: -80px;
	margin-left: 5px;
	float: left;
	clear: both;
	position: absolute;
}
#house3 dd{
	margin-top: 6px;
	margin-left: 234px;
	position: absolute;
}


#house4 {
	background-image: url(img/house4.png);
	background-size: 741px 242px;
	background-repeat: no-repeat;
	width: 741px;
	height: 155px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 87px;
}



#house4 dt{
	margin-left: 179px;
	float: left;
	clear: both;
	position: absolute;
}



.tohome{
		margin-top: 7px;
		margin-left: 120px;
	}

	
	
	
	
.p_ser {
}




.profile{
	width: 312px;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 16px;
	margin-top: 16px;
	font-size: 18px;
	line-height: 170%;
}

}