/* CSS Document */
/* Small Style - Landscape   */
.ST {
  left: 30px; /*30px*/
}
.P {
  left: 30px; /*30px*/
}
.h {
  left: 43px; /*43px*/
}
.o {
  left: 58px; /*58px*/
}
.t {
  left: 72px; /*71px*/
}
.to {
  left: 86px; /*85px*/
}
.g {
  left: 101px; /*99px*/
}
.r {
  left: 115px; /*112px*/
}
.a {
  left: 129px; /*126px*/
}
.ph {
  left: 143px; /*140px*/
}
.hy {
  left: 157px; /*154px*/
}
.y {
  left: 173px; /*170px*/
}
#AboutMain {
  top: 91px; /*91*/
}
#ClientsMain {
  top: 101px; /*91*/
}
.floatingleft {
  margin-right: 1px; /*  -20  10px  */
  margin-bottom: 1px;
}
#Slider {
  top: 104px; /*91*/
  position: absolute; /*  allow the reduced width to center */
  left: 20%;
  width: 60%; /*60%*/
}
.ContactIframe {
  top: 96px; /*91*/
}
.ContactFooter1 {
  top: 606px; /*91*/
  left: -4px;
  position: absolute;
  width: 100%;
}
.ContactFooter2 {
  top: 631px; /*91*/
  left: 0px;
  position: absolute;
  width: 100%;
}
.Phone {
  font-size: 13px; /*11px; */
}
.Copy {
  padding-top: 5px;
}
.CopyHome {
  padding-top: 5px;
  width: 200px; /*  100% */
  top: 10px!important;
}
/*--------------------------------------------------------------------------------------------*/
/******************************* FIRST LEVEL MENU *********************************************/
/*--------------------------------------------------------------------------------------------*/
#menuwrapper {
  top: 69px; /*32px*/
  left: -3px;
}
#menuwrapper ul li a {
  font-size: 16px; /*11px; */
  padding: 7px 4px;
  width: 70px; /*---------------Width of top menu items--------------------------------------*/
}
/*--------------------------------------------------------------------------------------------*/
/***************************** SECOND LEVEL MENU***********************************************/
/*--------------------------------------------------------------------------------------------*/
/* As the parent li has float:left property, we overwrite for the submenu (level 2) to float none (normal position)  */
#menuwrapper ul li ul li {
  width: 163px; /*150*/ /*-------Width of SECOND LEVEL MENU items (+10px to one below)--------*/
}
/* We style the color of level 2 links */
#menuwrapper ul li ul li a {
  width: 153px; /*120*/ /*----Width of SECOND LEVEL MENU items---------------------------------*/
}
/*--------------------------------------------------------------------------------------------*/
/**************************** THIRD LEVEL MENU ************************************************/
/*--------------------------------------------------------------------------------------------*/
/* We show the third level menu only when they hover the second level menu parent */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul, #menuwrapper ul li.iehover ul li.iehover ul {
  left: 163px; /*150*/ /*------------Left of THIRD LEVEL MENU items--------------------------*/
}
/* We change the background color for the level 3 submenu*/
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul li, #menuwrapper ul li.iehover ul li.iehover ul li {
  width: 147px; /*150*/ /*------Width of THIRD LEVEL MENU items (+10px to one below)---------*/
}
/* We change the level 3 link color */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul li a, #menuwrapper ul li.iehover ul li.iehover ul li a {
  width: 137px; /*120*/ /*--------Width of THIRD LEVEL MENU items-----------------------------*/
}
/*--------------------------------------------------------------------------------------------*/
/****************************** FOURTH LEVEL MENU Not Used Now ********************************/
/*--------------------------------------------------------------------------------------------*/
/* We show the FOURTH level menu only when they hover the third level menu parent */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul li:hover ul, #menuwrapper ul li.iehover ul li.iehover ul li.iehover ul {
  left: 127px; /*150*/ /*--------Left of FOURTH LEVEL MENU  items-----------------------------*/
}
/* We change the background color for the level 4 submenu*/
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul li:hover ul li, #menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li {
  width: 110px; /*150*/ /*--------Width of FOURTH LEVEL MENU items (+10px to one below)-------*/
}
/* We change the level 4 link color */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover ul li:hover ul li:hover ul li a, #menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li a {
  width: 100px; /*120*/ /*--------Width of FOURTH LEVEL MENU items----------------------------*/
}