/* CSS Document */

body
{
background:url('images/bgall.png');
background-color:#000;
background-repeat:repeat-x;
margin:0px;
padding:0px;
}
#container
{
margin:auto;
height:auto;
width:900px;
text-align:center;
}
#aboutcontainer
{
margin:auto;
height:auto;
width:900px;

}
#header
{
background-image:url('images/header.png');
width:900px;
height:164px;
}
#logo
{
text-align:center;
padding-top:20px;
}
#nav
{
background-color:#f1c323;
height:34px;
}

/*--CSS Sprites Nav Starts here--*/
ul#topnav {
	margin: 0; padding: 0;
	list-style: none;
	float: left;
	width: 906px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}

/*--CSS Sprites - Default State--*/
ul#topnav a {
	float: left;
	display: block;
	height: 34px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	background-position: left top;
}
/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
	background-position: left -34px;
}
/*--Assign an image and width to each link--*/
.blank {
	background-image:url(images/nav/blank.png);
	width:100px;
	height:34px;
}
ul#topnav li.home a {
	background-image: url(images/nav/home.png);
	width: 68px;
}
ul#topnav li.aboutus a {
	background-image: url(images/nav/aboutus.png);
	width: 123px;
}
ul#topnav li.ourmenu a {
	background-image: url(images/nav/ourmenu.png);
	width: 123px;
}
ul#topnav li.locations a {
	background-image: url(images/nav/locations.png);
	width: 123px;
}
ul#topnav li.contactus a {
	background-image: url(images/nav/contactus.png);
	width: 123px;
}
ul#topnav li.facebook a {
	background-image: url(images/nav/fb.png); 
	width: 45px;
}
ul#topnav li.twitter a {
	background-image: url(images/nav/twit.png);
	width: 40px;
}
ul#topnav li.instagram a {
	background-image: url(images/nav/instag.png);
	width: 45px;
}
ul#topnav li.arabic a {
	background-image:url(images/nav/ara.png);
	width:35px;

}

#home li.home a, 
#aboutus li.aboutus a, 
#ourmenu li.ourmenu a, 
#locations li.locations a, 
#contactus li.contactus a
{
	background-position: left bottom;
}
/*--End of CSS Sprites Nav--*/

#line
{
background-image:url('images/line.png');
width:900px;
height:18px;
}
/*--This line is for the Slider--*/
	
    .graphic, #prevBtn, #nextBtn{
     margin:0;
     padding:0;
     display:block;
     overflow:hidden;
     text-indent:-8000px;
     }
    
	#contain{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:545px;		
		padding-top:40px;
		}		
	#content{
		position:relative;	
		text-align:center;
		}			

/*--Begin Slide Here---*/

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		width:545px;
		height:300px;
		overflow:hidden; 
		}
		#slider:hover{
			transition:0.2s;
			opacity:.7;
		}
	#prevBtn, #nextBtn{ 
		display:block;
		width:75px;
		height:130px;
		position:absolute;
		left:-75px;
		top:70px;
		}	
	#nextBtn{ 
		left:545px;
		}
	#nextBtn:hover, #prevBtn:hover {
	transition: 0.2s;
    opacity: .5;
	}

	#prevBtn a, #nextBtn a{  
		display:block;
		width:75px;
		height:130px;
		background:url(images/btn_pre.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}												

/*-- End Slide --*/


#welframe
{padding-left:30px;
padding-bottom:20px;

}
.welcome
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #cb2320;	
}
.read
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#cb2320; text-decoration:underline;
}
a.read:hover
{color:#edaf07; text-decoration:underline;
}

#seemore
{
  display: block;
  width: 114px;
  height: 40px;
  background: url("images/seemore.png") no-repeat 0 0;

}
#seemore:hover
{ 
  background-position: 0 -40px;
}

#seemore span
{
  position: absolute;
  top: -999em;
}

.urlImg:hover{
	transition:0.2s;
	opacity:.5;
}
/*-- This Line for All ---*/

#ourmenuframe{
	padding:10px 50px 8px 80px;
	text-align:left;
	
}
.namedesc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #d68704;
	font-weight:bold;
	padding:5px 0 0 7px;
}
.desc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #dc1c1c;
	text-align:justify;
	padding:0 20px 0 7px;
}
.see{
	font-size:11px;
	font-weight:bold;
}
.name{
	font-weight:normal;
	font-size:11px;
}
#titlemenu{
	padding:10px 0 20px 0;
}
#alsoframe{
	padding-top:5px;
}

#back{
    padding:30px 0 0 80px;
}
.clickback{
    display:block;
	width:124px;
	height:40px;
	background:url("images/back.png") no-repeat 0 0;
}
.clickback:hover{
	background-position:0 -40px;
}
.clickback span
{
  position: absolute;
  top: -999em;
}

.aboutwel{
	font-size:12px;
	color:#f52d29;
}
.companyEng{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#f52d29;
}
.ourmission{
	font-size:12px;
	color:#cb2320;}
	
#aboutframe{
	padding: 20px 0 0 70px;
	width:880px;
}
.branches{
	font-size:12px;
	color:#fd6060;
	}
.contactext{
	font-size:13px;
	color:#edaf07;
	text-decoration:none;
}

#menucontent{
	height:auto;
	width:900px;
}
#bodycontent{
	height:780px;
	width:900px;
}
.mainpop{
	height:289px;
	width:478px;
	padding:0 0 0 220px;
}
.caption{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F90;
}
.capcookies{
	color:#ad3704;
}

.mainachos{
	padding:5px 0 0 120px;
	
}
.fries{
	color:#a1211f;
}
.cap{
	color:#d68704;
}

#bodycontact{
	height:780px;
	width:900px;
}

#come{
	text-align:left;
	padding:90px 0 0 90px;
	float:left;
	width:300px;
}
#info{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#cb2320;
}
#zafnet{
	padding-top:40px;
}
.contactstyle{
	color:#fb3a3a;
}
#telephone{
	padding:130px 100px 0 0;
	float:right;
}

/* The google map location here */

#branchesFrame
{
	height:100%;
	width:900px;
	padding-left:50px;
}
#existOut{
	padding:30px 0 12px 225px;
	margin-top:20px;
	width:650px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FC0;
	font-weight:bold;
	text-align:left;
}
#firstFrame{
	float:left;
	overflow:hidden;
	width:665px;
	height:549px;
}
#secondFrame{
	float:left;
	overflow:auto;
	height:522px;
	width:160px;
	border:3px solid #C00;
}

.lugar{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:15px;
	text-align:left;
	
}
 
.tabmap {
    background-color: #8da5a5;
    border: none;
    color: #fff;
    padding: 40px 10px 0 10px;
    text-align:center;
    text-decoration: none;
    display:block;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
	margin: 0 0 3px 0; 
    cursor: pointer;
    height:55px;
}
.tabmap:hover {
    background-color:#124fa3;
    color:#FC0; 
}
.tabmap a{
	 background-color:#124fa3;
    color:#FC0; }

.scrolldown{
	font-family:Arial, Helvetica, sans-serif;
    color:#fff;
	font-style:italic;
	font-size:14px;
	margin:0 0 6px 0;
}
.branchname
{
	font-family:Arial, Helvetica, sans-serif;
    color:#fff;
	font-size:16px;
	width:400px;
	margin: 0 0 5px 0;
}
#marquee{
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:oblique;
	font-size:20px;
	color:#ffba01;
	float:left;
	margin:50px 0 0 0;
}



/* The Footer Line */
#footer
{
	margin-top:130px;
	background-image:url('images/footer2.png');
	width:100%;
	height:56px;
	text-align:center;
	float:left;
}
.copyright
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color: #a70e0c;
	padding-top:50px;
}