body{margin-top:0px;margin-left: 0px;margin-right: 0px;margin-bottom: 0px;overflow:hidden;width: 100%;height:100%;font-family:Tahoma;padding:0px;background-color:#2d393f;}
a:link {text-decoration:none;}a:visited {text-decoration:none;}a:hover {text-decoration:none;}a:active {text-decoration:none;}a:link {color:#575757;}a:visited {color:#575757;}a:hover {color:#575757;}a:active {color:#575757;}
/* work around mobile device auto-fitting */
#middleFrame {position:absolute;padding:0px;width:702px;height:524px;top:50%;margin-top:-262px;left:50%;margin-left:-351px;}
.infor {position:absolute;padding:0px;width:20px;height:20px;left:1.5%;margin-left:-10px;top:2.5%;z-index:99;margin-top:-10px;border-style:solid; border-width:0px; cursor:pointer;
  background-image:url('info_icon.png');
  background-repeat:no-repeat;}
.aya {position:absolute;padding:0px;width:25px;height:25px;left:98%;margin-left:-12.5px;top:2.4%;z-index:99;margin-top:-12.5px;border-style:solid;border-width:0px;cursor:pointer;
  background-image:url('nabi_icon.png');
  background-repeat:no-repeat;}
.envolp {
position:absolute;
  padding:0px;
  width:25px;
  height:25px;
 left:50%;
  margin-left:-12.5px;
  top:97%;
  margin-top:-12.5px;
  z-index:99;
  border-style:solid;
  border-width:0px;
  cursor:pointer;
  background-image:url(mail_icon.png);
  background-repeat:no-repeat;
}
#ha{

}
#infoPopUp{
position:absolute;
font-size:14px;
  padding: 0px;
  width: 702px;
  height: 524px;
  left:50%;
  margin-left:-351px;
  top:50%;
  margin-top:-262px;
  z-index:101;
  direction:rtl;
   color: #575757;
   background-color:#fcfcfe;
   border:0px solid;
border-radius:5px;
border-color:#fcfcfe;
}
#infoPopUp p{
margin:-2px;
padding: 5px;

}
#CloseinfoPopUp{
position:absolute;
  padding: 0px;
  width: 20px;
  height: 20px;
  left:-1.2%;
  margin-left:10px;
  top:2.5%;
  margin-top:-10px;
   cursor:pointer;
  z-index:101;
   background: url('close_icon.png') no-repeat;
}
#ClosemapPopUp{
position:absolute;
  padding: 0px;
  width: 20px;
  height: 20px;
  left:-5.9%;
  margin-left:10px;
  top:-0.9%;
  margin-top:-10px;
   cursor:pointer;
  z-index:105;
   background: url('close_icon.png') no-repeat;
}
#map{cursor:pointer;}
#ayaMenu{
position:absolute;
font-size:13px;
  padding: 5px;
  width: 702px;
  height: 524px;
  left:50%;
  margin-left:-351px;
  top:50%;
  margin-top:-262px;
  z-index:101;
   color: #575757;
   background-color:#fcfcfe;
   border:1px solid;
	border-radius:5px;
    border-color:#fcfcfe;
}
#CloseayaMenu{
position:absolute;
  padding: 0px;
  width: 30px;
  height: 30px;
  left:3%;
  margin-left:-15px;
  top:4.1%;
  margin-top:-15px;
   cursor:pointer;
  z-index:150;
   background: url('close_icon_black.png') no-repeat;
}
#mapPopUp{
  position:absolute;
  padding: 0px;
  width: 450px;
  height: 400px;
  left:50%;
  margin-left:-225px;
  top:50%;
  margin-top:-200px;
  z-index:103;
  direction:rtl;
   color: #ffffff;
    background-color:#2d393f;
	border-radius:5px;
}
.contactForm {
  position:absolute;
  padding: 0px;
  width: 450px;
  height: 400px;
  left:50%;
  margin-left:-225px;
  top:50%;
  margin-top:-200px;
  z-index:103;
  direction:rtl;
   color: #ffffff;
    background-color:#2d393f;
	border-radius:5px;
}
.contactForm .formError {
	width:300px;
	height:20px;
	margin-left:11%;
	bottom:5px;
}

.contactForm .formProgress {
	float:left;
}
.close{
 position:absolute;
  padding: 0px;
  width: 20px;
  height: 20px;
  left:2.5%;
  margin-left:-10px;
  top:3%;
  margin-top:-10px;
   cursor:pointer;
  z-index:150;
   background: url('close_icon.png') no-repeat;
  
}
#contact-us {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
 position:absolute;
  direction:rtl;
  font:tahoma;
  padding: 10px;
  text-align: right;
  width:450px;
  height:400px;
  left:43%;
  margin-left:-225px;
  top:50%;
  margin-top:-200px;
  z-index:101;
}

form fieldset {
  direction:rtl;
  border-color: #ffffff;
  border-width: 0px;
  border-style: solid;
  text-align: right; 
  color: #ffffff;
  
}

form fieldset legend { /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	direction:rtl;
	display: block;  /* block float the labels to left column, set a width */
	float: right; 
	width: 150px; 
	padding: 0; 
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	/*text-decoration:underline;     Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
				/* margin:5px 0 0 10px; set margin on left of form elements rather than right of label aligns textarea better in IE */
	resize:none;
	 border-color: #ffffff;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius:5px;

}
form textarea#comments{
width:400px;
height:220px;
font-size:13px;
background-color:#d2d2d2;
overflow:none;
}
form input{
width:200px;
background-color:#d2d2d2

}
form input#email{
direction:ltr;

}
.submit {
	width:40px;
	float:left;
	margin-left:10%;
	background:none!important;
     border:none; 
     padding:0!important;
	 color:#ffffff;
	 cursor:pointer;
	 
    /*border is optional
     border-bottom:1px solid #444;*/ 
}

textarea { 
font-size:12px;
 }
 input-placeholder{
 color: #636363;
   font-size:12px;
   direction:rtl;
 }
 ::-webkit-input-placeholder {
   color: #636363;
   font-size:12px;
   direction:rtl;
}

:-moz-placeholder { /* Firefox 18- */
   color: #636363; 
font-size:12px;  
direction:rtl;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #636363; 
font-size:12px;  
direction:rtl; 
}
:-ms-input-placeholder{  
	direction:rtl;
   color: #636363;  
   font-size:12px;
}
 ::-webkit-input-placeholder#email {
   color: #636363;
   font-size:12px;
   direction:rtl;
}

:-moz-placeholder#email { /* Firefox 18- */
   color: #636363; 
font-size:12px;  
direction:rtl;
}

::-moz-placeholder#email {  /* Firefox 19+ */
   color: #636363; 
font-size:12px;  
direction:rtl; 
}
:-ms-input-placeholder#email {  
	direction:rtl;
   color: #636363;  
   font-size:12px;
}

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#overly{
display: none;
   position:absolute;
  padding:0px;
  width:702px;
  height:524px;
  top:50%;
  margin-top:-262px;
  left:50%;
  margin-left:-351px;
    background: #000; /* fallback */
    background: rgba(0,0,0,0.50);
	 z-index: 102; /* any number */
	 /*border-radius:12px;
		border-color:#fcfcfe;*/
}

#browsers{position:absolute;
  padding: 0px;
  width: 200px;
  height: 60px;
  color:white;
  top:50%;
  margin-top:30px;
  left:50%;
  margin-left:-100px;
  z-index:10;
  font-family:Tahoma;
}