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

body, #wrappterAll, #footer, #footerTop, #header, #logo, #menu, #menu ul, #pageContent, div#homeImg, div#homeText, #footer  {margin: 0px; padding: 0px;}

body {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3c3c3c; background-color: #000000; line-height: 18px;}
a, a:visited, a:active {color: #000000; font-weight: bold; text-decoration: underline; outline: none;}
a:hover {color: #333333; text-decoration: none;}
h2 {color: #444444; font-weight: bold; font-size: 14px;}
#wrapperAll {position: relative; width: 100%; height: auto; background: #888888 url(../images/topBck.jpg) left top repeat-x; min-width: 1024px; overflow: hidden;}
/*\*/ * html div#wrapperAll {width: expression( document.body.clientWidth < 1026? "1024px" : auto);} /**/   /* set min-width for IE  */  

#header {position: relative; margin: 0px auto; padding: 0px; width: 1024px; height: 185px; z-index: 999;}

#logo {position: relative; float: left; width: 298px; height: 101px; margin-top: 84px;}
#logo img {position: absolute; width: 298px; height: 101px; left: 0px; top: 0px;}
#menu {position: relative; float:right; width: 619px; height: 22px !important; margin-top: 127px; margin-right: -40px;}
#menu ul {width: 619px;}
#menu li {float:left; margin:0; padding:0; text-indent:0; list-style-type:none;}
#menu li a {background: url(../images/menu.png) left top no-repeat; display:block;	height: 22px;  width: auto; padding:0px; margin:0px;}
/*\*/ * html #menu li a{background: url(../images/menu.jpg) left top no-repeat;} /**/  /* -----------IE 6 FIX----------- */
#menu li a span {display: none;}
#menu a {outline: none;}
#menu a#t1 {background-position: 0 0; margin-right: 24px; width: 45px;}
#menu a#t2 {background-position: -69px 0; width: 108px; margin-right: 23px;}
#menu a#t3 {background-position: -202px 0; width: 69px; margin-right: 24px;}
#menu a#t4 {background-position: -296px 0; width: 73px; margin-right: 25px;}
#menu a#t5 {background-position: -394px 0; width: 68px; margin-right: 24px;}
#menu a#t6 {background-position: -486px 0; width: 88px;}

#menu a#t1:hover  {background-position: 0 -25px; margin-right: 22px; width: 47px;}
#menu a#t2:hover  {background-position: -72px -25px; width: 116px; margin-right: 15px;}
#menu a#t3:hover  {background-position: -211px -25px; width: 74px; margin-right: 19px;}
#menu a#t4:hover  {background-position: -310px -25px; width: 79px; margin-right: 19px;}
#menu a#t5:hover  {background-position: -413px -25px; width: 73px; margin-right: 19px;}
#menu a#t6:hover  {background-position: -510px -25px; width: 93px;}		

#home #menu a#t1 {background-position: 0 -24px; margin-right: 22px; width: 47px;}
#company #menu a#t2  {background-position: -72px -25px; width: 116px; margin-right: 15px;}
#partners #menu a#t3  {background-position: -211px -25px; width: 74px; margin-right: 19px;}
#products #menu a#t4  {background-position: -309px -25px; width: 79px; margin-right: 19px;}
#services #menu a#t5  {background-position: -413px -25px; width: 73px; margin-right: 19px;}
#contact #menu a#t6 {background-position: -510px -25px; width: 93px;}	

#pageContent {position:relative; clear:both; height: auto;  min-height:677px; width: 1024px; margin: 0px auto; padding: 0px; }
/* for min-height you can also do: min-height: 543px; height: auto !important; height: 543px; */
* html div#pageContent { height: expression( this.scrollHeight < 679 ? "677px" : auto);  /* set min-height for IE  */ } 

#sideNav {position: relative; width:300px; float: left; margin-top: 11px; }
#sideNav ul {list-style-type: none; margin: 0px; padding: 0px; width: 290px;}
#sideNav li {line-height: 36px; margin-left: 10px; border-bottom: solid 1px #a4a4a4; } 
#sideNav li a {color: #222222; text-decoration: none; font-weight: normal; padding-left: 25px; }
#sideNav li a:hover, #sideNav li a.active {color: #00529c; font-weight: bold;}
#sideNav li a.active {background: url(../images/sideNav_carrot.png) left top no-repeat;}
#sideNav li.last {height: 42px; border-bottom: none; background: url(../images/sideNavBtm.gif) left bottom repeat-x;}

#headerImg {position: relative; width: 677px; height: 147px; margin-top: 8px; margin-bottom: 0px; font-size: 12px; line-height:normal; }
.HKiosk {background: url(../images/headerImgHKiosk.jpg) left top no-repeat; }
.AdKiosk {background: url(../images/headerImgAdKiosk.jpg) left top no-repeat; }
.ODKiosk {background: url(../images/headerImgODKiosk.jpg) left top no-repeat; }
.SecMed {background: url(../images/headerImgSecMed.jpg) left top no-repeat; }
.PK {background: url(../images/headerImgPK.jpg) left top no-repeat; }
.Histogen {background: url(../images/headerImgHistogen.jpg) left top no-repeat; }
.CareScripts {background: url(../images/headerImgCareScripts.jpg) left top no-repeat; }
.Solutions {background: url(../images/headerImgSolutions.jpg) left top no-repeat; }
.Capabilities {background: url(../images/headerImgCapabilities.jpg) left top no-repeat; }
.Projects {background: url(../images/headerImgProjects.jpg) left top no-repeat; }

#sectionTitle {position: absolute; top: -25px;}
#sectionTitle.products {width: 99px; height: 24px; background: url(../images/headerProducts.png) left top no-repeat;}
#sectionTitle.company {width: 152px; height: 24px; background: url(../images/headerCompany.png) left top no-repeat;}
#sectionTitle.services {width: 152px; height: 24px; background: url(../images/headerServices.png) left top no-repeat;}
#sectionTitle.partners {width: 152px; height: 24px; background: url(../images/headerPartners.png) left top no-repeat;}

.subTitle {position: relative; width: 250px; height: 125px; display: table-cell; vertical-align: middle; padding-left: 405px;}
.subTitle h3 {color: #0e5ba0; font-weight: bold; font-size: 16px;}

div.rtContent {position: relative; width: 677px; float: right; margin: 42px 0px 50px 0px; padding: 0px 20px 0px 27px;}
div.rtContent div.header {font-size: 14px; }

div.textArea {position: relative; width: 657px; padding: 10px;}
div.textArea h2 {font-size: 16px;}

div#homeImg {position: absolute; background: url(../images/homeRocks.png) left top no-repeat; margin: 0px; padding: 0px; width: 881px; height: 483px; bottom: 0px; left: -80px;}
#home div.textBox {position: relative; margin: 0px auto; width: 1024px; height: 492px;}
div#homeText {position: absolute; width: 444px; height: auto; right: 10px; top: 100px; margin: 0px; padding: 0px;}

#productsHKiosk {position: relative; width: 286px; height: 350px; background: url(../images/productsHKiosk.png) left top no-repeat; float: right; margin-top: 20px; margin-right: -90px;} 
#productsGrnKiosk {position: relative; width: 200px; height: 329px; background: url(../images/productsGrnKiosk.png) left top no-repeat; float: right; margin-top: 20px; margin-right: -90px;}
#products .textArea ul, #services .textArea ul  {padding-left: 15px;}
#products .textArea ul li, #services .textArea ul li {padding: 2px 0px 2px 0px;}

div#contactImg {position: absolute; width: 948px; height: 695px; background: url(../images/contactImg.png) left top no-repeat; top: -10px; left: 10px;}
div#contactText {position: absolute; width: 875px; height: auto; right: 0px; top: 190px; margin: 0px; padding: 0px; font-size:12px; line-height: normal;}
div#contactText .box {position: relative; float: left; width: 325px; padding: 0px 15px 0px 0px;  }
div#contactText .box2 {position: relative; float: left; width: 225px; padding: 0px 15px 0px 15px;}


#footer {position: relative; display: block; width: 100%; height: 400px; background: url(../images/footerBck.jpg) left top repeat-x; min-width: 1024px; color: #959595; font-size:12px; left: 0px;} /* Footer height: 463px */
* html div#footer { width: expression( document.body.clientWidth < 1026? "1024px" : auto); /**/   /* set min-width for IE  */ }  

#footerTop {position: absolute; width: 100%; height: 31px; background: url(../images/footerShade.png) left top repeat-x; top: -31px; left: 0px;}
#footer h1 {font-size: 16px; font-weight: bold; color: #ffffff; margin-top: 0px; padding-top: 0px;}
#footerContentBox {position: relative; display: block; width: 100%; height: 400px; min-width: 1024px; left: 0px; overflow:hidden;}
/*\*/ * html div#footerContentBox { width: expression( document.body.clientWidth < 1026? "1024px" : auto) /**/ ;  /* set min-width for IE  */ } 
#footerContent {position: relative; width: 1024px; margin: 0px auto; padding: 0px; height: auto; padding-top: 40px; left: 0px; display: block;}
.footerBox {margin: 0px; padding: 0px; position: relative; float: left; width: 270px; padding: 0px 35px 0px 35px; border-right: 1px solid #323232;}
.footerBox.last {border: none;}
#footer a {color: #ffffff; font-weight: bold; text-decoration: underline;}
#footer a:hover {color: #dddddd; font-weight: bold; text-decoration: none;}
#footerDividerBox {position: relative; width: 1024px; height: 100px; top: 40px;}
#footerDivider {position: absolute; width: 1300px; height: 100px; background: url(../images/footerDivider.png) left top no-repeat; left: -100.5px; top: 0px; }
#footerContent {line-height: normal;}

.footerBox h1 {padding-left: 35px;}
#footerContent h1 a {text-decoration: none;}

.footerPartnersImg {position: absolute; width: 31px; height: 31px; background: url(../images/footer_partners.png) left top no-repeat; left: 35px; top: -5px;}
.footerProductsImg {position: absolute; width: 26px; height: 32px; background: url(../images/footer_products.png) left top no-repeat; left: 35px; top: -5px;}
.footerServicesImg {position: absolute; width: 31px; height: 34px; background: url(../images/footer_services.png) left top no-repeat; left: 35px; top: -5px;}



p.copyright {margin-top: -10px;}
p.copyright a {display: inline-block;}