f/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font:normal 100%/12px  Arial, Helvetica, sans-serif;
}
body a{
	outline:none;
}
img, div { /*behavior: url(iepngfix.htc) */
}
table {
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #ccc;
}
table  tr th{
	background-color:#EFEFEF;
}
table  tr td, table  tr th{
	margin:0;
	padding:2px;
	border:1px solid #ccc;
	border-collapse:collapse;
	font-size:13px;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
table, td, th {
	vertical-align:top;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
a img {
	border:none;
}
img {
	outline:none;
}
/* typography.css */
body {
	font-size:100%;
	color:#6a5644;
	font-family:Arial, Helvetica, sans-serif; 		
	background:url(../images/bg-header.jpg) no-repeat 50% 4px;
}
h1, h2, h3, h4, h5, h6 {
	color:#000;
}
h1 {
	font-size:3em;
	line-height:1;
	margin-bottom:0.5em;
}
h2 {
	font-size:2em;
	margin-bottom:0.75em;
}
h3 {
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
}
h4 {
	font-size:1.2em;
	line-height:1.25;
	margin-bottom:1.25em;
}
h5 {
	font-size:1em;
	margin-bottom:1.5em;
}
h6 {
	font-size:1em;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0;
}
p {
	margin:0 0 1.5em;
	font-size:13px;
}
p img {
	float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;
}
p img.right {
	float:right;
	margin:1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
	color:#000;
}
a{
	color:#A3238E;
	text-decoration:none;
	font-size:13px;
}
a:hover{
	color:#666;
}
blockquote {
	margin:1.5em;
	color:#666;
	font-style:italic;
}
strong {
	font-weight:bold;
}
em, dfn {
	font-style:italic;
}
dfn {
	font-weight:bold;
}
sup, sub {
	line-height:0;
}
abbr, acronym {
	border-bottom:1px dotted #666;
}
address {
	margin:0 0 1.5em;
}
del {
	color:#666;
}
pre, code {
	margin:1.5em 0;
	white-space:pre;
}
pre, code, tt {
	font:1em Arial, Helvetica, sans-serif;
	line-height:1.5;
}
li ul, li ol {
	margin:0 1.5em;
}
ul, ol {
	margin:0 1.5em 1.5em 1.5em;
}
ul {
	list-style-type:disc;
}
ol {
	list-style-type:decimal;
}
ul li ol li{
	list-style-type:decimal;
}
dl {
	margin:0 0 1.5em 0;
	float:left;
}
dl dt {
	font-weight:bold;
	float:left;
	
}
dd {
	margin-left:1.5em;
	float:left;
}
table {
	margin-bottom:1.4em;
	width:100%;
}
th {
	font-weight:bold;
}
th, td {
	padding:4px 10px 4px 5px;
}
tr.even td {
	background:#E5ECF9;
}
tfoot {
	font-style:italic;
}
caption {
	background:#eee;
}
input, textarea {
	font-size:75%;
	color:#666;
}
button {
	margin:0;
	padding:0;
	border:0;
	background:0;
	cursor:pointer;
}
/* @Global Class */
.small {
	font-size:.8em;
	margin-bottom:1.875em;
	line-height:1.875em;
}
.large {
	font-size:1.2em;
	line-height:2.5em;
	margin-bottom:1.25em;
}
.hide {
	display:none;
}
.quiet {
	color:#666;
}
.loud {
	color:#000;
}
.highlight {
	background:#ff0;
}
.added {
	background:#060;
	color:#fff;
}
.removed {
	background:#900;
	color:#fff;
}
.first {
	margin-left:0;
	padding-left:0;
}
.last {
	margin-right:0;
	padding-right:0;
}
.top {
	margin-top:0;
	padding-top:0;
}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.no-border {
	border:0 !important;
}
.no-bg {
	background:0 !important;
}
a.more {
	background:url(../images/btn-arrow.gif) no-repeat 0 1px;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	padding:0 0 0 20px;
	color:#a3238e;
}
a.more:hover {
	color:#bbb08f;
}
a.thumb {
	border:3px solid #c4bcb5;
	float:left;
}
a.thumb img {
	float:left;
}
a.thumb:hover {
	border:3px solid #999;
}
/* @Global Class End */
div#outer-container{
	width:100%;
	margin:0;
	height:auto;
}

body{
	background:url(../images/bg-inner-page.jpg) repeat-x 0 0;
}
body.home{
	background:url(../images/bg-body-home.jpg) repeat-x 0 0;
}
div#container{
	width:940px;
	margin:0 auto;
	padding:0;
}

body.home div#outer-container div#header{
	margin:0;
	padding:0;
	float:left;
	width:940px;
	height:430px;	
}
#header div.logo{
	width:402px;
	margin:10px 0 0 0;
	padding:0;
	float:left;
}
div.header-right{
	float:right;
	margin:0;
	padding:5px 0 0;
	width:370px;
}
ul.nav-global{
	float:right;
	margin:20px 0 17px 0;
	padding:0;
	width:200px;
}
ul.nav-global li{
	list-style:none;
	margin:0 0 0 25px;
	padding:0 0 0 25px;
	float:right;
}
ul.nav-global li.arabic{	
	background:url(../images/flag-uae.gif) no-repeat 0 2px;
}
ul.nav-global li.english{
	background:url(../images/flag-uk.jpg) no-repeat 0 2px;		
}
ul.nav-global li a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#C00;
}
ul.nav-global li a:hover{
	color:#666;
	text-decoration:underline;
}

form#search{
	float:right;
	margin:12px 0 12px 0;
	padding:0;
	width:225px;
	border:1px solid #b5b4ba;	
}
form#search input{
	border:0;
	width:180px;
	padding:5px 5px 0;
	font-size:12px;
	color:#ccc;
	margin:0;
	float:left;
}
form#search input.btn-search{
	width:17px;
	height:17px;
	margin:2px;
}
div.site-info{
	width:309px;
	margin:0;
	padding:5px 0 0 0;
	float:right;	
	height:37px;
}
div.site-info p{
	margin:0;
	float:left;
	padding:0;
}
div.site-info p img{
	margin:0;
	padding:0;
	float:left;
}
#spotlight{
	width:620px;
	height:280px;
	float:left;
	padding:8px 5px 5px;
	background:url(../images/bg-spotlight.jpg) no-repeat 0 2px;	
	z-index:10;
}
#spotlight ul{
	float:left;
	margin:0;
	padding:0;
	width:550px;
}
#spotlight ul li{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	width:550px;
}
#spotlight ul li h3{
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#fff;
	bottom:10px;
	left:20px;
	position:absolute;
	width:550px;
}
ul#main-navigation{
	width:930px;
	margin:5px 0 7px;
	padding:0;
	float:left;
}
ul#main-navigation li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
ul#main-navigation li a{
	font-size:14px;
	color:#fff;
	padding:8px 24px;
	display:block;
	text-decoration:none;
	background:#796f90;
	border-right:1px solid #ccc;
}
ul#main-navigation li.current a,
ul#main-navigation li a:hover{
	background:#f53a3c;
	padding:8px 24px;
	color:#FFFFFF;	
	float:left;
}
ul#main-navigation li ul{
	display:none;
	position:absolute;
	left:0px;
	top:28px;
	width:200px;
	z-index:1000 !important;
}
ul#main-navigation li:hover ul{
	display:block;
	width:200px;
	margin:0;
	padding:0;
	border-top:2px solid #ccc;
	z-index:9999;
}
ul#main-navigation li:hover ul li{
	float:left;
	width:200px;
	margin:0;
	padding:0;
}
ul#main-navigation li:hover ul li a{
	float:left;
	background:#EAEAEA;
	width:200px!important;
	color:#666;
	padding:5px !important;
	font-size:12px !important;
	border-bottom:1px solid #ccc;
}
ul#main-navigation li:hover ul li a:hover{
	color:#fff;
	background:#ff6668;
}
div.featured-products{
	width:260px;
	height:244px;
	background:url(../images/bg-featured-projects.jpg) no-repeat 0 0;
	float:left;
	padding:20px;
}
div.our-products{
	float:left;
	margin:0;
	padding:0;
	background:url(../images/bg-col.gif) no-repeat 90% 10px;
}
div.our-products h3{
	margin-bottom:10px;
}
div.our-products ul{
	width:280px;
	float:left;
	margin:0;
	padding:0;	
}
div.our-products ul li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:130px;
}
div.our-products ul li a,
div.our-products ul li span{
	float:left;
	margin:0;
	padding:7px;
	width:100px;
	height:92px;
	background:url(../images/bg-thumb.jpg) no-repeat 0 0;
}
div.our-products ul li a:hover{
	background:url(../images/bg-thumb-on.jpg) no-repeat 0 0;
}
div.featured-products a.thumb{
	float:left;
	margin:0 0 5px;
	padding:0;
	border:3px solid #F7F7F7;
}
div.featured-products p{
	color:#fff;
	margin:15px 0;
	float:left;
	width:250px;
	line-height:16px;
}
/* Home*/
div#home-content{
	float:left;
	margin:0;
	padding:;
	width:940px;
}
div#home-content div.latest-news{
	float:left;
	margin-right:15px;
	width:300px;
	background:url(../images/bg-col.gif) no-repeat right 10px;
}
div#home-content div.latest-news a.thumb{
	margin:0 0 15px;
}
div#home-content div.latest-news p{
	width:260px;
	line-height:16px;
	margin-bottom:12px;
}
div#home-content div.our-products{
	float:left;
	width:310px;
	padding:0;
}
/* End Home*/

/* @Inner Pages */
#wrap{
	width:940px;
	float:left;
	margin:0;
	padding:0;
}
#content{
	width:680px;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}

#content h1{
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#666;
	padding:10px 0;
	border-bottom:2px solid #ccc;
}
#content p{
	line-height:16px;
	margin-bottom:10px;
	text-align:justify;
}
#content p.title{
	background-color:#F7F7F7;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
	font-size:14px;
	line-height:18px;
}
div.banner{
	width:670px;
	border:1px solid #a6a9cb;
	background:#fff;
	padding:5px;
	height:150px;
	float:left;
	margin-right:16px;
}
div.banner-right{
	width:230px;
	height:150px;
	border:1px solid #a6a9cb;
	background:#fff;
	padding:5px;
	float:left;
}
div.banner-right ul{
	margin:0;
	padding:0;
	float:left;
}
div.banner-right ul li{
	list-style:none;
	margin:0;
	padding:0;
}
/* @End Inner Pages */
/* @Sidebar  */
#sidebar{
	width:236px;
	float:left;
	margin:0;
	padding:10px 0 0 0;
}
#sidebar h3{
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0 0 12px;
	border-bottom:2px solid #ccc;
	padding:0 0 12px;
}
div.product-list{
	float:left;
	margin:0;
	padding:0;
	width:230px;
}
div.product-list ul{
	float:left;
	margin:0;
	padding:0;
	width:230px;
}
div.product-list ul li{
	list-style:none;
	margin:0;
	width:230px;
	float:left;
}
div.product-list ul li a{
	font:normal 13px Arial, Helvetica, sans-serif;
	float:left;
	text-decoration:none;
	color:#666;
	padding:5px 0 5px 15px;
	width:215px;
	background:#F7F7F7 url(../images/bg-sidebar.png) no-repeat 5px 8px;
	border-bottom:1px solid #ccc;
}
div.product-list ul li a:hover,
div.product-list ul li.current a{
	color:#fff;
	background:#555555;
}
/* @End Sidebar  */
/*@Project Gallery*/
#projects-gallery{
	float:left;
	width:670px;
	margin:15px 0 0 0;
}
/*@End Project Gallery*/

/* @product-gallery   */
ul#product-gallery{
	width:680px;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}
ul#product-gallery li{
	list-style:none;
	margin:0 15px 0 0;
	padding:5px;
	width:195px;
	height:210px;
	float:left;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#993300;
}
#content ul#product-gallery li span{
	margin:0 0 10px;
	border:1px solid #89809d;
	background:0;
	float:left;
	padding:5px;
}

ul#product-gallery li.no-margin{
	margin:0;
}
ul#product-gallery li span{
	background:url(../images/bg-sidebar.png) no-repeat 0 4px;
	padding:0 0 0 10px;
}

/* @End product-gallery */

/* @Feedback Contact us */
form#contactForm{
	width:360px;
	margin:0;
	padding:10px;
	float:left;
	border:1px solid #e4e4e4;
	background:url(../images/bg-gradiant.jpg) repeat-x 0 0;
}
form#contactForm ul{
	float:left;
	width:600px;
	margin:0;
	padding:0;
}
form#contactForm li{
	list-style:none;
	margin:0;
	padding:6px 0;
	float:left;
	width:600px;
}
form#contactForm li label{
	float:left;
	width:150px;
	margin:0;
	font-size:12px;
	padding:0;
}
form#contactForm li input{
	width:200px;
	border:1px solid #ccc;
	padding:3px;
}
form#contactForm li textarea{
	width:200px;
	padding:3px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	border:1px solid #ccc;
	overflow:auto;
}
#content input#btn-submit{
	width:78px;
	height:26px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	border:0;
	background:0;
	margin:45px 0 0 0;
	padding:0;
}
div.contact-details{
	width:240px;
	margin:10px 0 0;
	padding:0;
	float:left;/*
	border:1px solid #e4e4e4;
	background:url(../images/bg-gradiant.jpg) repeat-x 0 0;*/
}
div.contact-details h2{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#996600;
	margin:0 0 5px;
	padding:0;
}
div.contact-details address{
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:16px;
	/*padding:0 0 10px;
	border-bottom:1px solid #ccc;*/
	width:230px;
}
div.contact-details address a{
	color:#7c7c94;
}
div.contact-details address a:hover{
	color:#F53A3C;
}
/* Feedback Contact us */
/*@Catalogue Page*/

#catelogue-listing{
	width:670px;
	margin:15px 0 0 0;
	padding:0;
	float:left;
}

#catelogue-listing li{
	list-style:none;
	margin:0 20px 20px 0;
	padding:0;
	float:left;
}
#catelogue-listing li a,
#catelogue-listing li span{
	float:left;
	border:1px solid #ccc;
	padding:3px;
	width:100px;
	height:100px;
}
#catelogue-listing li a:hover{
	border:1px solid red;
}
/*@End Catalogue Page*/
/*@Enquiry Page*/
#enquiry{
	width:580px;
	margin:0;
	padding:0;
	float:left;
}
#enquiry ul{
	margin:0;
	padding:0;
	float:left;
	width:580px;
}
#enquiry ul li{
	float:left;
	width:580px;
	list-style:none;
	margin:0;
	padding:0 0 10px;
}
#enquiry ul li div.items-wrap{
	float:left;
	margin:0;
	padding:0;
	width:280px;
}
#enquiry ul li div.items-wrap select{
	border:1px solid #989898;
	font:normal 12px Arial, Helvetica, sans-serif;	
	padding:3px;
	width:219px;
}
#enquiry ul li div.items-wrap label{
	width:230px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	margin-bottom:5px;
}
#enquiry ul li div.items-wrap label span{
	margin:0 0 0 5px;
}
#enquiry ul li div.items-wrap input{
	background:url(../images/bg-enquiery-ip.gif) no-repeat 0 0;
	padding:6px 8px;
	height:20px;
	border:0;
	width:206px;
	float:left;
}
#enquiry ul li div.items-wrap div.txtarea{
	background:url(../images/bg-enquiery-text.gif) no-repeat 0 0;
	padding:6px 8px;
	height:100px;
	border:0;
	width:206px;
	float:left;
}
#enquiry ul li div.items-wrap div.txtarea textarea{
	float:left;
	margin:0;
	padding:0;
	width:200px;
	height:80px;
	border:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	overflow:auto;
}
div.address-class{
	float:left;
	width:240px;
}	
div.address-class address{
	border:1px solid #ccc;
	padding:10px;
	background:#F4F4EA;
}
/*@End Enquiry Page*/ 

/* @Footer */
#outer-footer{
	background:#f5f5f5 url(../images/bg-footer.jpg) repeat-x 0 0;
	float:left;
	width:100%;
	margin:20px 0 0 0;
	overflow:hidden;
}
#footer{
	width:940px;
	margin:0 auto;
}
#footer ul{
	float:left;
	margin:0;
	width:650px;
	padding:24px 0 15px 0;
}
#footer ul li{
	float:left;
	margin:0 15px 0 0;
	padding:0;
	list-style:none;
}
#footer ul li a{
	color:#FFFFFF;
	float:left;
	padding:0 5px 12px 0;
	text-decoration:none;
}
#footer ul li a:hover,
#footer ul li.current a{
	color:#CCCCCC;
	padding:0 5px 15px 0;
	background:url(../images/bg-selected-footer.jpg) no-repeat 50% bottom;
}
a.footer-logo{
	margin:8px 20px 0 0;
	float:right;
}
div.footer-bottom{
	float:left;
	width:650px;
	margin:15px 0 0 0;
}
a.view-details{
	color:#fff;
	text-decoration:none;
	margin-right:20px;
}
a.read-more{
	color:#CC3300;
	float:left;
	text-decoration:none;
}
a.read-more:hover{
	color:#333;
}
a.view-details:hover{
	color:#CCCCCC;
}
/* @End Footer */

/* @Start Clear Fix  */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display:inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* @End Clear Fix  */

/*  */
/**/

div#contact-map-adddress h2{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000033;
}

div.thumb-images{
	float:left;
	margin:0 24px 24px 0;
}

ul#catalogue{
	float:left;
	width:650px;
	margin:0;
	padding:0;
}
ul#catalogue li{
	list-style:none;
	float:left;
	margin:0 20px 20px 0;
}

ul#product-lists{
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
ul#product-lists li{
	float:left;
	width:285px;
	list-style:none;
	margin:3px 0;
	padding:0 0 0 11px;
	font:normal 12px Arial, Helvetica, sans-serif;
	background:url(../images/bg-sidebar.png) no-repeat scroll 0 3px;
}

ul{border:0; margin:0; padding:0;}

#pagination li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
float:left;
}
#pagination a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination .previous-off,
#pagination .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination .next a,
#pagination .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination .active{
color:#cc0000;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination a:link,
#pagination a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#paginations a:hover{
border:solid 1px #666666;
}

div.our-location{
	background:none repeat scroll 0 0 #F4F4EA;
	border:1px solid #CCCCCC;
	padding:10px;
	float:left;
	width:230px;
}
div.our-location h4{
	font-size:13px;
	font-weight:bold;
	color:#666;
	margin:0 0 8px;
	padding:0;
}