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

/*@font-face {
			font-family:AvantGarde-Book;
			src:url(fonts/avantgarde-book.ttf);
			font-weight:normal;
			font-style:normal;
}
*/
@font-face {
    font-family: 'AvantGarde-Book';
    font-style: normal;
    font-weight: normal;
	direction:rtl;
    src: url(avantgarde-book-webfont.ttf) format("truetype");
}

html, body{
	overflow-x: hidden;
}
body{
	margin: 0;
	margin-bottom: 20px;
	padding:0;
	background:#e6e6e6 url(img/body_bg.png);
	font-family:AvantGarde-Book;
	font:AvantGarde-Book;
	overflow: hidden;

}


a:link {color:#006699; text-decoration:none }  
a:visited {color:#006699; text-decoration:none }  
a:hover {color:#006699; text-decoration:none }  
a:active {color:#006699; text-decoration:none } 

p  , table , h1 , h2 , h3 , h4 , h5 , h6 , section {font-family:AvantGarde-Book; color:#006699}

#container{

	

	width: 100%;
	height:590px;	
    /*float:right;*/
    position: relative;
    overflow: hidden;
	max-width: 1400px;
	margin: 0 auto;

}



.content{font-family:AvantGarde-Book;}

#shadow{
	clear:both;
	height:20px;	
	background:url(img/shadow.png) no-repeat;
}

.clear   {
	     clear:both;}

/* banners side style */

#banner_container{
	
	position: absolute;
border: 0;
width: 75%;
height: 560px;
right: 0;
z-index: -1;
pointer-events: none;
}

.jquery-slider-selectors{
	left: auto;
	right: 7%;
}

.home #banner_container{
	z-index: 99;	
}

#feather{
	position:absolute;
	width:600px;
	height:560px;	
	z-index:1000;
	left: -1px;
	display: none;
}

.home #feather{
	background:url(img/feather.png);
	background-position: -185px;
	display: block;
}

/* menu side style */

#menu_container{
	position: relative;
float: left;
width: 25%;
height: 560px;
background-color: #fff;
z-index: 1001;
display: inline-block;
}

#the_logo{
	background:url(img/hajj_logo.png) no-repeat;
	width: 100%;
	height:74px;
	margin:150px 0 20px 0;	
	background-size: 85% 85%;
}

#menu{
	width: 100%;
	height:294px;
	padding-top:0px;
	background:url(img/menu_left_line.gif) no-repeat;
	background-position: 40px 0;
	text-align:left;
	margin-bottom: 0;
}

#menu li{
	width: 100%;
	padding-left:20px;
	line-height:1.9;
	text-indent:10px;
	list-style:none;
	position: relative;
}

#menu a{
	text-decoration:none;	
	font-family:AvantGarde-Book;
	font-size:17px;
	color:#006699;
	display: block;
}

#menu li:hover{
	border-bottom: 1px solid red;
}

#menu li:hover:before{
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	background: #006699;
	left: 10px;
	top: 15px;
}

#menu li.selected{
	background:url(img/menu_disc_line.png) no-repeat bottom;	
}


/* Contents  */

#mcs_container{
	width: 90% !important;
	height:470px !important;
}

#contents_container{
	width: 75%;
	height:490px;
	border:1px solid #C7C7C7;
	background-color:#FFF;
    margin-top: 70px;
    float: left;
    overflow: hidden;
}

#contents_container h2{
	margin:0px 0 0 0px;
	padding:0;
	font-family:AvantGarde-Book;
	font-size:26px;
	font-weight:300;
	color:#006699;	
}

#sub_menu{
	width:100%;
	height:30px;
	margin-bottom:20px;



}

#sub_menu div{
	color:#006699;
	width:auto;
	line-height:4;
	margin-top:0px;
	margin-right:15px;
	text-indent:0px;	
	float:left;
	border-bottom:solid 1px #FFFFFF;
	height:40px;
}

#sub_menu a{
	text-decoration:none;	
	font-family:AvantGarde-Book;
	font-size:14px;
	color:#006699;
	
}

#active_sub_menu a:visited {
	               color:#F00}



#sub_menu div:hover{
/*		background:url(img/sub_menu_bg.png) no-repeat center top;	*/
         border-bottom:1px solid #F00;

}

#sub_menu div.selected{
/*		background:url(img/sub_menu_bg.png) no-repeat center top;	*/

}

.project_title_page    {
						width:150px;					
						text-align:center;
						font-family:AvantGarde-Book;
						font-size:12px;
						height:30px;
						margin-top:5px;
						width: 100%;
						
						
						
						}
.project_title_page a{
	display: block;
}

.projects_container{
	background-color:#FFF;
	opacity: 0.70;
    filter: alpha(opacity = 80);	

}

ul {padding-left:15px; }

hr {border:0; background:#006699}
	




.itcity {
background:url(img/itcity_logo2.gif) no-repeat;
width:47px;
height:30px;


}
.itcity:hover {
background:url(img/itcity_logo1.gif) no-repeat;
width:47px;
height:30px;

}
#mcs_container .customScrollBox .container{
	width: 95% !important;
}

.gallery{
	padding-left: 50px;
	margin-bottom: 20px;
}

.gallery li{
	width: 30%;
	display: inline-block;
	margin: 25px 5px 40px 0;
	height: 100px;
	float: left;
	min-width: 240px;

}

.gallery li img{
	width: 100%;
	height: 140px !important;
}

.graphics .gallery li {
	width: 18%;
	min-width: 18%;
}



  
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.pager li>a, .pager li>span{

	background-color: #D6D6D6;
}

#mcs_container .dragger_container{

	top: 85px;
right: 10px;
}

.interiors #mcs_container .dragger_container {
top: -333px;
right: 2px;
}

.interiors #mcs_container .scrollDownBtn{

	bottom: 45px;
}


#mcs_container .scrollDownBtn{

	bottom:45px !important;
}

.news-content
{
	float:left;
	width:130px;
	height:150px;
	border:solid 1px #00FF00;	
	margin-left:10px;	
}
#loading-image {

	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right:0;
	z-index: 1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 2px;
	
}