@charset "utf-8";
/* CSS Document */
body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:url(../images/hdrbg.png) center top repeat-x;
	text-align:left;
	border-top:6px solid #ab2626;	
}

/*
START UTILITY
*/
div, ul, h1, h2, h3, h4, h5, h6, ul, li, p, img, form, input, textarea, marquee {
	margin:0;
	padding:0;
}

a {
    outline: none;
	color:#333;
	text-decoration:underline;
}

a:hover {
    outline: none;
	color:#000;
	text-decoration:none;
}

img {
	border:none;
}

li {
	list-style:none;
}


.clearall {
	clear:both;
	font-size:1px !important;
	line-height:1px !important;
	height:1px !important;
	min-height:1px;
}
/*
END UTILITY
*/
@font-face {
	font-family: 'Conv_MyriadArabic-Regular';
	src: url('fonts/MyriadArabic-Regular.eot');
	src: local('☺'), url('fonts/MyriadArabic-Regular.woff') format('woff'), url('fonts/MyriadArabic-Regular.ttf') format('truetype'), url('fonts/MyriadArabic-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* start main content */
div#container{
	margin:0;
	padding:inherit;
	}
div#header{
	height:568px;
	background:url(../images/hdrbd.png) center top no-repeat;
	}
div#inheader{
	width:986px;
	margin:0 auto;
	}
.tophdr{
	height:122px;
	width:986px;	
	}
.logo{
	height:83px;
	width:400px;
	margin:20px 0 0 5px;
	}
.rgthdr{
	height:81px;
	width:496px;
	float:right;
	margin:10px 5px 20px 0;	
	}
ul.rgthdrlist{
	height:90px;
	width:496px;	
	height:98px;	
	}
ul.rgthdrlist li{
	float:left;
	display:inline-block;	
	}
ul.rgthdrlist li.one{
	width:67px;
	height:98px;
	margin-right:2px;
	}
ul.rgthdrlist li.two{
	width:350px;
	height:98px;
	}
ul.rgthdrlist li.two ul{
	padding:0;
	margin:0;
	}
ul.rgthdrlist li.two ul li{
	/*width:230px;*/
	float:left;	
	}
ul.rgthdrlist li.two ul li.address, ul.rgthdrlist li.two ul li.email{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2c2c2c;
	text-align:left;	
	padding-left:40px;	
	height:25px;	
	}
ul.rgthdrlist li.two ul li.address{
	background:url(../images/icon1.png) 8px 2px no-repeat;
	margin-bottom:8px;
	}
ul.rgthdrlist li.two ul li.email{
	background:url(../images/icon2.png) 8px 4px no-repeat;
	
	}
/* start menu */
div#nav{
	height:34px;
	width:986px;
	background:url(../images/menubg.png) left top repeat-x;
	}
div#nav ul{
	padding:0;
	margin:0;
	padding-left:2px;
	}
div#nav ul li{
	float:left;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#fff;
	text-align:center;
	line-height:34px;	
	}
div#nav ul li a{
	font-size:19px;
	color:#fff;
	text-align:center;
	line-height:34px;	
	padding:0 35px 0 35px;
	text-decoration:none;
	}
div#nav ul li a:hover, div#nav ul li a.active{
	background:url(../images/menuhov.png) left top repeat-x;
	display:block;
	text-decoration:none;
	}				
/* end menu */
.banner, div#banner{
	height:376px;
	width:986px;
	margin-top:25px;
	background:url(../images/shadow.png) center 344px no-repeat;
	}												
div#midbody{
	background:url(../images/bg.png) center top repeat;	
	padding:0 0 20px 0;
	}
div#inmidbody{
	width:986px;	
	margin:0 auto;
	display:table;
	}
div#midone{
	height:362px;
	width:986px;
	background:url(../images/midonebar.png) 619px 70px no-repeat;
	}		
div#midone .midonelft, div#midone .midonergt{
	float:left;
	display:inline-block;	
	height:362px;
	}
div#midone .midonelft{
	width:614px;
	margin-right:20px;
	}
div#midone .midonergt{
	width:351px;
	}
div#midone .midonelft h1, div#midone .midonergt h2, .midtwolfttop h3, .midtwolftbtm h4, div#midtwo .midtworgt h5{	
	height:80px;
/*	font-family: 'Conv_MyriadArabic-Regular';*/
	font-family:"Myriad Pro";
	font-size:1.4em;
	text-align:left;
	line-height:80px;
	color:#970808;
	padding-left:87px;
	font-weight:normal;
	text-transform:uppercase;
	}
div#midone .midonelft h1{
	background:url(../images/about.png) left top no-repeat;
	}
div#midone .midonergt h2{
	background:url(../images/product.png) left top no-repeat;
	}
/*.midtwolftbtm h4{
	background:url(../images/clients.png) left top no-repeat;
	}	*/
.midonelfttxt{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:14px;
	color:#333333;
	text-align:justify;
	padding:10px 30px 0 30px;
	line-height:20px;
	}
.midoneimg{
	float:left;
	margin:0 30px 10px 0;
	}
.readmore{
	float:right;
	margin:20px 0 0 0;
	}
.readmore2{
	float:right;
	margin:30px 18px 0 0;
	}
	
div#midtwo{
	height:443px;
	width:986px;
	margin-top:10px;
	/*border:1px solid pink;*/
	}
div#midtwo .midtwolft, div#midtwo .midtworgt{
	float:left;
	display:inline-block;
	height:473px;
	}	
div#midtwo .midtwolft{
	width:609px;
	margin-right:20px;
	}
.midtwolfttop{
	background:url(../images/infbg.png) left top no-repeat;
	height:254px;
	width:614px;
	}
.midtwolftbtm{
	height:194px;
	background:url(../images/client2.png) center top no-repeat;
	}		
div#midtwo .midtworgt{
	width:356px;
	background:url(../images/projectbg.png) left top no-repeat;
	}
ul.projectlist{
	margin:10px 10px 0 10px;
	padding:0;
}
ul.projectlist li{
	border-bottom:1px solid #dedddd;
	background:url(../images/btn.png) 10px 15px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	text-align:left;
	line-height:20px;
	padding:10px 10px 10px 35px;
	width:280px;
	font-weight:bold;
	}
ul.projectlist li span{
	color:#0099FF;
	font-weight:normal;
	}	
/*start footer */
div#footer{
	height:92px;
	background:url(../images/ftrbg.png) left top repeat-x;
	}
div#infooter{
	width:986px;
	margin:0 auto;
	}
.ftrtxt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7d7c7c;
	text-align:left;
	float:left;
	width:285px;
	padding-top:20px;
	}	
.ftrlinks{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7d7c7c;
	text-align:center;
	padding-top:20px;
	float:right;
	}
.ftrlinks a{
	color:#7d7c7c;
	text-decoration:none;
	}
.ftrlinks a:hover{
	color:#993300;
	text-decoration:underline;
	}
/* START SCROLL */
 #hmportfolio {
 	margin-top:30px;
	/*margin:25px auto;*/
	/*border:1px solid #e0e0e0;*/
	/*padding:10px;*/
	height:193px;
	width:348px;
	/*border:1px solid red;	*/
}
.jcarousel-skin-tango .jcarousel-container {	
	float:left;	
}


.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 348px;
	
}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
	width:193px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 348px;
    height: 193px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 348px;
    height: 193px;
	text-align:center;	
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;	
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 65px;
    right: 10px;
    width: 27px;
    height: 27px;
    cursor: pointer;  
    background:url(../images/next.png) 0 0 no-repeat;  
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 65px;
    left: 10px;
    width: 27px;
    height: 27px;
    cursor: pointer;
    background: transparent url(../images/prev.png) no-repeat 0 0;	
}
/*
	END SCROLL
*/								
/* start innerbody */
div#innermidbd{
	width:986px;
	padding:10px 0 20px 0;
	display:table;	
	}
.about, .product, .infrastructure, .clients, .projects, .contact{	
	height:80px;
/*	font-family: 'Conv_MyriadArabic-Regular';*/
	font-family:"Myriad Pro";
	font-size:1.4em;
	text-align:left;
	line-height:80px;
	color:#970808;
	padding-left:87px;
	font-weight:normal;
	text-transform:uppercase;
	}
.about{
	background:url(../images/about.png) left top no-repeat;
	}
.product{
	background:url(../images/product.png) left top no-repeat;
	}
.infrastructure{
	background:url(../images/infra.png) left top no-repeat;
	}
.projects{
	background:url(../images/product.png) left top no-repeat;
	}		
.clients{
	background:url(../images/clients.png) left top no-repeat;
	}
.contact{
	background:url(../images/contact.png) left top no-repeat;
	}	
.innerbdtxt, .innerbdtxt table{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:14px;
	color:#333333;
	text-align:justify;
	padding:10px 0 0 0;
	line-height:20px;
	border-collapse:collapse;
	}
.innerbdtxt table{width:60%} 
.innerbdtxt table td{width:50%; text-align:center}
.innerbdtxt td{border:1px solid #ccc}
.subheading{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#0099CC;
	text-align:left;
	text-transform:uppercase;
	line-height:30px;
	}
.subhding2{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#CC6633;	
	line-height:25px;
	font-weight:bold;	
	}
.tabbox{
	height:600px;
	width:958px;
	margin:0 0 0 0;	
	border:1px solid #CCCCCC;
	padding:10px 10px 10px 10px;
	}
.tabhding{
	font-family:'ProximaNovaCondensedSemibold';
	font-size:30px;
	color:#eeeeee;
	text-align:center;
	text-transform:uppercase;
	text-align:center;
	padding-top:10px;
	}
div#contactbd{
	width:986px;
	margin:10px 0 0 0;
	}
div#contactbd .cleft, div#contactbd .cright{
	float:left;
	display:inline-block;
	/*border:1px solid pink;*/
	height:400px;
	}
div#contactbd .cleft{
	width:470px;
	margin-right:90px;
	height:480px;		
	}
div#contactbd .cright{
	width:380px;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	padding:10px 15px 10px 25px;
	}
.frmElemts {
	display:inline-block;
	float:left;
	margin:8px 0 5px 0;
}	
.frmElemts input, .frmElemts label, .frmElemts textarea {
	display:inline-block;
	float:left;		
}
.frmElemts label{
	line-height:30px;
	height:30px;
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}	
.frmElemts input, .frmElemts textarea{
	height:30px;
	line-height:30px;	
	width:255px;
	border:1px solid #bebebe;
	border-radius:5px;	
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
	}
.frmElemts textarea{
	height:90px;
	}	
.submit{
	margin:10px 0 0 100px;
	background:url(../images/submit.png) 0 0 no-repeat;
	height:30px;
	width:100px;
	cursor:pointer;
	border:none;
	}
/* start client scroller */
#srollbrand {
	/*border:1px solid #c1c1c1;*/
	margin:25px 0 0 0;
	padding:0;
	width:604px;	
}

.scroller_roll{
    padding: 0px;
  	margin:4px 5px 0 15px;
    overflow: hidden;
	width:590px;
}
.scroller_roll ul{
    padding: 0px;
    margin: 0px;
    float: left;
}
.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;
	cursor:default;
	outline:none;
	pointer-events: none;
}
.scroller_roll ul li a:hover{
    text-decoration: underline;
	   pointer-events: none;
}

.scroller_roll ul li a:active {
   pointer-events: none;
   cursor: default;
}
.scroller_roll ul li a img{
    border: none;
}

table.formTextWithBorder {
    border: 1px solid #E4E4E4;
    color: #000000;
    text-align: left;
}
<!---Products Css--!>
.gentxt{
	border: 1px solid #E4E4E4;
    color: #333333;
}

.tblBdr1 tr td {
	border: 1px solid #E4E4E4;
    color: #333333;
}

.container {
    height: auto;
    margin: 0 auto;
    width: 960px;
}
.button-bg {
    background: url("../images/btn-bg.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font: 18px arial;
    height: 29px;
    padding-top: 5px;
    width: 204px;
}
.flt-l {
    float: left;
}	
.left-panel {
    height: auto;
    width: 230px;
}
.flt-n {
    clear: both;
    float: none;
}
.bottom-space{ margin-bottom:70px;}
.right-panel {
    height: auto;
    min-height: 200px;
    width: 710px;
}
.flt-r {
    float: right;
}
.size17{ font:17.30px arial;color:#5c5b5b;}
.size13{font:14px arial;color:#666666;}													
.pro_name{float:left; margin-top: 30px; color:#0E5C8D; font-size:25px;}
.errMsgAdmin {
	font-family:Arial, Helvetica, sans-serif;	
	font-size : 11px;
}
.errAdminText {
	color : #f00;
}
.msgAdminText {
	color : #0033cc;
}