* {
margin:0;
padding:0;
}
@font-face {
    font-family: Intro;
    src: url(Intro.otf);
   }
@font-face {
    font-family: Intro;
    src: url(Intro.eot);
   }
body {
background:#FFF364;
font-family: Intro, Arial;
}
.logo {
width:400px;
height:82px;
margin-left:120px;
margin-top:50px;
margin-bottom:40px;
}
.logo img {
float:left;
margin-right:10px;
}
.logo p {
font-size:18px;
padding:5px;
}
.hr_top {
width:840px;
border-bottom:2px solid #DC522B;
margin:0 auto;
margin-bottom:20px;
}
.hr_bottom {
width:840px;
border-bottom:2px solid #798500;
margin:100px auto;
}
.wrapper {
margin:0 auto;
width:980px;
}
a img {
border:none;
}
.divwr {
width:980px;
height:550px;
position:relative;
}
.block1 {
width:430px;
height:280px;
background:#A0B500;
position:absolute;
left:40px;
}
.block1 img {
margin:20px;
}
.block1 p {
text-align:right;
position:relative;
top:-70px;
left:-50px;
font-size:18px;
}
.block1 a {
color:#fff;
text-decoration:none;
}
.block2 {
width:430px;
height:280px;
background:#22AEB8;
position:absolute;
left:500px;
}
.block2 img {
margin:15px;
margin-left:160px;
}
.block2 p {
text-align:left;
position:relative;
top:-90px;
left:30px;
font-size:18px;
}
.block2 a {
color:#fff;
text-decoration:none;
}
.block3 {
width:430px;
height:280px;
background:#144E7A;
position:absolute;
left:40px;
top:300px;
}
.block3 img {

}
.block3 p {
text-align:right;
position:relative;
top:-230px;
left:-50px;
font-size:18px;
}
.block3 a {
color:#fff;
text-decoration:none;
}
.block4 {
width:430px;
height:280px;
background:#DD4719;
position:absolute;
left:500px;
top:300px;
}
.block4 img {
margin-left:150px;
position:relative;
top:25px;
}
.block4 p {
text-align:left;
position:relative;
top:-215px;
left:30px;
font-size:18px;
}
.block4 a {
color:#fff;
text-decoration:none;
}
.social {
margin:0 auto;
width:840px;
height:45px;
position:relative;
left:10px;
top:-80px;
text-align:right;
}
.social img {
padding:0 10px;
}