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


@font-face 	{
 font-family: futura;
 src: url("fonts/futura.eot") /* EOT file for IE */
}
@font-face 	{
 font-family:  futura;
 src: url("fonts/futura.ttf") /* TTF file for CSS3 browsers */
}
@font-face 	{
 font-family: futuralt;
 src:url("fonts/futuralt.eot"); /* EOT file for IE */
}
@font-face 	{
 font-family:  futuralt;
 src: url("fonts/futuralt.ttf") /* TTF file for CSS3 browsers */
}
@font-face 	{
 font-family: futuramd;
 src:url("fonts/futuramd.eot") /* EOT file for IE */
}
@font-face 	{
 font-family:  futuramd;
 src: url("fonts/futuramd.ttf") /* TTF file for CSS3 browsers */
}
body				{
	background:#FFF;
	padding:0;
	font-family: Arial;
	font-size:13px;
	text-align:left;
	margin-top: 0;
	margin-bottom: 0;
	color: #666666;
}
img					{
	border: 0;
	text-align: center;
}
h1					{ font-size:50px; font-family:futura; color:#FFF; font-weight:lighter; }
h2					{ font-size:18px; font-family:futura; color:#FFF; font-weight:lighter; float:left; }
h3                  {font-size:22px; font-family:futura; color:#0f0f0f; margin:0 0 0 50px; font-weight:lighter; display:inline; text-decoration:none;}
p                   {
	font-size: 16px;
	color: #626262;
	text-align: justify;
	width: 100%;
}

.staff_p_ctnt                   {
	font-size: 16px;
	color: #626262;
	text-align: justify;
	width: 109%;
	padding-bottom: 10px;
}
.staff_p_ctnt_one                   {
	font-size: 16px;
	color: #626262;
	text-align: justify;
	width: 109%;
	padding-bottom: 50px;
}
.staff_p_ctnt_two                   {
	font-size: 16px;
	color: #626262;
	text-align: justify;
	width: 109%;
	padding-bottom: 15px;
}

h4                  {font-family:futura; font-size:20px; line-height:32px; color:#626262;  font-weight:normal; padding-top: 5px; text-align: justify;}
h5                  {
	font-family: futura;
	font-size: 19px;
	color: #626262;
	font-weight: normal;
	text-align: left;
}
h6                  {font-family:futura; font-size:16px; text-align:justify; color:#626262; font-weight:normal; margin:0px;}

#main				{
	width: 1003px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wrapper			{ width:925px; margin:0 auto; }
#topmenu			{ width:925px; height:80px; /*margin-top:6px;*/}
#logo{width:223px; height:74px; margin:0; float:left;}

#banner{width:925px;  height:365px;position:relative;}
.banner {padding:0px; margin:0px;}
#bannertext{
	height: 180px;
	position: absolute;
	top: 61px;
	margin: 0 0 0 20px;
	left: -7px;
}
#heading{/*height:88px;*/ float:left; z-index:300px; margin:0 69px 0 0;}
#heading2{
	width: 272px; height: 123px; margin: 0 auto; margin: 6px 0 0 30px;
}
#heading3{
	width: 272px; height: 123px; margin: 0 auto;	/*margin: 6px 0 0 30px;*/
}
#corniche-logo{
	width: 185px; height: 123px; margin: 0 auto; float:left;	/*margin: 6px 0 0 30px;*/
}
#content{width:925px; /*height:340px;*/ float:left;}
#content_service{width:925px; /*height:340px;*/}
#heading h1{margin:0px;}
#contentleft{
	width: 282px;
	padding-bottom: 121px;
	float: left;
	background: #eeeeee;
	margin: -106px 0 0 19px;
	position: absolute;
	z-index: px;
	height: 200px;
}
#contentleft_services{width:282px; padding-bottom:121px; float:left;  background:#eeeeee;   margin:-139px 0 0 19px; position:absolute;  z-index:500px;}
#contectsection{width:244px; height:77px; background-image:url(../images/image.jpg); background-repeat:no-repeat; margin:25px 0 0 20px}
#contentsectiontext{width:235px; height:202px; float:left; margin:35px 0 0 15px}


 @media \0screen {
#contentsectiontext{width:235px; height:172px; float:left; margin:38px 0 0 15px;}


 }


 #contentsectiontext ul{margin:0; padding:0;}
  #contentsectiontext li{font-family:futura; font-size:18px; color:#7a7a7a; width:100%; margin:0 0 0 10px; padding:0; line-height:38px; list-style-type:none;}
  #contentsectiontext li a{
	font-family: futura;
	font-size: 18px;
	color: #7a7a7a;
	text-decoration: none;
	margin: 0 20px 0 0px;
	padding: 0;
	line-height: 31px
}
  #contentsectiontext li a:hover{color:#000;}
  #contentsectiontext li a.active1{color:#000;}
  #contentright{width:600px; /*float:left;*/ min-height:335px; margin:0 0px 0 325px; font-family: futura; font-size: 14px; }
  #contentrightheading{ margin:0;}	
  #contentrightpgh{margin:0; position:relative;}
  
  #footer { width: 930px; height: 38px; margin: 100px auto 0 auto;
}
  #footerleft{
	width: 650px;
	height: 32px;
	float: left;
	
}
  #footerimage{width:310px; height:32px;}
  #footerfbimage{
	width: 20px;
	height: 19px;
	float: left;
	margin: 6px 0 0 0;
		
}
  #footertwitterimage{width:23px; height:19px; float:left; margin:6px 7px 0 7px; }
  #footerinstoimage{width:20px; height:19px; float:left; margin:6px 7px 0 0; }
  #footerbutton{ height:32px; float:left; margin-top:12px; margin-left: 188px; font-size: 11px; border: none;}
  #footerbutton img	{ margin:15px 0 0 0}	
  #footer p { font-size:11px; float:left;  }	
  #footer a 	{ text-decoration:none; color:#626262; padding:0 13px 0 10px; }
  #footer a:hover 	{ text-decoration:none; color:#000; }
  #span{padding:0 0 0 50px;}
  
  .footer_mawaqaa {margin-top: 8px; float:right; }


@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    .footer_mawaqaa {margin-top: -9px; float:right; }

    /* Safari only override */
    ::i-block-chrome,.footer_mawaqaa {margin-top: 10px; float:right; }
}


safaar
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.footer_mawaqaa {margin-top: -9px; float:right; }
	}
			   

/*MAINPAGE*/
#mainpage{width:1003px; height:0; margin:0 auto;}
#mainwraper{width:928px; margin:0 auto;}
#maintopmenu{width:928px; height:80px;}
#mainlogo{width:223px; height:74px; margin:0; float:left;}
#mainmenu{height:55px; float:right; margin:25px 0 0 0;} 
#mainmenu ul{margin:0 0 0 5px; padding:10px  0 0  10px;}
#mainmenu li{font-family:futuramd;
              font-size:12px;
			  color:#6b6b6b;
			  display:inline;
			  float:left;
			  margin:0 0px 0 0;
			  padding:0 0 0 0px;}

#mainmenu li a{font-family:futuramd;
              font size:12px;
			  color:#000;
			  margin:0 5px 0 0;
			  padding:0  0 0 5px;
			  text-decoration:none;}
			  
#mainbanner{width:928px; height:462px; position:relative;}
#mainbannertext{
	width: 377px;
	height: 95px;
	position: absolute;
	z-index: 500px;
	margin: -448px 0 0 5px;
	background: #333233;
	opacity: 0.88
}
#mainbannerhead{
	width: 300px;
	height: 100px;
	margin: 0 0 0 8px;
	line-height: 25px;
}
#mainwelcome{width:281px; height:225px; float:left; background-color:#eeeeee; position:absolute; margin:-142px  0 134px 21px;}
#mainwelcomehead{
	width: 281px;
	height: 49px;
	float: left;
	margin: 5px 0 0 20px;
	background-repeat: no-repeat;
	background-image: url(../images/image.jpg);
	padding-top: 10px;
}
#mainwelcometext{width:250px; height:100px;  position:absolute; top:25px; padding:0 10px 0 15px;}
#mainarrow{width:22px; height:22px; position:absolute; margin:203px 0 0 259px;}
#mainimages{width:587px; height:95px; float:right; position:relative;}
#mainimages1{width: 178px;height: 169px;float: left;position: absolute;margin: -85px 0 0 -14px;}
#mainimage2{width:178px; height:169px; float:left; position:absolute; margin:-85px 0 0 177px;}
#mainimage3{width:178px; height:169px; float:right; position:absolute; margin:-85px 0 0 367px;}

#mainarrowkey{width:24px; height:24px; position:absolute; margin:-22px 0 0 153px;}
#mainarrowkey2{width:24px; height:24px; position:absolute; margin:-22px 0 0 153px;}
#mainarrowkey3{width:24px; height:24px; position:absolute; margin:-22px 0 0 153px;}
.staff {width:460px; margin-top: 6px; }
.staffwork {width:480px; margin-top: 6px; margin-left: 45px; float:left; }
.staffwork h3 {font-size:23px; margin-left:0px !important;}
/*.borderbottom {border-bottom:dotted 1px #ccc;}*/
.staff h3 {font-size:23px; margin-left:0px !important;}
.staff h5 {font-size:18px; margin-left:0px !important; margin-top:0px !important; margin-bottom:10px !important;width:100%}
.staff img {float:left; margin-right:20px; margin-bottom:5px;}
.staff_image {float: left; height: 260px; width: 450px; margin: 0 20px;}
.tdname { width: 150px; float:left;}




input {
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
	height: 26px;
	width: 230px;
	color:#666666;
}

.radio input {
	
	height: 13px;
	width: 100px;
	margin-bottom: -8px;
	background-color: #fff;
	border: none;
}

.radio input { margin-bottom: -9px\0/IE9 !important;}
.valmsg{}
.radio label {
	
	top: 10px;
	position: inherit;
	line-height: 0px;
}
input.radio {
	height:13px;
	width: 10px;
	background: none;
	border: none;
}
.radio span   { margin-top: 0px; width: 20px;}

input { height/*\**/: 21px\9; }

input { padding-top: 4px\0/IE8 ; }



input.radio { margin-top/*\**/: -3px\9; background-color/*\**/: none\9; }

IE 10 ------  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
input { height:26px;  }

}

input.file{
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
	height: 26px;
	width: 233px;
	color:#666666;
}
input.btn{
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
	height: 26px;
	width: 115px;
	color:#666666;
}
input.btn:hover{
	background-color: #000;
	border: 1px solid #000;
	height: 26px;
	width: 115px;
	color:#fff;
}
select {
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
	height: 26px;
	width: 233px;
	color:#666666;
	padding-top: 2px;
}
select.date {
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
	height: 26px;
	width: 66px !important;
	color:#666666;
	padding-top: 4px;
}
.logo {
	/*height: 197px;
	width: 175px;*/
	height: 110px;
	width: 150px;
	float: left;
	margin-right: 9px;
	margin-left: 9px;
	margin-bottom: 10px;
	margin-top: 20px;
	/*border: 3px solid #CCCCCC;*/
}
#backbutton {
	float:right;
	width:100px;
	height:30px;
	font-family:futura;
	margin-top: 15px;
}
.backbutton a {
	float: right;
	height: 30px;
	width: 100px;
	text-decoration: none;
	font-size: 14px;
	font-family: futura;
	color: #000000;
}
.backbutton a:hover {
	float: right;
	height: 30px;
	width: 100px;
	text-decoration: none;
	font-size: 14px;
	font-family: futura;
	color: #999;
}
#youtube {
	float: left;
	width: 600px;
}
.youtube_head {
	float: left;
	height: 30px;
	width: 600px;
	font-family: futura;
	font-size: 20px;
	font-weight: bold;
	color: #626262;
	padding-top: 15px;
}
.youtube_ctnt {
	float: left;
	width: 186px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 180px;
}
.youtube_name {
	float: left;
	width: 186px;
	padding-top: 5px;
	text-decoration: none;
}
.youtube_name a{
	float: left;
	width: 186px;
	padding-top: 5px;
	display: block;
	color: #438BC5;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	/*font-weight: bold;*/
	text-align: left;
}
.youtube_name a:hover {
	float: left;
	width: 186px;
	padding-top: 5px;
	display: block;
	color: #438BC5;
	text-decoration: underline;
	font-size: 14px;
	line-height: 18px;
/*	font-weight: bold;*/
	text-align: left;
}




.youtube_thumb {
	float: left;
	height: 100px;
	width: 180px;
	border: 1px solid #CCC;
	padding: 2px;
	
}
.header_icon {float:right; width: 84px; height: 0px;}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		width: 510px;
		}
	#slider2{
	margin-top: 1px;
}
	#slider li, #slider2 li{
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	width: 507px;
	height: auto;
	overflow: hidden;
	left: 100px;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:0px;
		top:0px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{
	left: 567px;
	top: 0px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}	
	
/* after login easy slider close*/
	
	/*pagination end*/
.ctnt_area { float: left; height:235px; width: 100%;}

.website_link  {color: #000; text-decoration: none; font-size: 16px; margin-bottom: 10px; }
.website_link a  {color: #000; text-decoration: none; font-size: 16px; text-decoration: none; }
.website_link a:hover  {color: #666;font-size: 16px; text-decoration:none;}
.web { margin: 0px; }
.top {margin-top:40px;}


.table_btn { padding-left: 166px;}
.margin		{ margin-top:10px;}


.cont_adres_main {width: 500px; font-size: 15px; float:left;  }
.cont_adres {width: 80px; font-size: 15px; float:left; color: #666; }
/*added on 11-09-2013 */
.red		  { color:#ff0000; float:right; width:200px; padding-top:5px;}