/**************************************************/
/******************** Standard ********************/
/**************************************************/

/*
colors
#ebeafc
#72b6fd
*/

html { direction: rtl !important; }

body
{
 /*font-family: Arial, Tahoma, Andalus;*/
 font-family: Arial,Verdana,Geneva,sans-serif,"Droid Sans";
 cursor: url("../../images/mouse.ani");
 background-color: #ffffff;
 text-align: right;
/*
 background-image: url("../../images/background.jpg") fixed center top;
 background-attachment: fixed;
*/
}

th { background-color: #4993ff; color: #ffffff; text-align: center; vertical-align: middle;}

input[type="text"], input[type="password"], input[type="email"], select, textarea
{
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border: 1px solid #c80a38;
    color: #465096;
    padding: 4px;
    margin: 0px;
}

/*************************************************/
/******************** MenuBar ********************/
/*************************************************/
/* tha main div container of the menubar */
#menu {width:100%; text-align:center; border: 1px #000 solid; background-color: #000;}
/* for every ul in the div */
#menu ul {display:inline-block; padding:0; white-space:nowrap; background:#000; margin: 0px;}
/* for first li's in menu (main visibile li's) */
#menu ul.level1 li.level1-li {float:right;border-left: 1px solid #444; display:block; position:relative; text-align:center; color: #f00;}
/* for first links in menu (main visibile links) */
#menu ul.level1 li.level1-li a.level1-a {float:left;}
/* for every li in the div */
#menu li {display:inline; padding:0;}
/* for every a in the div */
#menu a {display:block; color:#fff; line-height:30px; text-decoration:none; padding:5px 15px; border-radius: 4px;}
/* the first (vertical) submenu under the main menu to right or left */
#menu ul li:hover > ul {visibility:visible; right:0; top:35px; background-color: #000;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:36px;}
/* down arrow image */
#menu li a.drop {background:transparent url('../../images/menu-down.gif') no-repeat left center;}
/* hides every submenu */
#menu ul ul {position:absolute; visibility:hidden;}
/* the second (horizental) submenu beside the first submenu to right or left */
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px; margin-left:-4px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-35px; margin-right:-4px;}
/* direction of left submenu */
#menu a:hover ul {left:0; top:23px;}
/**/
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
/**/
#menu li.left ul a {text-align:right; padding: 0px 50px;}
/**/
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
/**/
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
/**/
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
/**/
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}
/* right or left arrow image */
#menu li a.fly {background:transparent url('../../images/menu-right.gif') no-repeat right center;}
#menu li.left ul a.fly {background:transparent url('../../images/menu-left.gif') no-repeat left center;}
/* for every li hover in the div */
#menu li a:hover,
#menu li a:focus,
#menu li a.fly:hover, #menu li a.fly:focus {color:#f55; background-color:#ddd;} 
/* for every li hover in the div */
#menu li:hover > a,
#menu li:focus > a,
#menu ul li:hover > a.fly, #menu ul li:focus > a.fly {color:#f00; background-color:#eee;}

.level2 {z-index: 10000;}


/***********************************************/
/******************** Fonts ********************/
/***********************************************/
/*
 * Noto Naskh Arabic (Arabic) http://www.google.com/fonts/earlyaccess
 */
/*
 @font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.ttf) format('truetype');
}
*/

@font-face {
  font-family: 'BankGothic'; /* English */
  src: url('../../src/fonts/BankGothic.eot'); /* IE9 Compat Modes */
  src: url('../../src/fonts/BankGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src/fonts/BankGothic.woff') format('woff'), /* Modern Browsers */
       url('../../src/fonts/BankGothic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../src/fonts/BankGothic.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'GESSTwo'; /* Arabic */
  src: url('../../src/fonts/gesstwomedium.eot'); /* IE9 Compat Modes */
  src: url('../../src/fonts/gesstwomedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src/fonts/gesstwomedium.woff') format('woff'), /* Modern Browsers */
       url('../../src/fonts/gesstwomedium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../src/fonts/gesstwomedium.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Monotype'; /* Arabic */
  src: url('../../src/fonts/Monotype.eot'); /* IE9 Compat Modes */
  src: url('../../src/fonts/Monotype.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src/fonts/Monotype.woff') format('woff'), /* Modern Browsers */
       url('../../src/fonts/Monotype.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../src/fonts/Monotype.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'mothnna'; /* Arabic */
  src: url('../../src/fonts/mothnna.eot'); /* IE9 Compat Modes */
  src: url('../../src/fonts/mothnna.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src/fonts/mothnna.woff') format('woff'), /* Modern Browsers */
       url('../../src/fonts/mothnna.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../src/fonts/mothnna.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Kufi Arabic'; /* Arabic */
  src: url('../../src/fonts/NotoKufiArabic-Bold.eot'); /* IE9 Compat Modes */
  src: url('../../src/fonts/NotoKufiArabic-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src/fonts/NotoKufiArabic-Bold.woff') format('woff'), /* Modern Browsers */
       url('../../src/fonts/NotoKufiArabic-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../src/fonts/NotoKufiArabic-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Amiri-Bold'; /* Arabic */
  src: url('../../src/fonts/Amiri-Bold.eot'); /* IE9 Compat Modes */
  src: url('../../src/fonts/Amiri-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src/fonts/Amiri-Bold.woff') format('woff'), /* Modern Browsers */
       url('../../src/fonts/Amiri-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../src/fonts/Amiri-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/**************************************************/
/******************** Optional ********************/
/**************************************************/
.ar {text-align: right; direction: rtl;}
.en {text-align: left; direction: ltr;}
.dir-right {direction: rtl;}
.dir-left {direction: ltr;}
.fr {float: right;}
.fl {float: left;}
.in {display: inline;}
.in-bk {display: inline-block;}
.bk {display: block;}
.vm {vertical-align: middle;}
.vt {vertical-align: top;}
.vb {vertical-align: bottom;}
.hr {text-align: right;}
.hl {text-align: left;}
.hc {text-align: center;}

.thefont {font-family: Noto Kufi Arabic;}
.defaultfont {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px;}



#myContent {background-color: #ebeafc; border-left: 2px #0332b4 solid; border-right: 2px #0332b4 solid;}
#myHeader {background-color: #ebeafc; border-left: 2px #0332b4 solid; border-right: 2px #0332b4 solid;}
#myFooter {background-color: #ebeafc; border-left: 2px #0332b4 solid; border-right: 2px #0332b4 solid;}
#myCopyrights {background-color: #ebeafc; border-left: 2px #0332b4 solid; border-right: 2px #0332b4 solid;}
.bg1 {background-color: #ebeafc;}
.bg2 {background-color: #72b6fd;}
.logo img {width: 100%;}
.phones li {padding: 4px; display: inline-block; font-size: 20px; font-weight: bold;}
#whyus {padding: 10px; font-weight: bold; font-size: 23px;}
#whyus li {margin-bottom: 5px;}
.right li {float: right;}
.phones img {padding: 2px;}
.white {color: #fff;}
#mainmarquee {background-image: url('../../images/company_news2.jpg'); padding: 0 !important; position: relative; height: 72px;}
#mainmarquee_head {background-image: url('../../images/company_news1.jpg'); display: inline;float: right; height: 72px; width: 194px; z-index: 2; position: absolute; top:0px; right:0px;}
#mainmarquee marquee {width: 100%;}
#mainmarquee_body {position: absolute; top: 15px; left: 0px; text-align: left; z-index: 1; color: #fff;}
#mainmarquee_foot {background-image: url('../../images/company_news3.jpg'); display: inline;float: left; height: 72px; width: 79px; z-index: 2; position: absolute; top:0px; left:0px;}
#offers textarea {margin-top: 100px; margin-bottom: 30px; height: 210px; width: 200px; text-align: center; color: #fff; background-color: transparent; border-style: none; overflow: hidden; font-weight: bold; font-size: 22px; font-family: 'Times New Roman';}
#offers a {color: #fff;}
.img1 {background: url('../../images/offer1.jpg') center center no-repeat; height: 410px;}
.img2 {background: url('../../images/offer2.jpg') center center no-repeat; height: 410px;}
.img3 {background: url('../../images/offer3.jpg') center center no-repeat; height: 410px;}
#mainSlider img {width: 100px; height: 50px; border: medium solid #c0c0c0;}
.menubar {margin:0; padding:0; color: #fff; font-weight: bold;}
.stage1 {padding: 1px !important;}
.stage1 ul {width: 100%;}

#title {background: url('../../images/tower_title.jpg') center center no-repeat; height: 69px; padding-top: 15px; text-align: center; color: #fff; font-weight: bold;}
#marquee {background-image: url('../../images/tower_news2.jpg'); padding: 0 !important; position: relative; height: 72px;}
#marquee marquee {width: 100%;}
#marquee_head {background-image: url('../../images/tower_news1.jpg'); display: inline;float: right; height: 72px; width: 194px; z-index: 2; position: absolute; top:0px; right:0px;}
#marquee_body {position: absolute; top: 15px; left: 0px; text-align: left; z-index: 1; color: #fff;}
#marquee_foot {background-image: url('../../images/tower_news3.jpg'); display: inline;float: left; height: 72px; width: 79px; z-index: 2; position: absolute; top:0px; left:0px;}
.ribbon {margin-right: -10px;}
#features {padding: 10px 30px 10px 10px;}
#specifications {padding: 10px 30px 10px 10px;}
#location {text-align: center;}
#available {padding: 10px; font-weight: bold;}
#available td {height: 70px;}
#notices {}
#notavailable {padding: 10px; font-weight: bold;}
#notavailable td {height: 50px;}
#gallery {text-align: center;}
#gallery img {width: 100px; height: 100px; margin: 4px;}
#likebox {}
#facebook {}