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

body{ background-color:#118DDD; width:100%; height:auto; margin:0px auto; padding:0px; font-family:Arial, Helvetica, sans-serif;}
table{ margin:0px auto; padding:0px;}
.bg-top{ background:url(/web/20141220233313im_/http://hmsdubai.com/images/logo-banner.png) top center  no-repeat; width:914px; height:140px; margin-bottom:0px;}
/*.contentCSS{background:url(/web/20141220233313im_/http://hmsdubai.com/images/repeatIMG.jpg) top center  repeat-y; width:851px; min-height:250px;  }*/
.contentCSS{background-color:#DBDBDB; width:851px; min-height:250px;  }
.contentCSS h5{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#0000; font-size:18px; margin:0px; margin-bottom:20px;  }
.contentCSS p{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#; font-size:12px;  line-height:18px; text-align:justify; margin:0px;    }
.ourSer{background:url(/web/20141220233313im_/http://hmsdubai.com/images/services-heading.jpg) top center  no-repeat; width:326px; height:319px;}

.mark{ width:100%; height:250px; padding-top:10px; margin-top:10px;  }
.mark ul{margin:0px; padding:0px;   }

.mark li{ list-style:circle; list-style-position:inside; padding-left:5px;  margin:0px; margin-bottom:5px; font-size:12px;  line-height:18px;  color:#ccc; font-weight:normal;}
.btnMenu{ margin:0px; padding:0px; float:right; padding-top:20px;}
.btnMenu li{margin:0px; width:auto; padding:0px; margin-right:5px; width:97px; float:left; list-style:none; }
.btnMenu li a{background:url(/web/20141220233313im_/http://hmsdubai.com/images/btn-s.png) top center  no-repeat; width:97px; display:block; text-decoration:none; text-align:center; height:41px; padding-top:5px; color:#043250; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:14px; }  
.btnMenu li a:hover{ background:url(/web/20141220233313im_/http://hmsdubai.com/images/btn-h.png) top center  no-repeat; height:41px; color:#6696b5;}
.btnMenu li a.btnMenuSelected{background:url(/web/20141220233313im_/http://hmsdubai.com/images/btn.png) top center  no-repeat; height:41px; color:#333;}
.footer{ margin:0px auto; margin:10px 0px; padding:10px 00px; }
.footer a{ color:#007; font-size:12px; line-height:16px; text-decoration:none; margin:0px 10px;}
.footer a:hover{ color:#666; } 
.footer span{ font-size:12px; color:#007; float:right; }







/* gallery */
#img {
    position: relative;
    width: 984px;
    height: 384px;
	display:none;
}

#gallery {
	height:384px;
	width:100%;
	margin:9px 0 0 0;
}

#gallery li {
    float: left;
    cursor: pointer;
	 margin-right:4px;
	 width:120px; height:130px;
	 list-style:none;
	 padding:10px;
}


.caption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    height: 50px;
    padding: 0 2%;
    line-height: 50px;
    color: #fff;
    background-color: #000;
	 display:none !important;
}

.jcarousel-container {
	position:relative;
	padding:0 0 0 38px;
}

.jcarousel-clip {
	width:905px;
	overflow:hidden;
}

.jcarousel-prev {
    position: absolute;
    top: 165px;
    width: 32px;
    height: 71px;
	left:6px;
    cursor: pointer;
    background:url(/web/20141220233313im_/http://hmsdubai.com/images/button_left.jpg) no-repeat 0 top;
	 z-index:1000;
}


.jcarousel-next {
    position: absolute;
    top: 165px;
    right: 0;
    width: 53px;
    height: 80px;
	right:-17px;
	
    cursor: pointer;
     background:url(/web/20141220233313im_/http://hmsdubai.com/images/button_right.jpg) no-repeat 0 top;
	 z-index:1000;
}


.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 236px;
    height: 216px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* gallery */

/*
     FILE ARCHIVED ON 23:33:13 Dec 20, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:34:58 Jan 17, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/