@import "reset.css";
@import "jqtransform.css";
@import "layout.css";

/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
mark,rp,rt,ruby,summary,time {
display:inline;
}
/*global*/
body {
position:absolute;
font:11px/18px Arial, sans-serif;
color:#d0d0d0;
/* text-transform: uppercase; */
min-width: 1150px;
min-height: 900px;
width:100%;
height:100%;
overflow:hidden;
z-index:1;
background-color: #E8E8E8;
}
a {
text-decoration:none;
}
a.und:hover,.und a:hover {
text-decoration:underline;
}
body p a {
text-decoration:none;
}
body p a:hover {
text-decoration:underline;
}
h1 {
position: relative;
display: inline-block;
width: 257px;
height: 257px;
margin-top: 221px;
}
h1>a{
position:relative;
display:inline-block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 100%;
height: 100%;
background: url(../images/logo.png) center no-repeat;
}
h2 {
font: 24px 'DTHULUTH', 'Simplified Arabic';
color: #f6f6f6;
/* text-transform: uppercase; */
padding-bottom: 16px;
padding-right:5px;
text-align:right;
direction:rtl;
}
p {
padding-bottom: 18px;
}
#glob {
position:absolute;
width: 100%;
height: 100%;
overflow:hidden;
z-index:2;
}
.spinner {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:9999;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #f6f3ee;
}
/*footer*/
footer {
position:absolute;
width:100%;
z-index: 100;
bottom:0px;
height:69px;
text-align: center;
}
footer p {
position: relative;
display: inline-block;
font: 14px/17px 'Abel', sans-serif;
color: #848484;
/* text-transform: uppercase; */
padding: 9px 0 0 73px;
}
footer p>span {
display: inline-block;
position: relative;
width: 11px;
height: 11px;
background: url(../images/privacy_icon.png) center no-repeat;
padding: 5px 7px 0 7px;
}
footer p a{
color: #848484;
}
.soc_links{
display: inline-block;
margin-left: 23px;
}
.soc_links>li{
display: inline-block;
position: relative;
width: 33px;
height: 33px;
margin-right: 3px;
float: left;
}
.soc_links>li>a{
display: block;
position: relative;
width: 100%;
height: 100%;
}
.soc_links>li>a>img{
position: relative;
}
/*end footer*/
/*menu*/
.menu {
position: relative;
display: inline-block;
z-index: 10;
}
#menu>li {
display: inline-block;
position: absolute;
width: 99px;
height: 99px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
#menu>li:first-child{
display: none;
}
#menu>li:first-child+li {
left: -411px;
top: 204px;
background: #ED6286;
}
#menu>li:first-child+li>strong{
left: 154px;
top: 89px;
}
#menu>li:first-child+li>span {
top: 67px;
left: 87px;
background: url(../images/menu_over_circle_1.png) center no-repeat;
}
#menu>li:first-child+li>em {
top: 74px;
left: 92px;
width: 70px;
height: 25px;
background: url(../images/line_1_1.png) 0 no-repeat;
}
#menu>li:first-child+li+li {
left: -178px;
top: 14px;
background: rgba(67,205,204,0.89);
}
#menu>li:first-child+li+li>strong {
left: 40px;
top: 199px;
}
#menu>li:first-child+li+li>span {
top: 91px;
left: 44px;
background: url(../images/menu_over_circle_2.png) center no-repeat;
}
#menu>li:first-child+li+li>em {
top: 96px;
left: 48px;
width: 8px;
height: 105px;
background: url(../images/line_1_2.png) 0 no-repeat;
}
#menu>li:first-child+li+li+li {
left: 66px;
top: 202px;
background: rgba(148,202,61,0.89);
}
#menu>li:first-child+li+li+li>strong {
top: 85px;
left: -92px;
}
#menu>li:first-child+li+li+li>span {
top: 60px;
left: -1px;
background: url(../images/menu_over_circle_3.png) center no-repeat;
}
#menu>li:first-child+li+li+li>em {
top: 65px;
left: -73px;
width: 76px;
height: 29px;
background: url(../images/line_1_3.png) 0 no-repeat;
}
#menu>li:first-child+li+li+li+li {
left: 19px;
top: 509px;
background: #DCF14C;
}
#menu>li:first-child+li+li+li+li>strong {
left: -71px;
top: -79px;
}
#menu>li:first-child+li+li+li+li>span {
top: 14px;
left: 5px;
background: url(../images/menu_over_circle_4.png) center no-repeat;
}
#menu>li:first-child+li+li+li+li>em {
top: -67px;
left: -59px;
width: 69px;
height: 86px;
background: url(../images/line_1_4.png) 0 no-repeat;
}
#menu>li:first-child+li+li+li+li+li {
left: -324px;
top: 511px;
background: #FC9004;
}
#menu>li:first-child+li+li+li+li+li>strong {
left: 124px;
top: -62px;
}
#menu>li:first-child+li+li+li+li+li>span {
top: 8px;
left: 76px;
background: url(../images/menu_over_circle_5.png) center no-repeat;
}
#menu>li:first-child+li+li+li+li+li>em {
top: -42px;
left: 81px;
width: 50px;
height: 56px;
background: url(../images/line_1_5.png) 0 no-repeat;
}
#menu>li>a {
position: relative;
display: block;
font: 18px/12px 'DTHULUTH', 'Simplified Arabic';
color: #333333;
/* text-transform: uppercase; */
padding: 45px 0 41px;

}
#menu>li>strong,#menu>li>span,#menu>li>em{
position:absolute;
display: inline-block;
height: 22px;
width: 22px;
top: 0;
left: 0;
z-index: -1;
background: url(../images/menu_over_circle.png) center no-repeat;
opacity: 0;
}
#menu>li>span{
width: 12px;
height: 12px;
}
#menu>li>em{
z-index: -2;
}
.submenu_1,.submenu_2 {
position:absolute;
z-index:9100;
width: 120px;
height: 120px;
left: -11px;
top: 94px;
border-radius: 60px;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
background: #58d29a;
display: none;
}
.submenu_1 li {
position:relative;
display: block;
text-align: center;
margin-bottom: 5px;
}
.submenu_1 li:first-child {
margin-top: 40px;
}
.submenu_1 a {
position:relative;
display: block;
font: 10px/12px Arial, sans-serif;
color: #fff;
/* text-transform: uppercase; */
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
color:#292525;
}
.submenu_2 {
left: -120px;
top: 0px;
background: #a29fa2;
}
/*end menu*/
/*pages*/
#splash{
display: block;
position: relative;
width: 580px;   
height: 640px;   
margin: -85px 335px;
z-index: 30;
}
#content {
position:relative;
width: 1239px;
height: 640px;
margin: 110px auto;
z-index: 50;
text-align: center;
}
#content>ul {
width:100%;
height:100%;
z-index: 20;
position: absolute;
display: block;
top: 0;
left: 0;
}
#content>ul>li.no_disp{
display: none;
width: 0;
height: 0;
background: none;
}
#content>ul>li {
position:absolute;
width:359px;
height:484px;
background: url(../images/content_bg.png);
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
text-align: left;
}
#content>ul>li>div:first-child{
z-index: 100;
}
#content>ul>li>div>span {
position: absolute;
display: inline-block;
left: 0;
top: 0;
z-index: -1;
}
#content>ul>li>div>span:first-child{
z-index: -2;
}
#content>ul>li>div>span:first-child+span {
width: 12px;
height: 12px;
background: url(../images/menu_over_circle_6.png) center no-repeat;
}
#content>ul>li:first-child {
top: 0px;
left: 0px;
}
#content>ul>li:first-child+li {
top: 213px;
left: -320px;
}
#content>ul>li:first-child+li>div>span:first-child {
top: 37px;
left: 365px;
width: 336px;
height: 20px;
background: url(../images/line_2_1.png) 0 no-repeat;
}
#content>ul>li:first-child+li>div>span:first-child+span {
top: 48px;
left: 353px;
}
#content>ul>li:first-child+li+li {
top: -64px;
left: 998px;
}
#content>ul>li:first-child+li+li>div>span:first-child {
top: 95px;
left: -335px;
width: 336px;
height: 20px;
background: url(../images/line_2_2.png) 0 no-repeat;
}
#content>ul>li:first-child+li+li>div>span:first-child+span {
top: 91px;
left: -3px;
}
#content>ul>li:first-child+li+li+li {
top: 143px;
left: 1135px;
}
#content>ul>li:first-child+li+li+li>div>span:first-child {
top: 98px;
left: -219px;
width: 217px;
height: 14px;
background: url(../images/line_2_3.png) 0 no-repeat;
}
#content>ul>li:first-child+li+li+li>div>span:first-child+span {
top: 94px;
left: -3px;
}
#content>ul>li:first-child+li+li+li+li {
top: 422px;
left: 1092px;
}
#content>ul>li:first-child+li+li+li+li>div>span:first-child {
top: 129px;
left: -220px;
width: 217px;
height: 18px;
background: url(../images/line_2_4.png) 0 no-repeat;
}
#content>ul>li:first-child+li+li+li+li>div>span:first-child+span {
top: 139px;
left: -3px;
}
#content>ul>li:first-child+li+li+li+li+li {
top: 475px;
left: -102px;
}
#content>ul>li:first-child+li+li+li+li+li>div>span:first-child {
top: 111px;
left: 365px;
width: 179px;
height: 50px;
background: url(../images/line_2_5.png) 0 no-repeat;
}
#content>ul>li:first-child+li+li+li+li+li>div>span:first-child+span {
top: 154px;
left: 355px;
}
#content>ul>li.page_more {
top: 214px;
left: -321px;
}
#content>ul>li.page_more>div>span:first-child {
top: 135px;
left: 360px;
width: 469px;
height: 81px;
background: url(../images/line_2_6.png) 0 no-repeat;
}
#content>ul>li.page_more>div>span:first-child+span {
top: 208px;
left: 353px;
}
/* more page 1*/
#content>ul>li.page_more1 {
top: 214px;
left: -321px;
}
#content>ul>li.page_more1>div>span:first-child {
top: 38px;
left: 366px;
width: 475px;
height: 63px;
background: url(../images/line_more_1.png) 0 no-repeat;
}
#content>ul>li.page_more1>div>span:first-child+span {
top: 47px;
left: 354px;
}
/* more page 2*/
#content>ul>li.page_more2 {
top: -64px;
left: 998px;
}
#content>ul>li.page_more2>div>span:first-child {
top: 91px;
left: -381px;
width: 390px;
height: 208px;
background: url(../images/line_more_2.png) 0 no-repeat;
}
#content>ul>li.page_more2>div>span:first-child+span {
top: 91px;
left: -3px;
}
/* more page 3*/
#content>ul>li.page_more3 {
top: 143px;
left: 1135px;
}
#content>ul>li.page_more3>div>span:first-child {
top: 98px;
left: -406px;
width: 407px;
height: 68px;
background: url(../images/line_more_3.png) 0 no-repeat;
}
#content>ul>li.page_more3>div>span:first-child+span {
top: 93px;
left: -4px;
}
/* more page 4*/
#content>ul>li.page_more4 {
top: 422px;
left: 1092px;
}
#content>ul>li.page_more4>div>span:first-child {
top: 8px;
left: -389px;
width: 386px;
height: 139px;
background: url(../images/line_more_4.png) 0 no-repeat;
}
#content>ul>li.page_more4>div>span:first-child+span {
top: 138px;
left: -4px;
}
/* more page 5*/
#content>ul>li.page_more5 {
top: 475px;
left: -102px;
}
#content>ul>li.page_more5>div>span:first-child {
top: -26px;
left: 364px;
width: 315px;
height: 187px;
background: url(../images/line_more_5.png) 0 no-repeat;
}
#content>ul>li.page_more5>div>span:first-child+span {
top: 154px;
left: 353px;
}
/*end content*/
.readMore {
position: relative;
font: 14px/17px 'DTHULUTH', Tahoma;
color: #fff;
/* text-transform: uppercase; */
padding:0px 5px 2px 0px;
display:block;
}
.readMore:hover {
text-decoration: none;

width:72px;
background: #eee;
border-radius: 3px;
color:#000;


}
.readMore2 {
position: relative;
display: inline-block;
font: 600 11px/13px Arial, sans-serif;
color: #fff;
/* text-transform: uppercase; */
background: #aaa;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px 15px 9px;
}
.readMore2:hover {
text-decoration: none;  
}
.readMore2.hover {
color: #aaa;
background: #fff;
}
.closeBtn {
display: inline-block;
position: absolute;
bottom: -62px;
left: 0;
}
.closeBtn>strong{
display: inline-block;
position: relative;
float: right;
margin-left: 7px;
background: url(../images/close_icon.png) center top no-repeat;
width: 30px;
height: 29px;
border-radius: 17px;
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
}
.closeBtn>span{
position: relative;
display: inline-block;
font: 18px/22px 'DTHULUTH',Tahoma, sans-serif;
color: #a0a0a2;
/* text-transform: uppercase; */
margin-top: 4px;
}
.closeBtn>span>span{
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
font: 18px/22px 'DTHULUTH',Tahoma, sans-serif;
color: #a0a0a2;
/* text-transform: uppercase; */
color: #292525;
overflow: hidden;
height: 0;
z-index: 10;
}
.hr{
width: 100%;
height: 1px;
background: url(../images/hline.png) repeat-x;
}
/*scroll*/
.scroll {
height: 330px;
position: relative;
overflow: hidden;

}
._shuttle {
width: 0px;
}
._track{
width: 0px;
}
.scrollBtns{
position: relative;
margin-top: 15px;
display: inline-block;
}
.scrollDown,.scrollUp{
position: relative;
display: inline-block;
width: 38px;
height: 38px;
overflow: hidden;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
float: left;
margin: 0 1px;
}
.scrollDown{
background: url(../images/arrow_down.png) center bottom no-repeat;
}
.scrollUp{  
background: url(../images/arrow_up.png) center top no-repeat;
}
/*end scroll*/
/*PADDINGS*/
.pad1 {
padding: 30px 0 17px 8px;
}
.pad2 {
padding-top: 35px;
}
.color1{
color: #fff;
}
.color2{
color: #d0d0d0;
}
.color3{
color: #57d19a;
}
.w2{
display: inline-block;
width: 71px;
}
.date{
position: relative;
display: inline-block;
width: 77px;
height: 77px;
border-radius: 39px;
-moz-border-radius: 39px;
-webkit-border-radius: 39px;
background: #d6d6d6;
text-align: center;
float: left;
margin-right: 15px;
}
.date>span{
font-family: 'Cabin', sans-serif;
color: #333333;
/* text-transform: uppercase; */
position: relative;
display: block;
}
.date>span:first-child{
font-size: 33px;
line-height: 40px;
padding: 10px 0 0;
}
.date>span:first-child+span{
font-size: 13px;
line-height: 16px;
margin-top: -7px;
}
.list1{
margin-top: -5px;
}
.list1>li{
background: url(../images/hline2.png) center bottom repeat-x;
padding-bottom: 18px;
margin-top: 36px;
}
.list1 > li > div:first-child + div{
padding-top: 4px;
}
.list1 > li > div:first-child + div>p{
padding-bottom: 9px;
}
.list2{
margin-top: -5px;
}
.list2>li{
background: url(../images/hline2.png) center bottom repeat-x;
padding-bottom: 18px;
margin-top: 36px;
}
.list2 > li > :first-child{
float: right;
margin-left: 10px;
}
.list2>li>:first-child + div{
padding-top: 4px;
}
.list2>li>:first-child + div>p{
padding-bottom: 9px;
direction:rtl;
}
/*additional classes*/
.alc {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
direction:rtl;
text-align:justify;
font:11px 'B Yekan', tahoma;
line-height:170%;
}
.box{
overflow:hidden;
font-size:13px;
font-family: 'B Yekan';
text-align:right;
}
.rel {
position:relative;
}
.ws{

}
/*google map*/
.google_map{
width: 285px;
height: 300px;
border: none;
box-shadow: none;
background-color: #f6f3ee;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;  
background-position: 50%;  
position:  relative;
overflow: hidden;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
margin: 30px 0 15px;
}
/*end google map*/

.gcls1{
	display: block;
    font-size: 15px;
    margin: 15px 0 12px;
}
.gimgbox{
	display: block;
    float: left;
    margin-right: 12px;
}
.gimgbox img{
	width:80px;
	height:80px;
}
.gpa1{
text-align:left;
}
.gpa1 a{
	color:#E8E8E8;
}
.glbl1{
	display:inline-block;
	min-width:55px;
}
.gpic1{width:80px; height:80px; border-radius:8px}
.mylitbox{display:none}
.bg_pic1{
	 background: url("../images/bg_pic1.png") no-repeat scroll 0 0 transparent;
    height: 135px;
    position: absolute;
    top: 300px;
    width: 300px;
}
.bg_pic2{
	 background: url("../images/bg_pic2.png") no-repeat scroll 0 0 transparent;
    height: 85px;
    position: absolute;
    top: 300px;
    width: 159px;
	right:0px;
}
.contact_form{
	background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 8px 8px 8px 8px;
    color: #333333;
    height: 350px;
    margin-top: 20px;
    padding-right: 10px;
	padding-left: 10px;
    padding-top: 10px;
    width: 275px;
	
}
.contact_form .txt{
	border-radius: 5px 5px 5px 5px;
    font-family: tahoma;
    font-size: 8pt;
    height: 19px;
    margin-bottom: 5px;
    padding: 0 5px;
    width: 120px;
}
.contact_form .txt2{
	border-radius: 5px 5px 5px 5px;
    font-family: tahoma;
    font-size: 8pt;
    height: 19px;
    margin-bottom: 5px;
    padding: 0 5px;
    width: 40px;
}
.contact_form textarea{
	font-family: tahoma;
    font-size: 9pt;
    height: 65px;
    width: 160px;
	border-radius: 5px 5px 5px 4px;
    margin-bottom: 5px;
    padding-right: 5px;
}
.contact_form select{
	border-radius: 5px 5px 5px 4px;
    font-family: tahoma;
    font-size: 8pt;
    height: 19px;
    margin-bottom: 5px;
    padding-right: 5px;
    width: 130px;
}
.contact_form #sec_img{
	border-radius: 3px;
    height: 19px;
    width: 50px;
	margin-left:5px;
}
.contact_form .submit{
	background: url('../images/submit.png') no-repeat;
	width:50px;
	height:18px;
	cursor:pointer;
}
.contact_form .msg{
	display:block;
}