@import url(../font/stylesheet.css);

body{margin:0px; font:normal 13px calibri; background:url(../images/bg.jpg) repeat; }
*{padding:0; margin:0;}
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}


.handrd{width:100%; }
.wrapper{width:960px; padding:0px 20px 0px 20px; margin:0px auto; background:#FFFFFF;}


.headder{background:url(../images/Header-bg.jpg) no-repeat;}
.ar_logo{ padding:10px 0px 0px 28px;}
.logo{padding:14px 35px 0px 0px;}
.nav_main{ padding:10px 0px 0px 0px; width:960px;}
.nav_bt{padding:9px 0px 9px 0px; color:#544605; background:#d1bd82; float:left; text-decoration:none; text-align: center;
-webkit-text-shadow: 1px 2px 1px #b4a169;-moz-text-shadow: 1px 2px 1px #b4a169; text-shadow: 1px 2px 1px #b4a169;}
.nav_bt:hover{background:#a88744; color:#FFFFFF;}

.nav_bt2{padding:13px 22px 13px 22px; color:#544605; background:#d1bd82; float:left; text-decoration:none; font-weight:bold;
-webkit-text-shadow: 1px 2px 1px #b4a169;-moz-text-shadow: 1px 2px 1px #b4a169; text-shadow: 1px 2px 1px #b4a169;}
.nav_bt2:hover{background:#a88744; color:#FFFFFF;}

.service_main{ padding:10px 0px 0px 0px;}

.client_main{ padding:15px 0px 0px 0px;}
.client{width:302px; margin-right:27px;}  .client2{width:302px;}
.clirnt_title{background:url(../images/client_bg.jpg) no-repeat; width:302px; padding:4px 0px 3px 0px; text-align:center; font-family:CabinRegular; font-size:22px; color:#fff;}
.client_sub_m{width:302px; height:120px; border-radius:0px 0px 5px 5px; background:#f2f2f3;}
.client_slider{width:280px; padding:8px 0px 0px 10px;}
.scroller_roll{
width:1900px !important;
    padding:0px;
    margin:0px;
    overflow: hidden;
	border:0px !important;
	
}
.scroller_roll ul{
    padding: 0px;
    margin: 0px;
    float: left;
	border:0px;
}
.scroller_roll ul li{
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
    text-align: center;
    display:inline;
    overflow: hidden;
}
.scroller_roll ul li a{
    text-decoration: none;
}
.scroller_roll ul li a:hover{
    text-decoration: underline;
}
.scroller_roll ul li a img{
    border: none;
}

/* bottom center */
#wowslider-container1  .ws_bullets {
    top: 250px;
    right: -18px;
}
#wowslider-container1{z-index:0 !important}
#wowslider-container1 { 
/*	overflow: hidden; */
	zoom: 1; 
	position: relative; 
	width:900px;
	height:300px;
	margin:0 auto;
	z-index:100; 
    


}
#wowslider-container1 .ws_images{
	position: absolute;
	width:970px;
	height:300px;
	overflow:hidden;
	left: -30px;
	top:8px;
}
#wowslider-container1 .ws_images a{
	color:transparent;
}

#wowslider-container1 .ws_images img{
	top:0;
	left:0;
	border:none 0;
}
#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	padding: 13px 10px 10px 10px; 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	
}
#wowslider-container1 .ws_bullets a { 
	font:bold 10px/22px Tahoma,sans-serif; 
	color:#343434;
	padding-top:1px;
	text-align:center;
	margin-left:2px;
	width:22px;
	height:21px;
	background: url(./bullet.png) left top;

	float: left; 
	position:relative;
}
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{
	background-position: right top;
	color:#D4D4D4;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	margin-top:-33px;
	z-index:60;
	height: 66px;
	width: 59px;
	background-image: url(./arrows.png);
}
#wowslider-container1 a.ws_next{
	background-position: 100% 0;
	right:14px;
}
#wowslider-container1 a.ws_prev {
	left:14px;
	background-position: 0 0; 
}
#wowslider-container1 a.ws_next:hover{
	background-position: 100% 100%;
}
#wowslider-container1 a.ws_prev:hover {
	background-position: 0 100%; 
}
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}
#wowslider-container1 .ws-title{
	position: absolute;
	bottom:80px;
	left: 14px;
	margin-right:5px;
	z-index: 50;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);	
	padding:12px;
	color: #d4d4d4;
	text-transform:uppercase;

    font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	height:21px; /* need for fix eliminate shift in ie9 */

}
#wowslider-container1 .ws-title div{
	padding-top:5px;
	font-size: 13px;
	text-transform:none;
}

/*----------------------------------------------------------------------------------*/

ul.menu {list-style:none; margin:0; padding:0; color:#000; }
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; font-weight:bold; text-decoration:none;}
ul.menu li {position:relative; float:left; }
ul.menu ul {position:absolute; top:33px; left:0; background:#fffff; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:9px  7px 9px 7px; background: url(../images/HOVER.png)repeat;}
ul.menu ul li a:hover { background-color:#777464;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink { padding:9px 0px 9px 0px; font-weight:bold; background-color:#d1bd82; width:85px; text-align:center; color:#534401;-webkit-text-shadow: 1px 2px 1px #b4a169;-moz-text-shadow: 1px 2px 1px #b4a169; text-shadow: 1px 2px 1px #b4a169;}
ul.menu .menulink:hover, ul.menu .menuhover { background-color:#a88744; color:#FFFFFF;}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {}
.bottem{ margin:0px auto; width:961px; background-image:url(../images/Home.png); background-position:bottom; background-repeat:no-repeat;}
.jmg1{ float:left; width:205px; height:120px; background:#FFFFFF; margin:10px 0px 0px 0px; border:solid 3px #4f6e9a;}
.clr{ clear:both;}
.jmg2{ float:left;}
.jm{ float:left;margin-left:62px; height:120px;width:311px; color:#b28f4f; font-size:18px; font-weight:bold; padding-bottom:13px;}
.typ1{ padding:7px 0px 0px 10px; float:left;width:150px;} .typ2{ float:left; padding:10px 0px 0px 10px; width:150px;}
.jm2{ float:left;} .jm2:hover{opacity:0.90;}
#ticker { height:120px; padding:0px 0px 0px 20px; }
#ticker dt {  padding:10px 10px 5px 10px; background-color: #FFFFFF; padding-top:10px;}
#ticker dd { margin-left:0; padding:10 10px 10px 10px; }
#ticker dd.last { }
#ticker div { margin-top:0 ; }

.handr{ padding-top:60px;}
.slide{ padding-top:}
.man{ margin:0px auto; width:960px;}
.futer{ padding:5px 0px 0px 0px;}
<!------------------------------2nd pg------------------------------------------>
.bn_fld{ margin:0px auto; width:960px;}
.typ{ float:left; width:563px; height:200px; font-size:26px; font-family:Myriad Pro; color:#1682aa; padding:60px 0px 0px 40px; background-color:#FFFFFF;}
.hand1{ float:right; padding-top:136px;}
.ban2{ padding-top:7px; margin:0px auto; background-color:#FFFFFF; width:960px;}
.man{ background-color:#FFFFFF; background:url(../images/Home.png) no-repeat 0px 67px;}
.center{ margin:0; width:100%;}
.main1{ margin:0px auto; width:961px;}
.banner{ padding-top:1px;}
<!-----------------------vision------------------------------------->
.bn_fld1{ margin:0px auto; width:965px;}
.typ5{ float:left; width:563px; height:200px; font-size:21px; font-family:Myriad Pro; color:#78787e; padding:63px 0px 0px 58px; position:absolute;}
.hand6{ float:right; padding-top:90px;}
.tt{fcolor:#8b856b; font-size:30px; font-family:Traditional Arabic; background-image: url(../images/jk.gif); background-repeat:repeat; margin-top:10px; } 
.box1{background-color:#FFFFFF; width:150px; height:140px; margin-right:15px; padding:15px 10px 0px 50px; background-repeat:no-repeat; float: left; margin-bottom:15px; background-position:center; }
.box2{background-color:#FFFFFF;width:150px; height:140px;; padding:15px 10px 0px 50px; background-repeat:no-repeat; float: right; margin-right:70px;}
.box3{background-color:#FFFFFF; width:150px; height:140px; margin-right:20px; padding:15px 10px 0px 50px; float: left; margin-bottom:15px; background-position:center;}
.mn{ float:left; padding-top:10px;}
.mn1{ padding-top:15px;}


/*________________________________________________________________________Awards______________________________________________________*/
.award_banner{padding:10px 0px 10px 0px;}
.Award_main{width:960px; height: auto; padding:30px 0px;}
.award_img_main{width: 930px; height:auto; padding:0px 20px 0px 30px;}
.award_img_SUB{width: 220px; height:auto; margin-bottom:60px;  }
.award_img{width:220px; height:255px;}
.award_img_SUB_2{width: 282px; height:auto;  margin-bottom:28px; margin-right:28px; }
.award_img_2{width:220px; height:255px;}
.award_img_3{width:401px; height:255px;}
.award_img_4{width:401px; height:255px; background:url(../images/tic.png) no-repeat center;}
.award_img_2 img:hover{opacity:0.8;}  .award_img_3 img:hover{opacity:0.8;}  .award_img img:hover{opacity:0.8;} 

/*________________________________________________________________________civil_______________________________________________*/
.content_main{padding:0px 0px 15px 0px;  }
.title{ padding:0px 0px 5px 0px;color: #EA7446; font-size: 20px; text-transform: uppercase; font-weight:bold;}
.sub_content{ width:980px;} .side_content{width:240px; margin:10px 0px 0px 20px;}
.side_link{border-radius:0px 0px 8px 8px; border: solid 1px #e1e1e1; padding:6px 6px 0px 6px;}
.side_bt{background:url(../images/side_bt.png) no-repeat; display:block; width:212px; height:22px; font-size:14px; padding:9px 0px 0px 15px; text-decoration:none; color:#666666; margin-bottom:6px;} 
.side_bt:hover{background-position:bottom;}
.sub_txt{ color: #65696a;font-size: 14px; height: auto; padding: 5px 20px 5px 0px; text-align:justify; line-height:20px;}
.civil_title{padding:30px 0px 0px 100px; color:#0de311; font-size:20px;} 
.civil_sub{padding:5px 0px 5px 250px;} 
.civil_under{ color:#787a7b; font-size:12px; background:url(../images/bullet.png) no-repeat 20px 9px; padding:5px 0px 5px 40px; line-height:18px;}
.civil_sub_1{padding:5px 0px 5px 0px;} 

/*__________________________________________________media____________________________________________________________________*/

.media_mian{width:960px; height:auto;  margin:20px 0px 0px 0px ; background:#FFFFFF; background-color:#FFFFFF;}
.m_img_main{ padding:0px 0px 0px 24px;} .m_img_main_1{width:940px; height:160px;padding:0px 10px;}
.m_img_bg{width:200px; height:135px; background:url(../images/media_bg.png) no-repeat top; padding:6px; margin-right:22px; float:left; margin-bottom:25px; }
.m_img_bg_2{width:200px; height:135px; background:url(../images/media_bg.png) no-repeat top; padding:6px; float:left; }
.m_img{width:auto; height:auto;}
.m_img img:hover{opacity:0.8; border-radius:4px}.m_img img{ border-radius:4px}

/*________________________________________________________________contact_______________________________________*/

.contact_content{ color:#969595; font-size:14px; padding:15px 0px;}
.contact_main{width:450px; height:auto; padding:20px 0px 20px 20px; }
.contact_main_2{width:450px; height: auto; padding:20px 0px 20px 200px;}
.contact_sub{width:210px; height:auto;}
.contact_img{ width:auto; height:auto; float:right;}
.contact_details{width:450px; height:auto; color:#7e7e7e; line-height:20px; font-size:13px; border-bottom:dashed 1px #666666; margin-bottom:15px;}
.feild_main{width:450px; height:auto; margin-bottom:20px;} .feild_main_smas{width:450px; height:120px; margin-bottom:15px;}
.name{width:130px; height:auto; padding:5px 0px; text-align:left; font-size:16px; color:#5a5a5a;}
.tht_fld{width:300px; height:auto; float:right;}
.fld{width:280px; height:30px; border:solid 1px #dcdcdc; border-radius:2px; outline:none; color:#7e7e7e;}
.fld_sms{ width:280px; height:100px; border:solid 1px #dcdcdc; border-radius:2px; outline:none; color:#7e7e7e;}
.contact_bt{width:300px; height: auto; padding:0px 0px 20px 150px;}
.submit{width:65px; height:23px; float:left; background:url(../images/contact_03.png) no-repeat; display:block;}
.submit:hover{background-position:bottom;}
.g_map{width:450px; height:350px; float:right; margin-top:20px;}
.cotact_banner{width:960px; height:181px; padding:20px; background: #FFFFFF;}

/*------------------------------mission----------------------------------------------------*/
.mission_main{background:url(../images/02-Mision-.png) no-repeat right;}
.typ9{ color:#1f7a99; font-size:16px; margin:25px 0px 0px 40px; text-align: left; height:340px; padding-right:300px; text-align:justify;}
/*---------------------------------VISSION--------------------------------*/
.typ10{ color:#1f7a99; font-size:16px; margin:25px 0px 0px 40px; text-align: left; height:400px; padding-right:300px; text-align:justify;} .mission_main1{ background:url(../images/hy.png) no-repeat right;}
/*----------------------------CONTACT US------------------------------*/
.civil_sub1{  width:330px; font-size:16px; padding-left:150px; padding-top:10px; border-bottom:1px #c1c0bf dashed; padding-bottom:10px; }
.side_bt1{ text-align:center; font-size:16px;}
.addres1{ float:left; width:250px; font-size:13px; padding-top:20px; padding-bottom:10px;}
.sub_content2{ float:left; width:590px; height:350px; background-image:url(../images/side.png); background-position:right; background-repeat:no-repeat;}
.addres2{ float:right; width:220px; font-size:13px; padding-top:20px; padding-bottom:10px; margin-right:50px;}
.side_content fl1{ width:250px;}
.side_link12{ float:right;padding:3px 3px 0px 3px; width:350px; margin-top:10px;}
.map{ margin-left:10px; padding-bottom:8px; margin-top:10px; margin-bottom:5px;}
    
/*------------------------------new job----------------------------------*/
.feed{ float:left; margin-right:88px; padding-top:10px;}
.apply{ float:left;margin:60px 0px 0px 200px;color:#969595; font-size:14px;}
.feed1{ margin-top:50px; float:left; margin-right:77px;}
.feed3{ float:left; margin-right:37px;}
.feed34{ float:left; margin-right:52px;padding-top:10px;}
.feed35{float:left; margin-right:51px;padding-top:10px;}
.feed44{float:left; margin-right:30px; padding:5px 0px 0px 0px; }
.feed48{float:left; margin-right:33px;}
.choos{ float:left;text-decoration:none;}
.submit1{ float:left;  padding:3px 2px 4px 15px; width:67px; height:20px; font-size:18px; margin-left:90px; margin-top:10px; margin-bottom:10px;text-decoration:none; color:#000000;}
.hy{ width:410px; height:70px;}
.apply12{ margin-top:10px;}
.apply13{ margin-top:25px;}
.submit9{ margin-left:123px; padding-top:10px;}
/*--------------------------media----------------------------------*/
.media{ margin-top:10px;  padding:0px 0px 21px 21px;}
.media1{ float:left; padding:0px 21px 0px 0px; margin-bottom: 15px;}
.media2{ float: right; padding:10px 0px 10px 8px; background-repeat:no-repeat;}
.tayp{ margin-left:100px; padding-top:10px; font-size:16px; margin-left: 1px;}
/*-------------------------about us----------------------------------*/
.about{ color:#1f7a99; font-size:16px; margin:75px 0px 0px 40px; text-align: left; height:400px; padding-right:300px; text-align:justify; background-image:url(../images/bol.png); background-repeat:no-repeat; background-position:right;}
/*------------------------------------------she policy--------------------------*/

.hse_mian{width:940px; height: auto;  padding:40px 0px 0px 0px ; background:#FFFFFF; background-color:#FFFFFF; padding:0px 10px; }
.hse_sub_main{ width:914px; height:auto; padding:10px 10px; border:solid #e8e8e8 1px;  border-top:none; }
.hse_head{ width:600px; padding:5px 0px 5px 40px; color:#151515; font-size:16px; background:url(../images/hse_head.png) no-repeat 25px 12px; font-weight:bold;}
.hse_headoo{ width:600px; padding:5px 0px 5px 0px; color:#151515; font-size:16px; background:url(../images/hse_head.png) no-repeat 25px 12px; font-weight:bold;}
.hse_sub_cont{width:820px; height:auto;  padding:15px 60px 10px 40px;}
.hse_sub_cont_4{width:820px; height:auto;  padding:5px 60px 5px 20px;}
.hse_sub_cont_2{width:820px; height:auto;  padding:15px 60px 10px 30px;}
.hse_sub_cont_3{width:820px; height:auto;  padding:15px 60px 10px 70px;} .hse_sub_cont_3_1{width:820px; height:auto;  padding:5px 60px 10px 70px;}
.hse_sub_cont_5{width:820px; height:auto;  padding:5px 60px 10px 70px;}
.hse_sub_title{width:700px; height:auto; padding:0px 10px 10px 0px; color:#4d4c4c; font-size:14px; font-weight:bold; background: url(../images/new_greencopy.png) no-repeat 0px 5px;}

.hse_sub_title_a{width:650px; height:auto; padding:0px 10px 10px 0px; color:#4d4c4c; font-size:14px; font-weight:bold; background:url(../images/new_greencopy.png) no-repeat 0px 5px; margin-left:30px;}
.hse_p_content{width: 850px; height:auto; color:#827e7e; font-size:13px; padding:0px 0px 5px 0px; line-height:20px;}
.hse_p_content_4{width: 800px; height:auto; color:#827e7e; font-size:13px; padding:0px 0px 0px 0px; line-height:20px;}
.hse_alp_title{width:600px; height:auto; padding:10px 0px; color:#514f4f; font-size:14px; font-weight:bold; background:url(../images/new_greencopy.png) no-repeat 0px 15px;}
.hse_alp_title_2{width:830px; height:auto; padding:7px 0px; color:#514f4f; font-size:13px;}
.hse_alp_title_3{width:700px; height:auto; padding:7px 0px; color:#514f4f; font-size:13px; line-height:20px;}
.hse_alp_con{width:800px; height:auto; padding:5px 10px 5px 37px; color:#827e7e; font-size:13px; line-height:20px;}
.hse_alp_alp_con{width:800px; height:auto; padding:5px 10px 10px 40px; color:#827e7e; font-size:13px; line-height:20px;}
.hse_2_bullet{ width: 600px; height:auto; padding:5px 0px 5px 70px; background:url(../images/bullet.png) no-repeat 55px 10px; font-size:13px; color:#656565; }
.hse_sp{width:300px; height:5px; }
.hse_p_content_2{width: 800px; height:auto; color:#827e7e; font-size:13px; padding:5px 0px 5px 70px; line-height:20px;}
.hse_p_content_3{width: 850px; height:auto; color:#827e7e; font-size:13px; padding:0px 0px 5px 40px; line-height:20px;}
.hse_padding{ padding-left:60px;}
.bitween{padding:10px 0px; color:#4c4c4c; font-size:14px; font-weight:bold; width:500px;}

.footer{padding:0px 0px 0px 0px; background:#d1bd82; color:#fff; font-size:14px; }
.staf_mail{ padding:10px 10px; text-decoration:none; color:#FFFFFF;} .staf_mail a{color:#FFFFFF;}
.social{padding:4px 0px 0px 600px;} 
.you{width:30px; height:29px; display:block; background:url(../images/you.png) no-repeat; margin-right:11px;} .you:hover{background-position:bottom;}
.fb{width:30px; height:29px; display:block; background:url(../images/fb.png) no-repeat; margin-right:11px; } .fb:hover{background-position:bottom;}
.twit{width:30px; height:29px; display:block; background: url(../images/twit.png) no-repeat; margin-right:11px;} .twit:hover{background-position:bottom;}
.under_construction{ height:200px; margin-bottom:10px; }
.error{ color:#db0923;}
.under_construction{ height:270px; margin-bottom:10px; }