@charset "utf-8";
/* CSS Document */


/*=========================================================
Reaya Investment
===========================================================
Dsecription     :     Reaya Investment
File name       :     style.css
version         :     2.0
Date            :     July - 25 - 2013
Company         :     Reaya Investment
Moderator       :     Nabeel P.V
=========================================================*/

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'kaushan_scriptregular';
    src: url('fonts/kaushan_script/kaushanscript-regular-webfont.eot');
    src: url('fonts/kaushan_script/kaushanscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kaushan_script/kaushanscript-regular-webfont.woff') format('woff'),
         url('fonts/kaushan_script/kaushanscript-regular-webfont.ttf') format('truetype'),
         url('fonts/kaushan_script/kaushanscript-regular-webfont.svg#kaushan_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'bebasregular';
    src: url('fonts/bebas/bebas___-webfont.eot');
    src: url('fonts/bebas/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebas/bebas___-webfont.woff') format('woff'),
         url('fonts/bebas/bebas___-webfont.ttf') format('truetype'),
         url('fonts/bebas/bebas___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{background:url(../img/mainBg.jpg) top center no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;margin:0px; padding:0px;}
ul,li{margin:0px; padding:0px;}
a{text-decoration:none;}
img{border:none;outline:none;}
.clearing{clear:both;}
#wrapper{width:1000px; margin:auto; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);box-shadow: 0 1px 5px rgba(0,0,0,0.5); background:#fff ;}
#MainHeader{width:100%; background:#bdae57; height:122px; border-bottom:2px solid #746c3f; }
#header{height:120px; width:1000px; background:#fff; margin:0 auto; border-bottom:2px solid #746c3f ; border-top:0px; position:relative; z-index:10; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);box-shadow: 0 1px 5px rgba(0,0,0,0.5);
}
#header_golden{width:40%;  position:absolute; right:0px; z-index:1; background-color:#6d6536;  
  height:122px;
}
#header_golden img{ position:absolute; z-index:9999; right:100%;}
#logo{float:left; padding-left: 7px;}
#logo img{
  width:auto; 
  /*height:115px;*/
} 
#regLog{width:1000px; margin:auto;}

ul.log{float:left; list-style:none; margin:17px 0 0 15px;}
ul.log li{margin:0 0 0 0; float:left; padding-right:20px;}
ul.log li a{font:normal 13px 'Open Sans'; color:#fff;  padding:8px 10px; background: #6d6536;border-radius: 5px; border:1px solid #58512b;}
ul.log li a:hover{color:#bdae57; background:#ab1808; border:1px solid #850f02; }


#mainNav{}
#mainNav ul{list-style-type:none; padding: 50px;}
#mainNav ul li{text-align:right; float:right; padding-left:30px;}
#mainNav ul li a{ padding:50px 13px 43px 13px; color:#000; font:13px Droid Arabic Kufi; }
#mainNav ul li a:hover{background:#eeeeee; border-bottom:2px solid #6d6536; color:#6d6536;}
#mainNav ul li a.active{background:#eeeeee; border-bottom:2px solid #6d6536; color:#6d6536;}




#banner{width:1000px; height:500px; overflow:hidden; position:relative; border-top:1px solid #ddd;}
#banner img{width:1000px;}

#homeInner{background:#fff; width:959px; min-height:780px !important; border-bottom: 0px !important; padding:0 20px; position:relative; border:1px solid #ddd; z-index:10px !important;}
.left_shadow{position:absolute; top:0px; left:-10px; z-index:-10px;}
.right_shadow{position:absolute; top:0px; right:-10px; z-index:-10px;}
.welcmecntnt{}
.contRight{width:600px; float:right;}
.contRight h2{text-align:right; color:#d50000;  font:20px Droid Arabic Kufi;}
.contRight .content p{text-align:right; font-size:22px; color:#888888; line-height: 30px;}



.boxes{width:600px; }
.box1{width: 163px;float: right;margin-right: 22px;margin-bottom: 20px;border: 1px solid #DDD;height: 290PX;padding: 10PX;border-radius: 5PX;-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.3);box-shadow: 0 0px 5px rgba(0,0,0,0.3);}
.box1 h3{text-align:right; color:#d50000; margin:0px; padding:6px 0;  font:16px Droid Arabic Kufi;}
.box1 p{text-align:right; margin:0px; padding:0px; color:#888888; font-size:15px;}

.contLeft{ width:330px;}

#ourServices{width:300px;  margin-top:20px; float:left; margin-bottom:50px; }
#ourServices h2{font-size:21px; color:#d50000; position:relative; text-align:right;  font:20px Droid Arabic Kufi;}

.accordian{ width:300px; background:#FFF; min-height:100px; float:left;  }
.accordian .innerUl{}
.accordian ul{list-style-type:none; margin:0px; padding:0px; position:relative;  }
.accordian ul li{ padding:10px 0; padding-bottom:15px; margin-top:10px; background:url(../img/plus.png)  10px 18px no-repeat #ececec; text-align:right; }

.accordian ul li.active{color:#fff; background:url(../img/minus.png) 10px 20px no-repeat #d9ca7b; padding-bottom:0px;}
.accordian ul li.active a{color:#fff;}
.accordian ul li img{width:80%; margin:2% 2%; max-width:248px;}
.accordian ul li:last-child{border:none;}
.accordian ul li a{ position:relative;  color:#686868; padding:0 10px; cursor:pointer; display:block;  font:14px Droid Arabic Kufi;}
.accordian .content{width:100%; background-color:#fff; display:none;}
.accordian .content a{color:#b4b3b3 !important; font-size:12px; text-decoration:underline; text-align:left; float:left; padding: 10px;}
.accordian .content a:hover{color:#00a0c8 !important; text-decoration:none; }
.accordian .content h2{font-size:28px; color:#fff; margin:0px; padding-left:5%; padding-top:5%;}
.accordian .content p{font-size:13px; color:#8d8d8d; padding:5%; margin-top:10px; text-align:right;}


#footer{ background:#bdae57;; border-top:4px solid #746c3f; position:relative; width:100%; height:136px;}
.footWrap{width:1000px; margin:0px auto;  background:#ff0000;}
.foooterPos{position:absolute;  z-index:2; width:700px;}
#footer p{float:right; margin-top: 9px;  color:#fff; font:13px Droid Arabic Kufi;}
#footerNav{float:right;}
#footerNav ul{list-style-type:none; padding:15px;}
#footerNav ul li{text-align:right; float:right; padding-left:60px;}
#footerNav ul li a{  color:#000; }
#footerNav ul li a:hover{ color:#d50000;}
#footerNav ul li a.active{color:#d50000;}

#footer_blue{width:40%; min-height:125px;  position:absolute; left:0px; z-index:1; margin-top:-25px;  background-color:#6d6536;}
#footer_blue img{ position:absolute; z-index:9999; left:100%;}


#socialMedia{float:right; width:180px; margin-top:40px;}
#socialMedia img{float:right; padding-left:8px;}

#socialMedia img:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}


#socialMedia img{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

#pgeInner{background:#FFF; width:962px; min-height:720px; padding:0 20px; border:1px solid #ddd;}

#innerHead{width:1000px; height:45px;}
#innerHead h2{text-align:right; margin-right: 15px; color:#fff;}

.innercontRight{width:600px; float:right;}
.innercontRight h2{text-align:right; color:#d50000;}
.innercontRight .content p{text-align:right; font-size:18px; color:#888888; line-height: 30px;}
.innercontRight .content  ul{float:right; text-align:right; list-style-type:none; }
.innercontRight .content  ul li{background:url(../img/arrow.png) no-repeat right; padding-right:15px; padding-right: 15px;text-align: right;font-size: 18px;color: #888888;line-height: 27px;}
.innercontRight .content table{float:right;text-align:right;	}
.innercontRight .content table tr td{margin:10px 0; padding:8px 0px;}
.innercontRight .content span.date{text-align:right; color:#888888;}

img.partner{padding:10px 12px; float:right;}

.innercontRight .content table label{text-align:right;}

.innerNewzcontRight{width:600px; float:right; border:1px solid #ddd; padding:10px; margin-top:15px;}
.newsInner{}
.newsInner img{float:right; margin:0 0 10px 15px; border:1px solid #ddd; padding:3px;}

.dashbord{width:920px; float:right; padding:20px; }
.dashbord h2{text-align:right; color:#d50000;  font:20px Droid Arabic Kufi;}
.dashbord .content p{text-align:right; font-size:18px; color:#888888; line-height: 30px;}
.dashbord .content  ul{float:right; text-align:right; list-style-type:none; }
.dashbord .content  ul li{background:url(../img/arrow.png) no-repeat right; padding-right:15px;}
.dashbord .content table{float:right;text-align:right;	}
.dashbord .content table tr td{margin:10px 0; padding:8px 0px;}
.dashbord .content span.date{text-align:right; color:#888888;}

.dashBox{width:278px; height:186px; float:left; margin:0 40px 30px 0; border-radius:5px;   position:relative; }
.dashBox img{border-radius:5px; box-shadow: 0 1px 5px rgba(0,0,0,0.7); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);width:278px; height:186px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}
.dashBox img:hover{height:200px; width: 300px; margin:-10px 0 0 -10px;cursor:pointer;}
.capDash{position:absolute; background:rgba(38, 42, 45, 0.5); top:125px; width:278px; height: 61px;  border-radius: 0 0 5px 5px;}
.capDash h3{text-align:left !important; margin:0px; padding:20px; font:16px bebasregular; color:#fff;}
.capDash a{ font:16px bebasregular; color:#fff; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}
.capDash a:hover{ font:20px bebasregular; color:#fff; text-decoration:underline;}
/*----------------Contact US---------------------*/

#contactform{ height:auto; padding:0px; margin:0px; float:right;}
#contactform label{font:normal 14px 'Open Sans'; color:#5f5f5f; padding:0px; margin:0px;}
#contactform input[type="text"]{text-align:right; font:normal 14px 'Open Sans'; width:478px; height:16px; padding:5px 10px; background: none repeat scroll 0 0 #f0f0f0; box-shadow: 0 0 10px #EEEEEE inset, 0 0 0 #AAAAAA; color: #7A7A7A; border: 1px solid #9e9e9e; border-radius: 5px; background-image: linear-gradient(to bottom,#fdfdfd,#ddd);}
#contactform textarea{text-align:right; width:230px; height:75px;  padding:5px 10px; background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 10px #EEEEEE inset, 0 0 0 #AAAAAA;color: #7A7A7A; font:normal 14px 'Open Sans'; border: 2px solid #EFEFEF;}
#contactform input[type=submit]  { background: none repeat scroll 0 0 #d9ca7b; border: 1px solid #9e9e9e;border-radius: 5px 5px 5px 5px; box-shadow: 0 0 10px ##d9ca7b inset, 0 0 0 #AAAAAA; color: #000; font-size: 12px; margin: 0px 0px 0px 2px;outline: medium none; padding:9px 8px 9px 8px;position: relative; width:70px; float:right; background-image: linear-gradient(to bottom,#fdfdfd,#ddd);}
#contactform input[type=submit]:hover{ background: none repeat scroll 0 0 #666;box-shadow: 0 0 10px #333333 inset, 0 0 0 #333333; cursor:pointer; transition-duration: .5s;-moz-transition-duration: 1s; -webkit-transition-duration: .5s; -o-transition-duration: .5s; color:#fff;}
#contactform table th{padding-left:15px;}
#contactform select{padding:5px 8px; margin: 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: none repeat scroll 0 0 #FFFFFF;  box-shadow: 0 0 10px #EEEEEE inset, 0 0 0 #AAAAAA; color: #7A7A7A; border: 2px solid #EFEFEF; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; width:250px; height:38px; text-align:left;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#fm-form-3 select {padding-right:10px}}


.caption{ width:400px; height:auto; padding:15px; margin:0px 0px 0px 35px; position:absolute; text-align:right !important; bottom:25px; opacity:1; background:rgba(38, 42, 45, 0.5); line-height:55px; color:#fff;}
.caption span{width:465px; height:auto; padding:0px; margin:0px; background:none; text-align:right;}
.caption span h1{font:normal 30px myriadpro-light; line-height:35px; padding:0px; margin:0px; color:#fff; text-align:right;}
.caption span h5{font:italic 18px myriadpro-light; margin:10px 0px 0px 0px; padding:0px; color:#fff; text-align:right;}


.btnPrev{ width:23px; height:80px; position:absolute; cursor:pointer; background:url(../img/prev_butn.png)no-repeat 0px 0px; left:0px; top:40%;}
.btnNext{ width:23px; height:80px; position:absolute; cursor:pointer; background:url(../img/next_butn.png) no-repeat 0px 0px; right:0px;top:40%; }
.btnPrev:hover{ cursor:pointer; background:url(../img/prev_butn_hover.png);}
.btnNext:hover{cursor:pointer; background:url(../img/next_butn_hover.png);}
#banner:hover .btnNext,#banner:hover .btnPrev{ display:block; cursor:pointer;}

#locationMap{ float:left; padding-top:20px; padding-bottom:10px;}

#contactfoot{float:right;width: 275px;margin-top: 10px;}
#contactfoot ul{list-style-type:none; font:13px Open Sans; color:#fff; margin:6px 25px 0 0;}
#contactfoot li.phone{background:url(../img/phone2.png) no-repeat left; padding:10px 0 10px 35px;}
#contactfoot li.mail{background:url(../img/mail1.png) no-repeat left; padding:10px 0 10px 35px;}
#contactfoot li.address{background:url(../img/address1.png) no-repeat left; padding:10px 0 10px 35px;}


.mission{margin-bottom:20px; width:575px; float:left;  border-bottom: 1px solid #ddd;padding: 10px;}
.mission img{float:left;}

.vision{margin-bottom:15px; width:575px; float:left; border-bottom: 1px solid #ddd;padding: 10px;}
.vision h2{text-align:left; float:right;}
.vision img{float:right; margin-left:20px;}

.value{margin-bottom:20px; width:575px; float:left; padding: 10px;}
.value img{float:left;}

.partners{margin-bottom:15px; width:575px; float:left; border: 1px solid #ddd;padding: 10px;}
.partners h2{text-align:left; float:right;}
.partners img{float:right; margin-left:20px;}

.legislationSearch{margin-top: 70px;}
.legislationSearch input[type="text"]{text-align:right; font:normal 14px 'Open Sans'; width:390px !important; height:16px; padding:6px 10px !important; color: #7A7A7A; border: 1px solid #9e9e9e; border-radius: 2px;  float:right; margin-right: 50px;
margin-left: 10px;}
.legislationSearch input[type="submit"]{background: #f5f5f5;background: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);border:1px solid #c6c6c6;color: #444; font: bold 11px Arial,sans-serif!important; padding: 7px 10px; border-radius: 2px; margin:0px; float:right;}
.legislationSearch input[type="submit"]:hover{border-color: #c6c6c6;color: #222!important;-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15);box-shadow: 0 1px 0 rgba(0,0,0,.15);background: #f8f8f8;background: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); }


#details{max-height: 600px;overflow: auto;padding: 10px;margin-top: 20px; }
#details p{ color: #686868 !important;}
#details p{ color: #686868 !important;}

.searchRslts{padding: 15px; max-height: 600px;overflow: auto; margin-top: 10px;}
.searchRslts ul{list-style-type:none;}
.searchRslts ul li{font:normal 14px 'Open Sans'; padding:10px 0; cursor:pointer;text-align: right;color: #0c6bc4;}
.searchRslts ul li:hover{text-decoration:underline;}
a.searchresultController{padding:5px 0;float: right;padding-right: 50px; font:normal 14px 'Open Sans'; text-decoration:underline; color:#d50000 ; cursor:pointer;}
a.searchresultController:hover{text-decoration:none;}

.SalryFormDwnload{text-align: right;width: 285px;margin-top: 20px; border: 1px solid #DDD;float: left;padding: 10px;}
.SalryFormDwnload img{height:80px;  float: left;  }
.SalryFormDwnload span{text-align: right;color: #d50000;font:12px Droid Arabic Kufi; margin-top: 20px;float: right;}
.SalryFormDwnload:hover span{color:#444; text-decoration:underline;}



#tabs{width:550px; min-height:250px; margin-top:30px; background-color:#fff; border:1px solid #ddd; }
#tabs ul{list-style-type:none; width:550px; background-color:#bdae57; font:14px 'Open Sans'; height:39px; padding:0px;}
#tabs ul li{float:left; background-color:#bdae57; color:#fff; padding:9.5px 10px; border-right:1px solid #5a6065; cursor:pointer;}
#tabs ul li.active{ background:#6d6536;  position:relative; text-align:center; }
#tabs ul li.active img{position:absolute; top:39px; left:29px; z-index:999; display:block; }
 ul li img{position:absolute; top:39px; left:29px; z-index:999; display:none; }

#tabs .tabinner{width:530px; min-height:250px; padding-bottom:25px;padding: 10px; font:normal 14px 'Open Sans'; }
#tabs .tabinner p{font:13px 'Open Sans'; color:#5a6065; padding: 20px;}
#tabs .tabinner ul{list-style-type:circle; background-color:#eee; margin-left: 31px; width: auto;}
#tabs .tabinner ul li{float:none; background-color:#eee; color:#5f5f5f; padding:0px; border:0px;margin: 10px 0; font-size: 13px; cursor: default;}
#tabs .tabinner ul li ul{width: 609px;}
#tabs .tabinner ul li ul li{width: 609px;}
#tabs .tabinner table.EmplyrDetails{margin-left:10px; margin-right:10px;}

#tabs .tabinner table.EmplyrDetails tr td input[type="text"]{ font:normal 12px 'Open Sans'; width:200px;  padding:5px 10px; background: none repeat scroll 0 0 #f0f0f0; box-shadow: 0 0 10px #EEEEEE inset, 0 0 0 #AAAAAA; color: #7A7A7A; border: 1px solid #9e9e9e; border-radius: 5px; background-image: linear-gradient(to bottom,#fdfdfd,#ddd); margin: 0px;}

#tabs .tabinner table.EmplyrDetails tr td select{ font:normal 12px 'Open Sans'; width:221px;  padding:5px 10px; background: none repeat scroll 0 0 #f0f0f0; box-shadow: 0 0 10px #EEEEEE inset, 0 0 0 #AAAAAA; color: #7A7A7A; border: 1px solid #9e9e9e; border-radius: 5px; background-image: linear-gradient(to bottom,#fdfdfd,#ddd);}

#tabs .tabinner table.EmplyrDetails tr td{padding: 10px 20px; color: #444444;}
#tabs .tabinner table.EmplyrDetails tr td b.head{color: #D50000;}
#tabs .tabinner table.EmplyrDetails tr td img.next{height:32px; float:right; cursor:pointer;}
#tabs .tabinner table.EmplyrDetails tr td img.prev{height:32px; float:left; cursor:pointer;}
#tabs .tabinner table.EmplyrDetails tr td input[type=button]  {  border: 1px solid #9e9e9e;border-radius: 5px 5px 5px 5px;  color: #444444; font-size: 12px; margin: 0px 0px 0px 2px;outline: medium none; padding:6px 8px; position: relative;  float:right; background-image: linear-gradient(to bottom,#fdfdfd,#ddd);}

#tabs .tabinner table.EmplyrDetails tr td input[type=button]:hover{ background-image: linear-gradient(to bottom,#ddd,#fdfdfd);cursor:pointer;}

#tabs .tabinner input[type=button] {  border: 1px solid #9e9e9e;border-radius: 5px 5px 5px 5px;  color: #444444; font-size: 12px; margin: 0px 0px 0px 2px;outline: medium none; padding:6px 8px; position: relative;  float:right; background-image: linear-gradient(to bottom,#fdfdfd,#ddd);}

#tabs .tabinner input[type=button]:hover{ background-image: linear-gradient(to bottom,#ddd,#fdfdfd);cursor:pointer;}
select.LaguageSelect{border: 1px solid #ddd;padding: 5px;margin-top: 44px;}

p.redirecting{font: normal 13px 'Open Sans';font-weight: bold;margin-top: 96px;}