﻿*:focus { outline: none; }

html, body {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
    background: url("../images/sBK.jpg") repeat scroll 0 0 transparent;
    font-family: 'Open Sans', sans-serif;;
}

#main-container {
    background: url("../images/gradient-bg.png") repeat-x scroll 0 0 transparent;
    height: 2939px;
    width: 100%;
    /*margin: 0 auto;
    width: 960px;*/
}

#content {
    background: url("../images/headers.png") no-repeat scroll center top transparent;
    height: 2939px;
    margin: 0 auto;
    width: 960px;
}

.seo-element {
    display: block;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 0;
}

/*Header*/
#site-header {
    background: url("../images/SS.png") no-repeat scroll -1234px -609px transparent;
    height: 537px;
    margin: 0 auto;
    padding-top: 1px;
    width: 503px;
}

#logo {
    background: url("../images/i-phone malta.png") no-repeat scroll 0 0 transparent;
    height: 122px;
    margin: 100px auto 0;
    width: 363px;
}

#social-row {
    margin: 30px auto 0;
    padding-right: 40px;
    position: relative;
    text-align: right;
    width: 363px;
}

.social {
    display: inline-block;
    height: 56px;
    margin-left: -32px;
    width: 95px;
}

#facebook-social {
    background: url("../images/SS.png") no-repeat scroll -827px -718px transparent;
}

#twitter-social {
    background: url("../images/SS.png") no-repeat scroll -933px -718px transparent;
}

#google-plus-social {
    background: url("../images/SS.png") no-repeat scroll -1039px -718px transparent;
}

.social-link {
    display: block;
    height: 56px;
    position: absolute;
    top: 0;
    -moz-transform: matrix(1, 0, -0.6, 1, 0, 0);
    -ms-transform: matrix(1, 0, -0.6, 1, 0, 0);
    -o-transform: matrix(1, 0, -0.6, 1, 0, 0);
    -webkit-transform: matrix(1, 0, -0.6, 1, 0, 0);
    transform: matrix(1, 0, -0.6, 1, 0, 0);
    width: 61px;
}

#facebook-social-link {
    /*right: 191px;*/
    right: 57px;
}

#twitter-social-link {
    right: 124px;
}

#google-plus-social-link {
    right: 57px;
}

/*Sections Global*/
.sec-logo {

}

.sec-title {

}

/*About Us*/
#about-us-cont {
    padding-top: 1px;
}

#about-us-cont header {
    background: url("../images/SS.png") no-repeat scroll -323px -29px transparent;
    height: 340px;
    margin-top: -264px;
    padding-top: 1px;
    width: 380px;
}

#about-us-logo {
    background: url("../images/SS.png") no-repeat scroll -150px -97px transparent;
    height: 111px;
    margin: 155px auto 0;
    width: 102px;
}

#about-us-title {
    background: url("../images/SS.png") no-repeat scroll -72px -254px transparent;
    height: 27px;
    margin: 45px 0 0 48px;
    width: 184px;
}

.about-us-info {
    background: url("../images/SS.png") no-repeat scroll 0 0 transparent;
    text-align: center;
}

#about-us-info-1 {
    background-position: -846px -89px;
    height: 98px;
    margin: 49px auto 0;
    width: 633px;
}

#about-us-info-2 {
    background-position: -811px -237px;
    height: 98px;
    margin: 64px auto 0;
    width: 629px;
}

#about-us-info-3 {
    background-position: -935px -397px;
    height: 148px;
    margin: 83px auto 0;
    width: 791px;
}

#about-us-info-4 {
    background-position: -65px -449px;
    height: 178px;
    margin: 67px auto 0;
    width: 767px;
}

#about-us-info-5 {
    background-position: -75px -683px;
    height: 144px;
    margin: 49px auto 0;
    width: 579px;
}

/*Services*/
#services-cont {
    padding-top: 1px;
    position: relative;
}

#services-cont::selection {
    background: transparent;
}

#services-cont::-moz-selection {
    background: transparent;
}

#services-cont header {
    background: url("../images/SS.png") no-repeat scroll -1269px -1210px transparent;
    height: 152px;
    margin: 60px 0 0 165px;
    width: 462px;
}

#services-logo {
}

#services-title {
}

#services-carousel {
    background: url("../images/SS.png") no-repeat scroll -53px -989px transparent;
    height: 588px;
    margin: -105px auto;
    padding-top: 1px;
    position: relative;
    width: 638px;
}

.service-entry {
    background: url("../images/SS.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 57px;
    opacity: 0.7;
    position: absolute;
    text-align: center;
    width: 49px;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.service-entry:hover, .service-entry.selected {
    opacity: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

#service-entry-1 {
    background-position: -41px -890px;
    height: 40px;
    left: 22px;
    top: 84px;
    width: 23px;
}

#service-entry-2 {
    background-position: -114px -894px;
    height: 29px;
    left: 71px;
    top: 115px;
    width: 37px;
}

#service-entry-3 {
    background-position: -191px -897px;
    height: 25px;
    left: 127px;
    top: 142px;
    width: 42px;
}

#service-entry-4 {
    background-position: -278px -885px;
    height: 43px;
    left: 185px;
    top: 157px;
    width: 26px;
}

#service-entry-5 {
    background-position: -349px -895px;
    height: 29px;
    left: 243px;
    top: 190px;
    width: 43px;
}

#service-entry-6 {
    background-position: -432px -898px;
    height: 23px;
    left: 311px;
    top: 168px;
    width: 37px;
}

#service-entry-7 {
    background-position: -517px -881px;
    height: 57px;
    left: 370px;
    top: 126px;
    width: 25px;
}

#service-entry-8 {
    background-position: -587px -891px;
    height: 37px;
    left: 416px;
    top: 110px;
    width: 44px;
}

#service-entry-9 {
    background-position: -675px -889px;
    height: 41px;
    left: 473px;
    top: 84px;
    width: 27px;
}

#service-entry-10 {
    background-position: -747px -890px;
    height: 38px;
    left: 520px;
    top: 61px;
    width: 43px;
}

#service-entry-11 {
    background-position: -824px -890px;
    height: 38px;
    left: 574px;
    top: 35px;
    width: 49px;
}

#services-carousel-content {
    height: 130px;
    margin: 275px auto 0;
    width: 523px;
    -webkit-transition: background 1.5s;
    -moz-transition: background 1.5s;
    -o-transition: background 1.5s;
    transition: background 1.5s;
}

.services-carousel-content-service-entry-1 {
    background: url("../images/services.png") no-repeat scroll 0 -35px transparent;    
}

.services-carousel-content-service-entry-2 {
    background: url("../images/services.png") no-repeat scroll 0 -185px transparent;    
}

.services-carousel-content-service-entry-3 {
    background: url("../images/services.png") no-repeat scroll 0 -340px transparent;    
}

.services-carousel-content-service-entry-4 {
    background: url("../images/services.png") no-repeat scroll 0 -500px transparent;    
}

.services-carousel-content-service-entry-5 {
    background: url("../images/services.png") no-repeat scroll 0 -650px transparent;    
}

.services-carousel-content-service-entry-6 {
    background: url("../images/services.png") no-repeat scroll 0 -810px transparent;    
}

.services-carousel-content-service-entry-7 {
    background: url("../images/services.png") no-repeat scroll 0 -960px transparent;    
}

.services-carousel-content-service-entry-8 {
    background: url("../images/services.png") no-repeat scroll 0 -1115px transparent;    
}

.services-carousel-content-service-entry-9 {
    background: url("../images/services.png") no-repeat scroll 0 -1265px transparent;    
}

.services-carousel-content-service-entry-10 {
    background: url("../images/services.png") no-repeat scroll 0 -1425px transparent;    
}

.services-carousel-content-service-entry-11 {
    background: url("../images/services.png") no-repeat scroll 0 -1575px transparent;    
}

#services-carousel-controls-cont {
    height: 93px;
    left: 853px;
    position: absolute;
    top: 307px;
    width: 41px;
}

.services-carousel-controls {
    background: url("../images/SS.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 38px;
    width: 41px;
}

.services-carousel-controls:hover {
}

#services-carousel-controls-up {
    background-position: -745px -1206px;
}

#services-carousel-controls-sepa {
    height: 17px;
    width: 41px;
}

#services-carousel-controls-down {
    background-position: -745px -1261px;
}

/*Contact Us*/
#contact-us-cont {
    color: #122F4F;
    padding-top: 1px;
    position: relative;
}

#contact-us-cont header {
    background: url("../images/SS.png") no-repeat scroll -1273px -1439px transparent;
    height: 212px;
    margin: -30px 0 0 99px;
    width: 464px;
}

#contact-us-logo {
}

#contact-us-title {
}

#contact-us-details-cont {
    background: url("../images/SS.png") no-repeat scroll -822px -1072px transparent;
    height: 339px;
    padding-top: 242px;
    position: absolute;
    right: 24px;
    top: -5px;
    width: 372px;
}

#contact-us-details-content {
    /*height: 581px;*/
    padding-top: 1px;
    width: 372px;
}

.contact-us-detail {
    line-height: 24px;
    margin: 0;
    padding-left: 110px;
}

#contact-us-details-address {
    font-size: 26px;
    font-style: italic;
    line-height: 28px;
    margin-top: 46px;
    padding-left: 60px;
}

#contact-us-details-tel {
    margin-top: 18px;
}

#contact-us-details-fax {
    margin-top: 0;
}

#contact-us-details-mob {
    margin-top: 0;
}

#contact-us-details-email {
    margin-top: 0;
}

#contact-us-map {
    background: none no-repeat scroll -853px -1585px transparent;
    cursor: pointer;
    height: 60px;
    margin: 26px auto;
    width: 314px;
}

#contact-us-map a {
    display: block;
    height: 100%;
    width: 100%;
}

#contact-us-form {
    color: #112943;
    font-size: 18px;
    width: 561px;
}

.contact-us-form-row {
    margin: 10px 0;
}

.contact-us-form-element {
    vertical-align: middle;
}

.contact-us-form-label {
    display: inline-block;
    text-align: right;
    width: 150px;
}

.contact-us-form-field {
    background: none no-repeat scroll 0 0 transparent;
    border: none;
    border-bottom: 1px solid #112943;
    color: #112943;
    margin-left: 30px;
    padding: 10px;
    width: 300px;
}

#contact-us-field-message-row {
    padding-left: 112px;
    width: 400px;
}

#contact-us-field-message {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #112943;
    height: 111px;
    overflow: auto;
    padding: 10px;
    margin-top: 16px;
    resize: none;
    width: 297px;
}

.contact-us-form-element.error {
    border-color: red !important;
}

#contact-us-form-send {
    background: none no-repeat scroll 0 0 #132f4f;
    border: medium none;
    color: white;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    height: 45px;
    margin-top: 10px;
    width: 319px;
}

#copyright {
    color: #132f4f;
    font-size: 14px;
    position: relative;
    text-align: center;
    top: 140px;
}