/* this is for styles for website main page only  */


#mapper{
 background:url(/newdesign/images/map.png) no-repeat top center;
 min-height:385px;
}

.soon, .avilable{ width:11px; height:12px; position:absolute; z-index:9; display:block; cursor:pointer;}
.soon{ background:url(../images/soon.png) no-repeat;}
.avilable{ background:url(../images/avilable.png) no-repeat;}


#egypt{
	right:385px;
	top:155px;
}
#uae{
	right:315px;
	top:168px;
}
#kw{
	right:335px;
	top:153px;
}
#ksa{
	right:340px;
	top:166px;
}
#darkarea{
border-top:5px solid #323d4e;
border-bottom:5px solid #323d4e;
background:#3c495b;	
min-height:310px; width:100%; 
}
#bluearea{

border-bottom:2px solid #21a5d3;
background:#28baed;	
width:100%
}


#slogan{
	display:block;
	background:url(/newdesign/images/sloganbg.png) no-repeat;
	width:400px;
	height:62px;
	line-height:62px;
	font-size:18px; font-weight:bold;
	text-transform:uppercase;
	color:#22aedb;
	text-align:center;
}
#darkarea h2{
	font-size:18px !important;
	font-weight:bold !important;
	color:#fff;
} #darkarea p{
	font-size:14px;
	color:#b0b6bd;}
	
.subjectitem{
background:#2f3a48;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:310px;
margin:5px;
position:relative;

-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;

}
#darkarea h2, #darkarea a{
	color:#fff;
}
#darkarea  p{
	font-size:10px;
	margin:3px;
	padding-bottom:10px;
}
.moresubjects{
	width:310px;
}

.subjectitem .info{
	width:240px;

}
.subjectitem i{
	display:block;
}

.subjectitem .subjectmore{ position:absolute; z-index:9; right:10px; font-size:11px; font-weight:bold;}
html[dir=rtl] .subjectitem .subjectmore{ left:10px; right:auto;}


#bluearea h2{
 display:block;
 width:300px;
 text-align:center;
 height:30px;
 line-height:30px !important; text-transform:uppercase !important;
 color:#fff;
 font-size:14px;
 font-weight:bold;
 padding: 0 10px 0 px; 
 margin:0 auto 20px aut !importanto;
 background:#21A5D3;	
 
 -webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

.testomonialblock{
	width:305px;
	margin:25px 5px 15px 5px;
	border:1px solid #20a5d3;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.testomonialblock img{
	border:5px solid #20a5d3;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	}.testomonialinfo p{	display:block;
	margin-top:8px;
margin-bottom:7px;}
	.testomonialinfo{
		display:block;
		margin:10px;
		overflow:hidden;
		width:180px;
	}
	
	.testomonialinfo h3{
		font-size:12px;
		font-weight:bold;
		color:#fff;

	}
	.testomonialinfo p{ font-size:11px;
	color:#b4ecff;}
	.testomonialinfo img{ display:block;overflow:hidden;}
	html[dir=ltr] .testomonialinfo img{ margin-right:5px;}
	html[dir=rtl] .testomonialinfo img{ margin-left:5px;}
	.testomonialinfo img{}
	.name{ color:#128bb5;
	font-size:11px; 
	font-weight:bold;
	font-style:italic;}