/* Fonts */
@font-face {
    font-family: "Cooper";
    src: url("en/fonts/Cooper.ttf");
    src: url("en/fonts/Cooper.eot?") format("eot"), url("en/fonts/Cooper.otf") format("opentype"), url("en/fonts/Cooper.ttf") format("truetype");
}

@font-face {
    font-family: "HoboStd";
    src: url("en/fonts/HoboStd.ttf");
    src: url("en/fonts/HoboStd.eot?") format("eot"), url("en/fonts/HoboStd.otf") format("opentype"), url("en/fonts/HoboStd.ttf") format("truetype");
}

@font-face {
    font-family: "Delisia";
    src: url("en/fonts/Delisia.ttf");
    src: url("en/fonts/Delisia.eot?") format("eot"), url("en/fonts/Delisia.otf") format("opentype"), url("en/fonts/Delisia.ttf") format("truetype");
}

html {
    margin: 0px;
    padding: 0px;
    font-family: Cooper;
    font-size: 16px;
    color: #666;
}

body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: 'Cooper';
    font-size: 15px;
    color: #888;
}

h2 {
    width: 100%;
    font-family: 'Delisia';
    font-size: 30px;
	font-weight: normal;
    color: #888;
}

div {
    overflow:hidden;
}

/*Our Serv*/
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services {
    overflow: visible;
}
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services .Our_Services {
    text-align: center;
    overflow: visible;
}
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services .Our_Services ul li {
    width: 100px;
    min-height: 100px;
    display: block;
    text-align: center;
    position: relative;
}
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services .Our_Services ul li a {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
}
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services .Our_Services ul li div.img {
    background: #ccc;
    border: 6px solid #fff;
    width: 100px;
    height: 100px;
    display: block;
    align: center;
    border-radius: 30pc;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services .Our_Services ul li.how_eng div.img {
    background: url(images/english.png) no-repeat center center;
}
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services .Our_Services ul li.how_eng:hover div.img {
    border: 6px solid #222081;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services .Our_Services ul li.how_fr div.img {
    background: url(images/french.png) no-repeat center center;
    text-align: center;
}
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services .Our_Services ul li.how_fr:hover div.img {
    border: 6px solid #b71321;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services .Our_Services ul li.how_sp div.img {
    background: url(images/spanish.png) no-repeat center center;
    text-align: center;
}
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services .Our_Services ul li.how_sp:hover div.img {
    border: 6px solid #d15b07;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services .Our_Services ul li.how_ar div.img {
    background: url(images/arabic.png) no-repeat center center;
    text-align: center;
}
#Wrapper #Wrapper_Content #Container #Body #Content #Our_Services .Our_Services ul li.how_ar:hover div.img {
    border: 6px solid #029b3c;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}