/****************************************
GLOBAL CSS
****************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; background:transparent; }
body { line-height:1; }
a { color:#008fd5; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; outline-color:-moz-use-text-color; outline:none; }
a:active { text-decoration:none; outline-color:-moz-use-text-color; outline:none; }
ol, ul { list-style:none; }
:focus { outline:0px; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0px; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0px; height:0px; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0px; line-height:0px; visibility:hidden; width:0px; height:0px; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
hr { margin:20px 0px; border:none; border-top:0px solid #777; border-bottom:1px dashed #828282; font-size:1px; line-height:0; width:100%; clear:both; }

/****************************************
GLOBAL CSS
****************************************/
body { background:url("../images/i-mainbg.gif") top repeat-x; font:12px/normal Arial, Helvetica, sans-serif; }
.header { margin:0px auto; width:980px; height:125px; }
img.logo { margin-top:25px; float:left; }
.topnav { width:600px; float:right; }
.toplinks { padding:10px 0px; width:600px; float:right; text-align:right; font-size:11px; }
.toplinks li { display:inline; margin-left:10px; padding:3px 0px; }
.toplinks li a.clientlogin { padding:3px 0px 3px 20px; background:url(../images/i-img-icon-clientlogin.png) no-repeat; }
.toplinks li a.sitemap { padding:3px 0px 3px 20px; background:url(../images/i-img-icon-sitemap.png) no-repeat; }
.toplinks a { color:#000; }
/*strong { color:#00495b; }*/
p { line-height:18px; text-align:justify; }
p.lastpara { margin:0px; padding:0px; }

/*************************
HEAD TAGS
*************************/
h1 { margin-bottom:15px; font-size:27px; font-weight:normal; color:#313131; }
h2 { margin-bottom:20px; padding-bottom:14px; font-size:20px; font-weight:normal; color:#313131; border-bottom:1px solid #d9d8d8; }
h3 { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #898989; }

/****************************************
MAIN NAV CSS
****************************************/

#mainnav { margin-top:40px; color:#272900; float:right; }
#mainnav li { display: inline; }
#mainnav a { font-size:11px; font-weight:bold; }
#mainnav li { display:block; float:left; }
#mainnav li.link { display:block; float:left; border-top:#e6e6e6 1px solid; border-bottom: #e6e6e6 1px solid; }
#mainnav li:first-child { border-left:#e6e6e6 1px solid; display:block; float:left; padding-left:1px; }
#mainnav li:last-child { border-right: #e6e6e6 1px solid; display:block; float:left; padding-right:1px; }
#mainnav li.lastlink { border-right: #e6e6e6 1px solid; display:block; float:left; padding-right:1px; }
#mainnav li a { color: #7b7b7b; text-decoration: none; padding:6px 9px; display:block; background:url("../images/i-img-mainnav-bg.gif"); }
#mainnav li a:hover { color: #fff; background: #000; text-decoration: none; background:url("../images/i-img-mainnav-hover.gif"); }

.megamenu { position:absolute; display:none; left:0; top:0; float:left; width:190px; font:11px/normal Arial, Helvetica, sans-serif; z-index:100; background:#6ccff6; border:1px solid #b7ebff; }
.megamenu .column { margin-right:15px; }
.megamenu li { width:150px; }
.megamenu li a { padding:5px 20px; color:#fff; text-decoration:none; display:block; background:url(../images/i-img-bullet-footer.png) 10px 10px no-repeat; float:left; width:150px; border-bottom:1px solid #b7ebff; font-weight:bold; }
.megamenu li a:hover { background:#008fd5 url(../images/i-img-bullet-footer.png) 10px 10px no-repeat; }
.megamenu li a.last-item { padding:5px 20px; color:#fff; text-decoration:none; display:block; background:url(../images/i-img-bullet-footer.png) 10px 10px no-repeat; float:left; width:150px; border-bottom:0px solid #b7ebff; font-weight:bold; }
.megamenu li a.last-item:hover { background:#008fd5 url(../images/i-img-bullet-footer.png) 10px 10px no-repeat; }


.megamenuproducts { position:absolute; display:none; left:0; top:0; float:left; width:240px; font:11px/normal Arial, Helvetica, sans-serif; z-index:100; background:#6ccff6; border:1px solid #b7ebff; }
.megamenuproducts .column { margin-right:15px; }
.megamenuproducts li { width:200px; }
.megamenuproducts li a { padding:5px 20px; color:#fff; text-decoration:none; display:block; background:url(../images/i-img-bullet-footer.png) 10px 10px no-repeat; float:left; width:200px; border-bottom:1px solid #b7ebff; font-weight:bold; }
.megamenuproducts li a:hover { background:#008fd5 url(../images/i-img-bullet-footer.png) 10px 10px no-repeat; }
.megamenuproducts li a.last-item { padding:5px 20px; color:#fff; text-decoration:none; display:block; background:url(../images/i-img-bullet-footer.png) 10px 10px no-repeat; float:left; width:200px; border-bottom:0px solid #b7ebff; font-weight:bold; }
.megamenuproducts li a.last-item:hover { background:#008fd5 url(../images/i-img-bullet-footer.png) 10px 10px no-repeat; }

/****************************************
jQUERY CSS
****************************************/
#slider { position:relative; width:980px; height:360px; background:url(images/loading.gif) no-repeat 50% 50%; }
#slider img { position:absolute; top:0px; left:0px; display:none; }
#slider a { border:0; display:block; }
.nivo-controlNav { position:absolute; left:260px; bottom:-42px; }
.nivo-controlNav a { display:block; width:22px; height:22px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; }
.nivo-controlNav a.active { background-position:0 -22px; }
.nivo-directionNav a { display:block; width:34px; height:34px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0; }
a.nivo-nextNav { background-position:-30px 0; right:0px; }
a.nivo-prevNav { left:0px; }
.nivo-caption { text-shadow:none; font-family:Helvetica, Arial, sans-serif; }
.nivo-caption h1 { padding-left:5px; font-size:18px; font-weight:bold; }
.nivo-caption p { padding-top:10px; font-weight:bold; }
.nivo-caption a { color:#efe9d1; text-decoration:underline; }
.nivo-caption a:hover { text-decoration:none; }


/****************************************
CONTENTAREA CSS
****************************************/

.contentarea { margin:10px auto 0px auto; width:980px; }

.jquerybanner { width:980px; float:left; }
.services { margin-top:10px; width:980px; float:left; }
.fullcontenthome { margin-top:30px; width:980px; float:left; }
.fullcontent { margin-top:10px; width:980px; float:left; }

.leftcontent { width:650px; float:left; }
.rightcontent { width:300px; float:right; }
.welcome { width:650px; float:left; }
.welcome h1 { margin-bottom:15px; }
.welcome img.welcomeimage { margin-right:15px; float:left; }
.welcome p { padding-bottom:15px; }

.featuredproject { margin-top:50px; width:650px; float:left; }
.featuredproject h1 { margin-bottom:15px; }
.featuredproject p { padding-bottom:10px; }
.featuredproject p.heading { padding-bottom:5px; font-size:16px; }
.featuredproject img.featuredprojectimage { margin-right:15px; float:left; border:5px solid #d9d9d9; }

.featuredproduct { width:300px; float:left; }
.featuredproduct h1 { margin-bottom:15px; }
img.featured { border:5px solid #cbd4dd; }

.whychooseus { margin-top:30px; width:300px; float:left; }
.whychooseus h1 { margin-bottom:15px; }
.whychooseus li { padding:0px 0px 10px 20px; font-weight:bold; background:url(../images/i-img-bullet01.png) 0px 3px no-repeat; }

.leftpanel { margin-top:85px; float:left; width:225px; }
.rightpanel { float:right; width:730px; min-height:500px; }

.breadcrumbs { margin-left:130px; padding:10px; width:750px; color:#fff; font-size:11px; z-index:100; position:absolute; top:343px; }
.breadcrumbs a { text-decoration:underline; color:#fff; }
.breadcrumbs li { display:inline; margin-right:5px; }

.rightpanel h1 { padding-bottom:15px; margin-bottom:30px; color:#00495b; font-weight:normal; border-bottom:1px solid #898989; line-height:inherit; }
.rightpanel h2 { border:none; padding:0px; }
.rightpanel h3 { border:none; padding:0px; }
.rightpanel p { margin-bottom:15px; }

ul.normallist { margin-bottom:15px; }
ul.normallist li { padding:0px 0px 7px 25px; background:url("../images/i-img-bullet.png") 10px 5px no-repeat; text-align:justify; line-height:18px; }

ul.ouroffices li { margin-right:50px; width:250px; float:left; display:block; line-height:18px; }
h3.mainoffice { margin-bottom:15px; padding:0px 0px 10px 40px; background:url('../images/i-img-flag-bahrain.png') no-repeat; border-bottom:1px solid #ccc; line-height:24px; }
h3.sa { margin-bottom:15px; padding:0px 0px 10px 40px; background:url('../images/i-img-flag-sa.png') no-repeat; border-bottom:1px solid #ccc; line-height:24px; }
h3.uae { margin-bottom:15px; padding:0px 0px 10px 40px; background:url('../images/i-img-flag-uae.png') no-repeat; border-bottom:1px solid #ccc; line-height:24px; }

ul.gallery {}
ul.gallery li { margin:0px 30px 35px 0px; padding:6px 6px 0px 6px; display:block; float:left; width:200px; height:170px; background:url(../images/i-img-photogallerybg.png) center top no-repeat; }
ul.gallery li:hover { background:url(../images/i-img-photogallerybg-hover.png) center top no-repeat; }


/********************* LEFT MENU *********************************************************************/
.leftpanel {  }
#leftmenu {  }
ul#leftmenu  { list-style-type:none; }
ul#leftmenu  li a { margin-top:0px; padding:10px 5px 10px 35px; font-weight:bold; color:#00495b; text-decoration:none; display:block; width:155px; background:url('../images/i-img-bullet-off.png') 10px 10px no-repeat; border-bottom:1px dotted #008fd5; }
ul#leftmenu  li a.last { margin-top:0px; padding:10px 5px 10px 35px; color:#5d5858; text-decoration:none; display:block; width:155px; background:url('../images/i-img-bullet-off.png') 10px 10px no-repeat; border-bottom:none; }
ul#leftmenu  li a:hover { padding:10px 5px 10px 35px; width:155px; color:#fff; background:#00a88e url('../images/i-img-bullet-on.png') 10px 10px no-repeat; }
ul#leftmenu  li a.active { padding:10px 5px 10px 35px; width:155px; color:#fff; background:#00a88e url('../images/i-img-bullet-on.png') 10px 10px no-repeat; }

#xsnazzy h1, #xsnazzy h2, #xsnazzy p { margin:0; padding:0; }
#xsnazzy h1 { }
#xsnazzy h2 { }
#xsnazzy p {  }
#xsnazzy h2 { padding-top:0.5em;}
#xsnazzy { background:transparent; margin:0px 5px 0px 0px; }
span.authorname { font-size:14px; font-weight:bold; }
.xtop, .xbottom { display:block; background:transparent; font-size:1px; }
.xb1, .xb2, .xb3, .xb4 { display:block; overflow:hidden; }
.xb1, .xb2, .xb3 { height:1px;}
.xb2, .xb3, .xb4 { background:#6ccff6; border-left:1px solid #6ccff6; border-right:1px solid #6ccff6; }
.xb1 { margin:0 5px; background:#6ccff6; }
.xb2 { margin:0 3px; border-width:0 2px; }
.xb3 { margin:0 2px; }
.xb4 { height:2px; margin:0 1px; }

.xboxcontent { padding:10px;display:block; background:#6ccff6; border:0 solid #6ccff6; border-width:0 1px; }
/****** LEFT MENU ******/

ul.productgallery { }
ul.productgallery li { margin:0px 40px 40px 40px; padding:5px 5px 10px 5px; display:block; float:left; width:150px; text-align:center; background:#ebebeb; min-height:145px; }
ul.productgallery li:hover { margin:0px 40px 40px 40px; padding:5px 5px 10px 5px; display:block; float:left; width:150px; text-align:center; background-color:#f0f0f0; cursor:pointer; }
ul.productgallery li img { margin-bottom:10px; }
ul.productgallery li a { color:#000; text-decoration:none; }

img.photos { margin:0px 0px 10px 20px; float:right; border:3px solid #ccc; }

/****************************************
FOOTER CSS
****************************************/

.footer { margin-top:30px; width:100%; background:#00495b; float:left; }
.footerpart { margin:0px auto; padding:20px 0px; width:980px; color:#fff; }
.copyrights { margin:10px 0px; width:300px; float:left; }
.footerlinks { margin:10px 0px 20px; width:660px; float:right; border-left:1px solid #4e727b; }
.footerlinks h1 { margin-bottom:10px; font-weight:bold; font-size:12px; color:#fff;  }
.footerlinks li { padding:0px 0px 5px 10px; background:url(../images/i-img-bullet-footer.png) 0px 6px no-repeat; }
.footerlinks li a { color:#fff; font-size:11px; }

.aboutusfooter { margin-left:60px; width:200px; float:left; }
.quicklinksfooter { margin-left:70px; width:230px; float:left; }
.quicklinksfooter a { color:#fff; }

.sociallinks { padding-bottom:10px; width:270px; float:left; }
.socialmediaicons { width:100px; float:right; }
.social-links { margin-top:0px; }
.social-links li { display:inline-block; list-style:none; margin:0px 0px 0px 5px; text-indent:-9999px; }
.ie7 .social-links li { display:inline; font-size:0; text-indent:0; }

.social-links li:nth-child(6n+1) { margin-left:0px; }
.social-links li:nth-child(6n) { margin-right:10px; }
.social-links li:last-child { margin-right:0px; }
.social-links li.followtext { text-indent:9999px; }

.social-links a { background-repeat:no-repeat; background-position:0 -16px; display:block; height:16px; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out; width:20px; }
.social-links li.facebook a { background-image:url(../images/icon-facebook.png); }
.social-links li.twitter a { background-image:url(../images/icon-twitter.png); background-position:0 -15px; height:15px; width:21px; }
.social-links li.youtube a { background-image:url(../images/icon-youtube.png); background-position:0 -15px; height:15px; }
.social-links li a:hover { background-position:0 0; }

/****************************************
FORM CSS
****************************************/
.formlabels { font-weight:bold; text-align:right; color:#535353; }
span.star { color:#ff0000; }
input.text { padding:4px 5px; width:215px; border:1px solid #ccc; }
select { padding:4px 5px; border:1px solid #ccc; }
textarea { padding:4px 5px; width:300px; font:12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif; border:1px solid #ccc; }
.btnbg { background:url('../images/i-btnbg.png') no-repeat; width:80px; height:24px; border:none; cursor:pointer; font:bold 12px Arial, Helvetica, sans-serif; }
.btnbg:hover { background:url('../images/i-btnbg-hover.png') no-repeat; width:80px; height:24px; border:none; cursor:pointer; font:bold 12px Arial, Helvetica, sans-serif; }
a.button { background:transparent url(../images/bg_button_a.png) no-repeat scroll top right; color:#444; display:block; float:right; font:normal 12px arial, sans-serif; height:24px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none; }
a.button span { background:transparent url(../images/bg_button_span.png) no-repeat; display:block; line-height:14px; padding:5px 0 5px 18px; } 
a.button:active { background-position:bottom right; color:#000; outline:none; /* hide dotted outline in Firefox */ }
a.button:active span { background-position:bottom left; padding:6px 0 4px 18px; /* push text down 1px */ }