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

/*============= Reset ============*/

*{
	margin:0px;
	padding:0px;
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	border: 0;
	outline: 0;
	vertical-align:middle;
	background: transparent;
	border-width: 0;
	font-family:Tahoma;
	color:#fff;
/*	direction:ltr;
	text-align:left;*/
}

/*================= Global =================*/

.clear{clear:both}

body{
	background-color:#410000;
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	}

	
	#body-test{
	background-color:#550000!important;
	color:#fff!important;
	background-image:none!important;
	
	}
	
	#body-gall-home{
	background-color:#410000!important;
	background-image:none!important;
	
	}
#container{
	width:960px;
	margin:0 auto;
	position:relative;
	}

	
/*============= Header =================*/

#logo-badge{
	position:absolute;
	top:0;
	right:10px;
	z-index:999;
	}
	
#hdr{
	height:106px;}

#logo-text{
	position:absolute;
	top:0;
	right:120px;
	z-index:1;
}

#top-nav,#top-nav a{
	text-align:left;
	float:left;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	font-family:Verdana;
	margin-top:5px;}

#top-nav a:hover{text-decoration:underline;}
/*============ Menu ================*/


#menu{
	list-style:none;
	float:left;
	position:absolute;
	top:70px;
	left:0;
	z-index:999;
	width:481px;
	background-color:#fff;
	
	}
	
#menu li{
	list-style:none;
	float:right;
	display:inline-block;
	margin:0;
	padding:0;
	
	}
	
ul#menu li.menu1 a {
	background:url(../images/menu-1.jpg) no-repeat;
	height:35px;
	width:67px;
	display:block;
	
}

ul#menu li.menu1 a:hover {
	background:url(../images/menu-hover-1.jpg) no-repeat;

}


ul#menu li.menu2 a {
	background:url(../images/menu-2.jpg) no-repeat;
	height:35px;
	width:97px;
	display:block;
	
}

ul#menu li.menu2 a:hover {
	background:url(../images/menu-hover-2.jpg) no-repeat;

}

ul#menu li.menu3 a {
	background:url(../images/menu-3.jpg) no-repeat;
	height:35px;
	width:53px;
	display:block;
	
}

ul#menu li.menu3 a:hover {
	background:url(../images/menu-hover-3.jpg) no-repeat;

}

ul#menu li.menu4 a {
	background:url(../images/menu-4.jpg) no-repeat;
	height:35px;
	width:148px;
	display:block;
	
}

ul#menu li.menu4 a:hover {
	background:url(../images/menu-hover-4.jpg) no-repeat;

}

ul#menu li.menu5 a {
	background:url(../images/menu-5.jpg) no-repeat;
	height:35px;
	width:63px;
	display:block;
	
}

ul#menu li.menu5 a:hover {
	background:url(../images/menu-hover-5.jpg) no-repeat;

}


	

/*============== Slider ==============*/

#slider{
	
	border:3px #dcdcdc solid;
	z-index:5;
	-webkit-box-shadow: 0px 0px 5px 2px #000000;
box-shadow: 0px 0px 5px 2px #000000;
height:281px;
overflow:hidden; }

.nivo-controlNav{display:none!important;}

.nivo-directionNav{display:none!important}






/*================ Projects bar ================*/

#bar{
	height:39px;
	background-color:#fff;
	background-image:url(../images/bar-bg.jpg);
	background-repeat:repeat;
	color:#470000;
	position:relative;
	z-index:0;
	margin-top:1px;}
	
#bar span,#bar span a{
	color:#470000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-decoration:none;}
	
#marq{height:32px;
padding-top:7px;}

#bar span a:hover{
	text-decoration:underline;}
	
	marquee {
	/*padding-top:7px;*/
	
	}
	
marquee a{
	color:#470000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-decoration:none;

}

marquee a:hover{
text-decoration:underline;}

/*========= icons ==========*/

#icons{
	margin-top:20px;
	margin-bottom:15px;
	height:160px;
	direction:rtl;}

	
.not-first{ float:left;margin-right:16px;}

.first{float:right}


/*=========== red-bg =========*/

#red-bg{
	background-color:#550000;}
	


/*============ welcome ==============*/

#welcome{
	width:560px;
	float:right;
	margin-top:10px;}

#welcome-title{
	background-image:url(../images/welcome-title.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	width:528px;
	height:35px;
	display:block;
	float:right;
	margin-bottom:1px;
	}
	
#welcome-text{
	clear:both;
	text-align:justify;
	direction:rtl;
	font-size:15px;
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom:15px;
	}
	
	
/*============ test==========*/
#test{
	width:360px;
	float:left;
	margin-top:10px;}

#test-title{
	background-image:url(../images/test-title.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	width:199px;
	height:35px;
	display:block;
	float:right;
	
	}
#test-text{
	background-image:url(../images/test-bg.jpg);
	width:360px;/*360-30=330*/
	height:127px;/*127-30=97*/
	display:block;
	font-size:14px;
	color:#d4b3b3;
	clear:both;
	
	text-align:center;
	}
#test-text span p{
	margin:15px;
	float:right;}
	
#test-sign{
	font-size:12px;
	color:#d4b3b3;
	
	}


/* gallery home ============
#body-gall-home{
width:960px;}

.image_carousel{
	margin:30px 60px;
	height:170px;
	width:835px;
	position:relative;
	max-height:170px;
	overflow:hidden;
	
	}

#foo1 img{
	border:4px #d2d2d2 solid;
	margin:0 9px 0 9px;
	width:251px;
	height:162px;
	-webkit-box-shadow: 0px 0px 3px 1px #000000;
	box-shadow: 0px 0px 3px 1px #000000;
}
	
	
#foo2_prev,#foo2_prev:hover{
	cursor:pointer;
	position:absolute;
	left:0;
	top:85px;
	}


#foo2_next,#foo2_next:hover{
	cursor:pointer;
	position:absolute;
	right:0;
	top:85px;
	}
		
.caroufredsel_wrapper{
	height:180px!important;}
	
	*/
	
/*========== gallery home =============*/

#body-gall-home{
width:960px;}

.image_carousel{
	margin:30px 60px;
	height:170px;
	width:100%;
	position:relative;
	max-height:170px;
	overflow:hidden;
	
	}

#foo1 img{
	border:4px #d2d2d2 solid;
	margin:0 7px 0 7px;
	width:251px;/*251*/
	height:162px;
	-webkit-box-shadow: 0px 0px 3px 1px #000000;
	box-shadow: 0px 0px 3px 1px #000000;
}
	
	
#foo2_prev,#foo2_prev:hover{
	cursor:pointer;
	position:absolute;
	left:0;
	top:85px;
	}


#foo2_next,#foo2_next:hover{
	cursor:pointer;
	position:absolute;
	right:0;
	top:85px;
	}

.caroufredsel_wrapper{
	height:180px!important;
	width:825px!important;}
	
/*========= footer =========*/
#footer{
	background-color:#550000;
	border-top:2px #8d6666 solid;
	padding-top:17px;
	padding-bottom:17px;}
	
	
.copyrights{
	float:right;
	font-size:12px;}
	
	
.poweredby,.poweredby a{
	font-size:12px;
	text-decoration:none;
	vertical-align:baseline!important;
	
	}
	
.poweredby a:hover{
	text-decoration:underline;}

.poweredby a span{
	color:#ffcc00;
	vertical-align:baseline!important;}
	
.counter {
float:right;
font-size:12px;
margin-right:70px;
direction:rtl;
}


/*========== Inner pages global ============*/
#inner{
	width:960px;padding-top:10px;
	}
	
#inner-title{width:100%/*538px*/;	text-align:right;	margin:10px 0 10px 0;
border-bottom:2px #7e0b0b dashed;padding-bottom:10px;}


/*======= projects listt ========*/

#project-item{
	background-color:#630a0a;;
	min-height:185px;
	padding:7px;
	border-bottom:5px #740a0a solid;
	position:relative;
	margin-bottom:20px;}

#project-item:hover{
	background-color:#6a0e0e}

#project-item-img{
	background-color:#954b4b;
	width:265px;
	height:176px;
	border:4px #550202 solid;
	text-align:right;
	float:right;
}
#project-item-left{
	float:left;
	width:635px;}

#project-item-title{
	font-size:21px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	text-shadow:1px 1px #000;
	margin-top:10px;}
	
#project-item-title a{
	font-size:21px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	text-decoration:none;}
	
#project-item-text{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	text-align:right;
	margin-top:15px;}

#project-item-details{
	background-color:#740a0a;
	padding:2px 7px 0px 7px;
	text-decoration:none;
	position:absolute;
	left:10px;
	bottom:0px;}

#project-item-details:hover{
	background-color:#840b0b;
}
	

/*======= projects page ========*/

#project-page{
	background-color:#630a0a;;
	padding:17px;
	border-bottom:5px #740a0a solid;
	position:relative;
	margin-bottom:20px;
	min-height:270px;}


#project-page-img{
	background-color:#954b4b;
	width:371px;
	height:246px;
	border:4px #550202 solid;
	text-align:left;
	float:left;
	margin-right:25px;
}

#project-page-title{
	font-size:21px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	text-shadow:1px 1px #000;
	margin-top:10px;}
	
#project-page-title a{
	font-size:21px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	text-decoration:none;}
	
#project-page-text{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	text-align:right;
	margin-top:15px;
	text-align:justify;
	direction:rtl;}
	
#project-page-text img{
	max-width:850px;
	margin:15px;

}

#project-page-details{
	background-color:#740a0a;
	padding:2px 7px 0px 7px;
	text-decoration:none;
	position:absolute;
	right:10px;
	bottom:0px;}

#project-page-details:hover{
	background-color:#840b0b;
}

/*=============== cer-item ==============*/

#cer-item{width:300px;
text-align:center;
float:left;
margin-right:9px;
margin-left:9px;
margin-bottom:40px;
margin-top:10px;}

#cer-item img{
	border:4px #d2d2d2 solid;
	margin:0 9px 25px 9px;
	width:251px;
	height:162px;
	-webkit-box-shadow: 0px 0px 3px 1px #000000;
	box-shadow: 0px 0px 3px 1px #000000;
}


#more-images{
	clear:both;
	margin-top:25px;
	margin-bottom:25px;}
	
	
	
/*** Branch item **/
h4{
	text-align:right;
	direction:rtl;}
	
#branch-item{
	border-right:5px #791414 solid;
	min-height:60px;
	background-color:#610404;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:17px;
	text-align:right;
	direction:rtl;
	padding:7px 9px 7px 9px;
	margin:11px 0px 11px 0px
}
	
#branch-item p{
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:17px;
	text-align:right;
	direction:rtl;
	margin:7px 0px 7px 0px;}