@font-face{
font-family: MyriadPro-Bold;
src: url('MyriadPro-Bold.otf');
}

@font-face{
font-family: MyriadPro-Semibold;
src: url('MyriadPro-Semibold.otf');
}

@font-face{
font-family: MyriadPro-Regular;
src: url('MyriadPro-Regular.otf');
}

@font-face{
font-family: Oswald;
src: url('Oswald.ttf');
}

#about-intro-section{
float: left;
margin-left:0px;
}

#about-intro-section-top{
margin-top: 60px;
}

#about-intro-section-top{
width: 1002px;
height: 16px;
float: left;
background: url("images/about-body-square-bg-top.jpg")no-repeat;
}

#about-intro-section-middle{
float: left;
width: 1002px;

background: url("images/about-body-square-bg-repeat.jpg")repeat-y;
}


#about-intro-section-middle img{
float: left;
margin-top: -35px;
margin-left: 7px;
position: relative;
z-index: 2;
}


#about-intro-section-middle-main h2{
float: left;


font-family: Oswald, sans-serif;
text-decoration: none;

font-size: 27px;
color: #3a4350;
font-weight: lighter;
margin-top: 18px;
margin-left: 40px;
margin-bottom: 12px;
line-height: 33px;
margin-right: 40px;
}


#about-intro-section-middle-main h1{


float: left;

margin-right: 40px;
font-family: MyridaPro-Regular, sans-serif;
text-decoration: none;
font-weight: lighter;
font-size: 14px;
color: #5b5b5b;
margin-left: 40px;
margin-top: 10px;
position: relative;
z-index: 2;
margin-bottom: 32px;
line-height: 18px;

}


#about-intro-section-bottom{
position: relative;
z-index: 1;
margin-top: -54px;
float: left;
width: 1002px;
margin-left:-1px;
height: 68px;
background: url("images/about-body-square-bg-bottom.jpg")no-repeat;
}




#services-all{
float: left;
margin-top: 18px;
margin-left: 0px;
}

.services-each{
float: left;
margin-top:30px;

}


.services-each-top{
float:left;
width: 1006px;
height: 84px;
background: url("images/service-each-top.jpg")no-repeat;
}


.services-each-middle{
float:left;
width: 1050px;

background: url("images/service-each-repeat.jpg")repeat-y;

}


.services-each-bottom{
float:left;
width: 1007px;
height: 37px;
background: url("images/service-each-bottom.jpg")no-repeat;
margin-left: -1px;
}


.services-each-middle-left{
float:left;
margin-left: 27px;
margin-top: -55px;

}

.services-each-middle-left h6{
margin-top: 0px;
font-family: MyridaPro-Regular, sans-serif;
text-decoration: none;

font-size: 24px;
color: #ffffff;





}

.services-each-middle-center {
float:left;
width: 680px;
margin-top: -68px;
margin-left: 42px;
margin-bottom: 10px;
}


.services-each-middle-center h1{
font-family: Oswald, sans-serif;
text-decoration: none;

font-size: 30px;
color: #404855;
font-weight: lighter;
margin-top: 0px;
margin-bottom: 12px;



}

.services-each-middle-center p{
margin-top: 0px;
font-family: MyridaPro-Regular, sans-serif;
text-decoration: none;
margin-bottom: 18px;
font-size: 13px;
color: #595959;
line-height: 17px;

}

.services-each-middle-center a{
margin-top: 0px;
font-family: MyridaPro-Bold, sans-serif;
font-weight: bold;
text-decoration: none;
margin-right: 15px;
font-size: 14px;
color: #6a6a6a;
text-decoration: none;
z-index: 2;
position:relative;
}


.services-each-middle-center a:hover{
margin-top: 0px;
font-family: MyridaPro-Bold, sans-serif;
font-weight: bold;
text-decoration: none;
margin-right: 15px;
font-size: 14px;
color: #e42158;
text-decoration: none;
z-index: 2;
position:relative;
}

.services-each-middle-right{
float:left;
margin-top: -100px;
margin-left: 25px;
z-index: 2;
position:relative;
}



.services-each-bottom{
float: left;
z-index: 1;
position:relative;
margin-top: -15px;
}