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

body { background-color: #4c4c4c; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#wrapper { width: 1000px; margin: 0 auto; position: relative; ?margin: 0 0 0 0; }

#top { width: 960px; height: 120px; background-color: #282828; padding: 0px 0px 10px 40px; }

#main { background-color: #1f1f1f; width: 1000px; height: 640px; position: relative; }

#main_video { width: 820px; height: 830px; background-color: #282828; padding: 0px 0px 10px 40px; }

#navbar { width: 950px; height: 40px; clear: both; background-color: #1f1f1f; padding: 0px 0px 0px 50px; }

#navbar ol { width: 100px; list-style: none; display: inline; padding-top: 10px; }

#navbar ol li { float: left; display: inline; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #c2c2c2; margin: 15px 20px 0px 10px; }
#navbar ol li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #c2c2c2; margin: 15px 20px 0px 10px; text-decoration: none; }
#navbar ol li a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff6600; margin: 15px 20px 0px 10px; }

#navbar ol li.last { float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ccc; margin: 15px 20px 0px 10px; font-weight: lighter; }

.orange { color: #ff6600; }
.grey { color: #c2c2c2; }

#whoweare { width: 1000px; height: 561px; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; background-color:#000; margin-top: -562px; position: relative !important; border-top: 1px #ff6600 solid; font-family: Helvetica, Arial, sans-serif; }
#whatwedo { width: 1000px; height: 561px; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; background-color:#000; margin-top: -562px; position: relative !important; border-top: 1px #ff6600 solid; font-family: Helvetica, Arial, sans-serif; }
#contactus { width: 1000px; height: 561px; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; background-color:#000; margin-top: -562px; position: relative !important; border-top: 1px #ff6600 solid; font-family: Helvetica, Arial, sans-serif; }
#success { width: 1000px; height: 561px; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; background-color:#000; position: relative !important; border-top: 1px #ff6600 solid; font-family: Helvetica, Arial, sans-serif; }
#success .txt a { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #b0d9e1; text-decoration: none; }
#success .txt a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #b0d9e1; text-decoration: underline; }

#contactus #contact_txt { width: 500px; position: relative; float: left; font-family: Helvetica, Arial, sans-serif; }
#contactus #contact_txt .title { font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #b0d9e1; margin: 80px 0px 20px 100px; letter-spacing: 1px; line-height: 25px; font-weight: lighter; }
#contactus #contact_txt .txt { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #fff;  margin: 20px 0px 0px 100px; letter-spacing: 1px; line-height: 22px; font-weight: lighter; }
#contactus #contact_txt .txt a { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #fff; text-decoration: none; }
#contactus #contact_txt .txt a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #fff; text-decoration: none; }

#contactus #contact_form { width: 350px; position: relative; float: left; margin: 80px 0px 0px 30px; text-align: left; }
#contactus #contact_form .name { width: 100px; height: 20px; position: relative; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; margin-top: 5px; }
#contactus #contact_form .input { width: 150px; ?width:155px; position: relative; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;  height: 15px; margin: 2px 0px; }
#contactus #contact_form .textarea { width:155px; position: relative; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
textarea { width: 155px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; height: 50px; margin: 2px 0px; }
.submit { text-align: right; padding: 10px 0px 0px 200px; }

.title { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #b0d9e1; margin: 80px 0px 0px 100px; letter-spacing: 1px; line-height: 30px; font-weight: lighter; }
.txt { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #fff;  margin: 40px 0px 0px 100px; letter-spacing: 1px; line-height: 22px; font-weight: lighter; }
.txt_sm { font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #b0d9e1; margin: 20px 0px 0px 100px; letter-spacing: 1px; line-height: 22px; font-weight: lighter; }
.txt_sm a { font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #b0d9e1; text-decoration: none; }
.txt_sm a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #b0d9e1; text-decoration: none; }

.innertxt { width: 900px; height: 561px; position: relative; float: left; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; background-color:#000; }

.close_btn { width: 100px; height: 61px; position: relative; float: left; padding: 500px 0px 0px 0px; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; background-color:#000; }
.close_btn a { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #fff; letter-spacing: 1px; font-weight: lighter; text-decoration: none; }
.close_btn a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #fff; letter-spacing: 1px; font-weight: lighter; text-decoration: none; }
.close { color: #ff6600; }
#opendescription { width: 300px; height: 261px; margin-top: -262px; position: relative; }

#blackcover { width: 27px; height: 252px; overflow: hidden; position: relative; float: left; }

#desctxt { width: 210px; height: 200px; position: relative; float: left; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; background-color: #000;  padding: 31px 10px 32px 10px; text-align: left; }
#desctxt .desctitle { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #b0d9e1; text-align: left; letter-spacing: 1px; line-height: 20px; font-weight: lighter; }
#desctxt .desctitle1 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; text-align: left; line-height: 16px; font-weight: lighter; }
#desctxt .desctxt { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #fff; letter-spacing: 1px; line-height: 16px; font-weight: lighter; padding: 20px 10px 0px 0px; }

#closedescription { width: 30px;  position: relative; float: left;  margin-top: 133px; }

#desctxt_video { width: 700px; padding: 20px 10px 20px 10px; text-align: left; }
#desctxt_video .desctitle { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #b0d9e1; text-align: left; letter-spacing: 1px; line-height: 20px; font-weight: lighter; }
#desctxt_video .desctitle1 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; text-align: left; line-height: 16px; font-weight: lighter; }
#desctxt_video .desctxt { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #fff; letter-spacing: 1px; line-height: 16px; font-weight: lighter; padding: 20px 10px 0px 0px; }

#footer { width: 1000px; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #c2c2c2; margin: 10px 0px 0px 0px; }
#footer_left { width: 600px; position: relative; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #c2c2c2; margin: 10px 0px 0px 0px; }
#footer_right { width: 400px; position: relative; float: left; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #c2c2c2; margin: 10px 0px 0px 0px; }
#footer_right a { color: #c2c2c2; text-decoration: none; }
#footer_right a:hover { color: #c2c2c2; text-decoration: underline; }

#footer_video { width: 700px; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #c2c2c2; margin: 10px 0px 0px 0px; }

img { border: 0px; }

/*************************************************************/
/*IMAGE SLIDE SHOW index page*/

#imageMenu { position: relative; width: 1000px; height: 560px; margin: 0px; padding: 0px; overflow: hidden; background-color:#000; }

#imageMenu ul { list-style: none; margin: 0px; padding: 0px; display: block; height: 560px; width: 1000px; }

#imageMenu ul li { float: left; margin: 0px; padding: 0px; }

#imageMenu ul li { text-indent: -1000px; background:#000 none repeat scroll 0%; border-right: 1px solid #333; cursor:pointer; display:block; overflow:hidden; width:98px; height: 560px; margin: 0px; padding: 0px; }

#imageMenu ul li a:hover { color: #000; border-right: 1px solid #006666; }

#imageMenu ul li a:focus { color: #000;	border-right: 1px solid #333; }

#imageMenu ul li.bausch { background: url(../jhc_images/bausch.jpg) no-repeat scroll 0%; }

#imageMenu ul li.bayer { background: url(../jhc_images/bayer.jpg) no-repeat scroll 0%; }

#imageMenu ul li.cadbury { background: url(../jhc_images/cadbury.jpg) no-repeat scroll 0%; }

#imageMenu ul li.clinique { background: url(../jhc_images/clinique.jpg) no-repeat scroll 0%; }

#imageMenu ul li.maxell { background: url(../jhc_images/maxell.jpg) no-repeat scroll 0%; }

#imageMenu ul li.novartis { background: url(../jhc_images/novartis.jpg) no-repeat scroll 0%; }

#imageMenu ul li.nuvigil { background: url(../jhc_images/nuvigil.jpg) no-repeat scroll 0%; }

#imageMenu ul li.pfizer { background: url(../jhc_images/pfizer.jpg) no-repeat scroll 0%; }

#imageMenu ul li.pentasa { background: url(../jhc_images/pentasa.jpg) no-repeat scroll 0%; }

#imageMenu ul li.schering { background: url(../jhc_images/schering.jpg) no-repeat scroll 0%; }

#imageMenu ul li.shire { background: url(../jhc_images/shire.jpg) no-repeat scroll 0%; }

#imageMenu ul li.tyzeka { background: url(../jhc_images/tyzeka.jpg) no-repeat scroll 0%; }

.clear { clear: both; }

/*************************************************************/
/*IMAGE SLIDE SHOW portfolio page*/

#mainp { background-color:#282828; width: 1000px; height: 700px; }

#portfolio { width: 1000px; height: 560px; background-color: #000; }

#cont_slide { position: relative; width: 1000px; height: 560px; margin: 0px; padding: 0px; overflow: hidden; background-color:#000; }

#description a { width: 27px; height: 120px; position: relative; float: left; overflow: hidden; background-color:#000; padding: 440px 0px 0px 3px; }

#imageMenu1 { position: relative; width: 970px; float: right; height: 560px; margin: 0px; padding: 0px; overflow: hidden; background-color:#000; }
#imageMenu1 ul { list-style: none; margin: 0px; padding: 0px; display: block; height: 560px; width: 970px; }
#imageMenu1 ul li { float: right; margin: 0px; padding: 0px; }
#imageMenu1 ul li { text-indent: -970px; background:#000 none repeat scroll 0%; border-right: 1px solid #333; cursor: pointer; display: block; width: 320px; height: 560px; margin: 0px; padding: 0px; }
#imageMenu1 ul li a:hover { color: #000; border-right: 1px solid #006666; }
#imageMenu1 ul li a:focus { color: #000; border-right: 1px solid #333; }

#imageMenu2 { position: relative; width: 970px; float: right; height: 560px; margin: 0px; padding: 0px; background-color: #000; }
#imageMenu2 ul { list-style: none; margin: 0px; padding: 0px; display: block; height: 560px; width: 970px; }
#imageMenu2 ul li { float: right; margin: 0px; padding: 0px; }
#imageMenu2 ul li { text-indent: -970px; background:#000 none repeat scroll 0%; border-right: 1px solid #333; cursor: pointer; display: block; width: 480px; height: 560px; margin: 0px; padding: 0px; }
#imageMenu2 ul li a:hover { color: #000; border-right: 1px solid #006666; }
#imageMenu2 ul li a:focus { color: #000; border-right: 1px solid #333; }

#imageMenu1 ul li.bausch1 { background: url(../jhc_images/bausch1.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.bausch2 { background: url(../jhc_images/bausch2.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.bausch3 { background: url(../jhc_images/bausch3.jpg) no-repeat scroll 0%; }

#imageMenu1 ul li.bayer1 { background: url(../jhc_images/bayer1.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.bayer2 { background: url(../jhc_images/bayer2.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.bayer3 { background: url(../jhc_images/bayer3.jpg) no-repeat scroll 0%; }

#imageMenu1 ul li.cadbury1 { background: url(../jhc_images/cadbury1.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.cadbury2 { background: url(../jhc_images/cadbury2.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.cadbury3 { background: url(../jhc_images/cadbury3.jpg) no-repeat scroll 0%; }

#imageMenu1 ul li.maxell1 { background: url(../jhc_images/maxell1.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.maxell2 { background: url(../jhc_images/maxell2.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.maxell3 { background: url(../jhc_images/maxell3.jpg) no-repeat scroll 0%; }

#imageMenu1 ul li.novartis1 { background: url(../jhc_images/novartis1.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.novartis2 { background: url(../jhc_images/novartis2.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.novartis3 { background: url(../jhc_images/novartis3.jpg) no-repeat scroll 0%; }

#imageMenu1 ul li.nuvigil1 { background: url(../jhc_images/nuvigil1.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.nuvigil2 { background: url(../jhc_images/nuvigil2.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.nuvigil3 { background: url(../jhc_images/nuvigil3.jpg) no-repeat scroll 0%; }

#imageMenu1 ul li.pentasa1 { background: url(../jhc_images/pentasa1.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.pentasa2 { background: url(../jhc_images/pentasa2.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.pentasa3 { background: url(../jhc_images/pentasa3.jpg) no-repeat scroll 0%; }

#imageMenu1 ul li.pfizer1 { background: url(../jhc_images/pfizer1.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.pfizer2 { background: url(../jhc_images/pfizer2.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.pfizer3 { background: url(../jhc_images/pfizer3.jpg) no-repeat scroll 0%; }

#imageMenu1 ul li.schering1 { background: url(../jhc_images/schering1.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.schering2 { background: url(../jhc_images/schering2.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.schering3 { background: url(../jhc_images/schering3.jpg) no-repeat scroll 0%; }

#imageMenu2 ul li.shire1 { background: url(../jhc_images/shire1.jpg) no-repeat scroll 0%; }
#imageMenu2 ul li.shire2 { background: url(../jhc_images/shire2.jpg) no-repeat scroll 0%; }

#imageMenu1 ul li.tyzeka1 { background: url(../jhc_images/tyzeka1.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.tyzeka2 { background: url(../jhc_images/tyzeka2.jpg) no-repeat scroll 0%; }
#imageMenu1 ul li.tyzeka3 { background: url(../jhc_images/tyzeka3.jpg) no-repeat scroll 0%; }

#thumbs { clear: both; width: 940px; height: 80px; padding: 15px 0px 0px 60px; }
#thumbs a { width: 60px; height: 80px; text-decoration: none; }
#thumbs a:hover { width: 60px; height: 80px; text-decoration: none; }

.active { color: #ff6600; }
.clear { clear: both; }

a { outline: none; }
a:hover { outline: none; }
a:focus { color:#000; }

/*************************************************************/