/* Body and Structure */
body {
    padding: 0px 183px 0px 183px;
    margin: 0% auto;
    width: 1000px; 
    overflow-x: hidden; 
}
#TransparentBG {
    height: 100%;
    width: 1000px;
    box-shadow: 0px 0px 36px -5px #032D72;
    background-color: #ffffff;
}


/* Other CSS */

.a1:link {
    color: white;
    text-decoration: none;
}
.a1:visited {
    color: white;
    text-decoration: none;
}
.a1:hover {
    color: orange;
    text-decoration: none;
}
.aLang:link {
    color: white;
    text-decoration: none;
    font-family: Calibri;
}
.aLang:visited {
    color: white;
    text-decoration: none;
    font-family: Calibri;
}
.aLang:hover {
    color: orange;
    text-decoration: none;
    font-family: Calibri;
}
.a2:link {
    color: orange;
    text-decoration: none;
}
.a2:visited {
    color: orange;
    text-decoration: none;
}
.a2:hover {
    color: orange;
    text-decoration: underline;
}
.ShadowImg {
    opacity: 0.5;
    filter: alpha(opacity = 50);
}
.fadein {
    position: relative;
}
.fadein img {
    left: 0;
    top: 0;
    position:absolute;
    max-width: 320px;
    max-height: 200px;
}


/*  Header CSS  */
#TopHeaderBar {
    margin: 0px;
    width: 100%;
    height: 12px;
}
.TopHeaderBar1 {
    float: left;
    width: 40%;
    background-color: #03548E;
    height: 12px;
    /* Class Because it shares with two or more divs */
}
.TopHeaderBar2 {
    float: left;
    width: 20%;
    background-color: #032D72;
    height: 12px;
    /* Class Because it shares with two or more divs */
}
.TopHeaderBar3 {
    float: left;
    width: 40%;
    background-color: #03548E;
    height: 12px;
    /* Class Because it shares with two or more divs */
}
#HeaderTopNav {
    width: 100%;
    height: 100%;
    background-color: #252525;
    color: white;
    font-family: Calibri;
}
#HeaderList1 {
    margin: 0;
    padding: 10px 20px 5px 20px;
}
#HeaderList1 li {
        display: inline;
}
#List1Li1 {
    padding: 0px 10px 0px 0px;
}
.List1Li2 {
    padding: 0px 0px 0px 10px;
    /* List since it shares in more than one list */
}
#List1Li3 {
    padding: 0px 2px 0px 2px;
    float: right;
}
.MidHeaderBar {
    height: 15px;
    width: 100%;
    background-color: #032D72;
    /* Class Because it shares with two or more divs */
}
#HeaderBotNav {
    height: 100%;
    width: 100%;
    background-color: #252525;
    color: white;
    font-family: Calibri;
    font-size: 18.44px;
}
#HeaderList2 {
    margin: 0;
    padding: 17px 5px 17px 5px;
}
#HeaderList2 li {
        display: inline;
}
.List2Li {
    padding: 0px 15px 0px 15px;
}
#BotHeaderBar {
    width: 100%;
    height: 5px;
    background-color: #032D72;
}
#sidediv {
    width: 48px;
    position: absolute;
    margin: 320px 0px 0px -51px;
}
.Img-Social {
    width: 48px;
    height: 48px;
    margin: 0px 0px 3px 0px;
}
.ShadowImg {
    box-shadow: 0px 0px 36px -5px black;
}
.Footer-Social {
    border-collapse: collapse;
}


/* Footer CSS */
.Img-Social2 {
    width: 48px;
    height: 48px;
}
#FooterTable {
    font-family: Calibri;
}
#FooterMainDiv {
    background-color: #252525;
}
#FooterList1 {
    list-style: none;
    padding: 0px 50px 0px 35px;
}
#FooterList1 li {
    padding: 3px;
    width: 75px;
}
#FooterList2 {
    list-style: none;
    padding: 0px 50px 0px 0px;
    width: 165px;
}
.PaddingList1 {
    padding: 3px;
}
.PaddingList2 {
    padding: 3px 3px 3px 15px;
}
#FooterList3 {
    list-style: none;
    padding: 0px;
    width: 100px;
}
#FooterList4 {
    margin: 10px 0px 0px 0px;
    height: 50px;
}
#FooterList4 li {
    display: inline;
}
#FooterList5 {
    margin: 0px;
}
#FooterList5 li {
    display: inline;
}
#CopyRightDiv {
    color: white;
    padding: 10px 0px 10px 0px;
    text-align: center;
    font-family: Calibri;
    background-color: #032D72
}
#BottomFooterBar {
    margin: 0px;
    width: 100%;
    height: 12px;
}



/* Default CSS */
#WhoWeAre {
    width: 100%;
    font-family: Calibri;
    font-size: 15.1px;
    background: -webkit-linear-gradient(top, #F9F9F9 , #E6E4E4);
    background: -moz-linear-gradient(top, #F9F9F9 , #E6E4E4);
    background: -o-linear-gradient(top, #F9F9F9 , #E6E4E4);
    background: -ms-gradient(top, #F9F9F9 , #E6E4E4);
    background: linear-gradient(top, #F9F9F9 , #E6E4E4);
}
#WWAP1 {
    color: #F19B20;
    padding: 20px 20px 15px 20px;
    margin: 0;
    font-size: 20px;
}
#WWAP2 {
    padding: 3px 55px 15px 55px;
    margin: 0;
    color: #6A6A6A;
    text-align: justify;
}
#ServiceIntro {
    padding: 5px 0px 0px 0px;
}
#DefaultTable1 {
    border-collapse: collapse;
    margin: 0px 0px 0px 10px;
}
#DefaultBar1 {
    height: 15px;
    width: 100%;
    background-color: #252525;
}
#DefaultTable2 {
    border-collapse: collapse;
}
#ServicesIntro {
    background: linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -webkit-linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -moz-linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -o-linear-gradient(top, #F9F9F9, #DDDDDD);
}
#PartnersIntro {
    background: #DFDFDF !important
}



/* Contact Us CSS */
#ContactUsDiv {
    background: linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -webkit-linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -moz-linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -o-linear-gradient(top, #F9F9F9, #DDDDDD);
}
#ContactUsTable {
    border-collapse: collapse;
    font-family: Calibri;
    color: #6A6A6A;
}
#FullMapJo {
    float: right;
    font-family: Calibri;
    background-color: #F19B20;
    color: white;
    padding: 2px 4px 2px 4px;
    text-align: center;
    border-radius: 4px;
    width: 85px;
    margin: 0px 105px 0px 0px;
    border-bottom: 2px solid #FF6B0D;
    border-right: 1px solid #FF6B0D;
    border-left: 1px solid #FF6B0D;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
}
#FullMapKSA {
    float: right;
    font-family: Calibri;
    background-color: #F19B20;
    color: white;
    padding: 2px 4px 2px 4px;
    text-align: center;
    border-radius: 4px;
    width: 85px;
    margin: 0px 105px 0px 0px;
    border-bottom: 2px solid #FF6B0D;
    border-right: 1px solid #FF6B0D;
    border-left: 1px solid #FF6B0D;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
}
#FullMapJo:hover {
    font-family: Calibri;
    background-color: #FF6B0D;
    color: white;
    padding: 2px 4px 2px 4px;
    text-align: center;
    border-radius: 4px;
    width: 85px;
    margin: 0px 105px 0px 0px;
    border-bottom: 2px solid #FF6B0D;
    border-right: 1px solid #FF6B0D;
    border-left: 1px solid #FF6B0D;
}
#FullMapKSA:hover {
    font-family: Calibri;
    background-color: #FF6B0D;
    color: white;
    padding: 2px 4px 2px 4px;
    text-align: center;
    border-radius: 4px;
    width: 85px;
    margin: 0px 105px 0px 0px;
    border-bottom: 2px solid #FF6B0D;
    border-right: 1px solid #FF6B0D;
    border-left: 1px solid #FF6B0D;
}


/* Careers CSS */
#CareersDiv {
    padding: 20px 0px 0px 0px;
    background: linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -webkit-linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -moz-linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -o-linear-gradient(top, #F9F9F9, #DDDDDD);
}
.CareerPar {
    padding: 0px 20px 0px 20px;
    font-size: 15.1px;
    color: #6A6A6A;
}
.BenefitsList {
    list-style-type: none;
    padding: 16px 0px 16px 70px;
    color: #6A6A6A;
    border-top: 2px solid gray;
    margin: 0px;
}


/* About Us CSS */
#AboutUsDiv {
    background: linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -webkit-linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -moz-linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -o-linear-gradient(top, #F9F9F9, #DDDDDD);
}
#Caption {
    background-color: #003f6b;
    color: white;
    width: 170px;
    text-align: center;
    font-size: 20px;
    margin-top: 5px;
    font-family: Calibri;
}
#Separate {
    background-color: #001e50;
    height: 15px;
    margin-top: 2px;
}
#Paragraph {
    padding-left: 10px;
    background: -webkit-linear-gradient(top, #F9F9F9 , #E6E4E4);
    background: -moz-linear-gradient(top, #F9F9F9 , #E6E4E4);
    background: -o-linear-gradient(top, #F9F9F9 , #E6E4E4);
    background: -ms-gradient(top, #F9F9F9 , #E6E4E4);
    background: linear-gradient(top, #F9F9F9 , #E6E4E4);
    opacity: 0.9;
    border: solid gray 1px;
}
#PicCaption {
    width: 20%;
    float: left;
    margin: 70px 0px 0px 0px;
}
#PicAboutUs {
    margin-top: 31px;
}
#DivCaption {
    background-color: rgb(0, 63, 107);
    color: white;
    font-size: 19px;
    height: 25px;
    margin-bottom: 3px;
    margin-top: 56px;
    text-align: center;
    width: 198px;
    font-family: Calibri;
}
#Container {
    float: left;
    width: 80%;
}
.Parg {
    font-family: Calibri;
    font-size: 15.1px;
    color: #6A6A6A;
}
#Slider {
    display: none;
}
.Separate1 {
    background-color: #3d3d3d;
    height: 15px;
}
#vm1, #vm2 {
    color: #003f6b;
    font-family: Calibri;
    font-size: 16px;
    padding-left: 65px;
}
#p1, #p2 {
    font-family: Calibri;
    font-size: 15.1px;
    padding-left: 107px;
    color: #6A6A6A;
}
#pc, #cs, #c {
    color: #003f6b;
    font-family: Calibri;
    font-size: 16px;
    padding-left: 65px;
}
#p3, #p4, #p5 {
    font-family: Calibri;
    font-size: 15.1px;
    padding-left: 107px;
    color: #6A6A6A;
}
#VissionMission {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    background: -webkit-linear-gradient(top, #F9F9F9 , #E6E4E4);
    background: -moz-linear-gradient(top, #F9F9F9 , #E6E4E4);
    background: -o-linear-gradient(top, #F9F9F9 , #E6E4E4);
    background: -ms-gradient(top, #F9F9F9 , #E6E4E4);
    background: linear-gradient(top, #F9F9F9 , #E6E4E4);
    border: solid gray 1px;
}
#OCV {
    padding-bottom: 10px;
    background-color: #ebebeb;
    border: solid gray 1px;
    background: -webkit-linear-gradient(top, #F9F9F9 , #E6E4E4);
    background: -moz-linear-gradient(top, #F9F9F9 , #E6E4E4);
    background: -o-linear-gradient(top, #F9F9F9 , #E6E4E4);
    background: -ms-gradient(top, #F9F9F9 , #E6E4E4);
    background: linear-gradient(top, #F9F9F9 , #E6E4E4);
}
#CaptionOCV {
    font-family: Calibri;
    width: 198px;
    background-color: rgb(0,63,107);
    color: white;
    text-align: center;
    font-size: 19px;
    margin-top: 2px;
    margin-bottom: 1px;
    height: 24px;
}


/* Our Partners CSS */
.PartnerName {
    color: #6A6A6A;
    margin: 16px 10px 16px 10px;
    font-size: 20px;
}
.PartnerInfo {
    color: #6A6A6A;
    margin: 16px 10px 16px 10px;
}


/* Our Clients CSS */
#OurClientsDiv {
    background: linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -webkit-linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -moz-linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -o-linear-gradient(top, #F9F9F9, #DDDDDD);
}


/* News CSS */
#NewsTable {
    width: 740px;
    height: 500px;
    font-family: Calibri;
    border-collapse: separate;
}
#NewsTable tr {
    background-color: #EBEBEB;
}
.NewsData1 {
    width: 270px;
    max-width: 270px;
    border-radius: 5px 0px 0px 5px;
    text-align:center;
    background-color: #DDDDDD;
}
.NewsData2 {
    width: 470px;
    max-width: 470px;
    border-radius: 0px 5px 5px 0px;
}
.NewsTopic {
    padding: 0px 0px 0px 20px;
    color: #032D72;
}
.NewsInfo {
    padding: 0px 0px 0px 20px;
    color: #6A6A6A;
}
.NewsLink:link {
    color: #032D72;
    text-decoration: none;
    float: right;
    padding: 0px 5px 3px 0px;
}
.NewsLink:visited {
    color: #032D72;
    text-decoration: none;
}
.NewsLink:hover {
    color: #032D72;
    text-decoration: underline;
}
.RightArrow {
    background-color: rgba(0, 0, 0, 0.3);
    float: left;
    width: 50px;
    height: 50px;
}
.RightArrowField {
    display: none;
    background-color: rgba(0, 0, 0, 0.3);
    float: left;
    width: 50px;
    height: 50px;
    color: white;
    text-align:center;
    font-family: Calibri;
    display: none;
}
.LeftArrow {
    background-color: rgba(0, 0, 0, 0.3);
    float: right;
    height: 50px;
}
.LeftArrowField {
    font-family: Calibri;
    background-color: rgba(0, 0, 0, 0.3);
    float: right;
    width: 50px;
    height: 50px;
    color: white;
    text-align:center;
    display: none;
}


/* Services CSS */
#ServicesTable {
    border-collapse: collapse;
    margin: 10px 0px 10px -5px;
    font-family: Calibri; 
    color: #6A6A6A;
}
.ServicesLink:link {
    color: #032D72;
    text-decoration: none;
    float: right;
    padding: 0px 5px 3px 0px;
}
.ServicesLink:visited {
    color: #032D72;
    text-decoration: none;
}
.ServicesLink:hover {
    color: #032D72;
    text-decoration: underline;
}
#ServicesDiv {
    padding: 25px 0px 0px 0px;
    background: linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -webkit-linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -moz-linear-gradient(top, #F9F9F9, #DDDDDD);
    background: -o-linear-gradient(top, #F9F9F9, #DDDDDD);
}