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

html { height:100%; }
body { background-image:url(../images/body_bg.jpg); background-repeat:repeat-x; background-color:#fff; text-align:center; padding:0; margin:0; height:100%  }
img { border:none; padding:0; margin:0; }
sup { font-size:45%; position:relative; top:-.1em; }

hr { border:0; color: #999999; background-color: #999999; height: 1px; width:96%; text-align:center; }

#hr { text-align:center; }

/*------------------------------ SHADING GIFs ---------------------------*/
/*-----------------------------------------------------------------------*/

#rightshadow { position:absolute; background-image:url(../images/right-shading.png); background-repeat:repeat-y; height:591px; width:10px; right:-10px; }
#leftshadow { position:absolute; background-image:url(../images/left-shading.png); background-repeat:repeat-y; height:100%; width:10px; right:-10px; }



/*------------------------------ Headers  -------------------------------*/
/*-----------------------------------------------------------------------*/

h1 { font-family: Helvetica, sans-serif; font-size:20px; font-weight:bold; font-style:italic; text-transform:uppercase; margin:0; padding:0; padding-top: 4px; padding-bottom:2px; color:#302f2a; }

h2 { font-family: Helvetica, sans-serif; font-size:19px; font-weight:normal; font-style:italic; text-transform:uppercase; padding:0; padding-top:20px; margin:0; padding-bottom:15px; color:#1e6494; }
h2 a { text-decoration:underline; color:#f2881e; }
h2 a:hover { text-decoration:none; }
#h2-sup { font-size:8px; position:relative; top:-7px; }


h3 { font-family: Helvetica, sans-serif; font-size: 16px; font-weight:bold; padding:0;margin:0; color:#302f2a ;}
h3 a { text-decoration:underline; color:#f2881e; }
h3 a:hover { text-decoration:none; }

h4 { font-family: Helvetica, sans-serif; font-size: 16px; font-weight:normal; text-transform:uppercase; padding:0; margin:0; color:#1e6494 ; }
h4 a { text-decoration:underline; color:#f2881e; }
h4 a:hover { text-decoration:none; }


h5 { font-family: Helvetica, sans-serif; font-size: 15px; line-height:20px; font-weight:normal; padding:0; padding-top:3px; padding-bottom:10px; margin:0;color:#1e6494 ; }
h6 { font-family: Helvetica, sans-serif; font-size: 16px; font-weight:bold; color:#1e6494 ; padding:0; margin:0; }




/*------------------------------ Body stuff  ----------------------------*/
/*-----------------------------------------------------------------------*/

#int-body { background-image:url(../images/int-bg.jpg); background-repeat:repeat-x; background-color:#fff; text-align:center; padding:0; margin:0; height:100% }
#wrap { width: 1048px; margin: 0 auto; text-align:left; padding:0; font-family: Helvetica, Arial, sans-serif; position:relative; z-index:0; }
#container { width: 893px; margin:0 auto; text-align:left; position:relative; padding:0; height:100%; z-index:1; } 



/*------------------------------ Header ---------------------------------*/
/*-----------------------------------------------------------------------*/

#header { width:639px; height:56px; margin:0; float:right; }
#header-left { font-size: 15px; width:300px; float:left; color:#fff; font-weight:normal; text-transform:uppercase; padding:0; padding-left: 20px; padding-top:18px; }
#header-title { font-size: 15px; font-weight:normal; color:#8c8c8b; text-transform:uppercase; text-align:right; padding:0; padding-top:18px; float:right; }
#header-title a { text-decoration:none; color:#8c8c8b; }
#header-title a:hover { text-decoration:none; color:#f2881e; }

#headline { padding:0; padding-top:20px; margin:0; }


#leftside { float:left; width:240px; background-color:#fff; height:591px; z-index:2;   /* info height plus 151 */ }

#info { width:647px; padding:0; margin:0; margin-top:1px; position:relative; float:right; background-color:#fff; z-index:1; }

#content { width:100%; text-align: left; clear:both; padding:0; margin:0; background-color:#fff; }
#content-left { width:550px; float:left; border:none; border-right: none; padding:0; padding-right:29px; padding-left:110px; padding-top:0; background-color:#fff; }
#content-right { width:306px; float:right; padding:0; margin:0; margin-right:20px;}

#buttons { width:100%; height:142px; margin:0; padding:0; padding-top:2px; clear:both; }
#button-1 { width:306px; text-align:left; background-color:#fff; float:left; }
#button-2 { width:306px; text-align:left; background-color:#fff; float:left; }
#button-3 { width:281px; text-align:left; background-color:#fff; float:left; }


#maincopy { font-size: 14px; font-weight:normal; padding:0; color:#323133; line-height:20px; }
#maincopy a {  color:#1e6494; text-decoration:underline; }
#maincopy a:hover {  color:#1e6494; text-decoration:none; }
#maincopy p { padding:0; padding-top:4px; padding-bottom:1px; }

#int-copy { margin:0; margin-left:35px; padding:0; font-size: 14px; font-weight:normal; padding:0; color:#323133; line-height:17px; }
#int-copy p { padding:0; padding-top:0px; padding-bottom:8px; }

#description-headline { margin:0; margin-left:35px; width:400px; padding:0; }
#description-copy { margin:0; margin-left:35px; width:400px; font-size: 14px; font-weight:normal; padding:0; color:#323133; line-height:20px; }
#description-copy p { margin:0; padding:0; padding-top:0px; padding-bottom:8px; }
#description-copy a { text-decoration:underline; color:#1e6494; }
#description-copy a:hover { text-decoration:none; color:#1e6494; }



#separated-copy { margin:0; margin-left:35px; width:400px; font-size: 14px; font-weight:normal; padding:0; padding-bottom:10px; color:#1e6494; line-height:20px; }
#separated-copy a { text-decoration:underline; color:#1e6494; }
#separated-copy a:hover { text-decoration:none; }
#separated-image { margin:0; margin-left:35px; width:400px; height:130px; padding:0; padding-top:10px; padding-bottom:10px; color:#1e6494; text-align:left; }

#int-gallery { text-align:center; padding:0; border:none; width:100%; position:relative; bottom:0;   }
#handhelds-bg { text-align:center; padding:2px; border:none; width:100%; background-image:url(../images/hardware.jpg); background-repeat:no-repeat; background-position:bottom right; }

#right-buttons { width:653px; height:95px; margin:0; padding:0;float:right; background-color:#fff; clear:right; }

#smaller-buttons { width:893px; height:95px; margin:0; padding-right:2px; padding:0; background-color:#fff; float:left; text-align:left; }

#footer { width:100%; height:58px; background-color:#eaeaea; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#323133; clear:both; position:relative; bottom:0; padding:0; padding-top:10px; margin:0; border:0; border-top:8px solid #fff; }
#footer a { text-decoration:underline; color:#323133; }
#footer a:hover {text-decoration:none; }


/*------------------------------ HC Standard Page  ----------------------*/
/*-----------------------------------------------------------------------*/

#info-standard { width:653px; height: 480px; padding:0; margin:0; float:right; background-color:#ffffff; background-image:url(../images/standard.jpg); background-repeat:no-repeat; background-position:right bottom;  }
#leftside-standard { float:left; width:240px; background-color:#fff; height:631px;   /* info height plus 151 */ }

#rightshadow-standard { position:absolute; background-image:url(../images/right-shading.png); background-repeat:repeat-y; height:575px; width:10px; right:-10px; }

/*------------------------------ Patient Tracking Page  -----------------*/
/*-----------------------------------------------------------------------*/

#info-tracking { width:653px; height: 770px; padding:0; margin:0; float:right; background-color:#ffffff; background-image:url(../images/handheld.jpg); background-repeat:no-repeat; background-position:right top;  }
#leftside-tracking { float:left; width:240px; background-color:#fff; height:931px;   /* info height plus 151 */ }
#desc-headline-tracking { margin:0; margin-left:35px; width:600px; padding:0; padding-top:20px; }
#desc-copy-tracking { margin:0; margin-left:35px; width:490px; font-size: 13px; font-weight:normal; padding:0; color:#323133; line-height:20px; }
#desc-copy-tracking a { text-decoration:underline; color:#1e6494; }
#desc-copy-tracking a:hover { text-decoration:none; }

#desc-copy-tracking p { margin:0; padding:0; padding-top:0px; padding-bottom:8px; }
#desc-copy-tracking ul { margin:0; padding:0; padding-bottom:8px; padding-top:3px; list-style-position:outside;}
#desc-copy-tracking ul li { margin-left:14px; }

#separated-image-tracking { margin:0; margin-left:35px; width:600px; padding:0; padding-top:10px; padding-bottom:10px; color:#1e6494; text-align:center; }
#rightshadow-tracking { position:absolute; background-image:url(../images/right-shading.png); background-repeat:repeat-y; height:875px; width:10px; right:-10px; }



/*------------------------------ Hardware Page  -------------------------*/
/*-----------------------------------------------------------------------*/

#info-hardware { width:653px; height: 370px; padding:0; margin:0; float:right; background-color:#ffffff; background-image:url(../images/hardware.jpg); background-repeat:no-repeat; background-position:right bottom;  }
#leftside-hardware { float:left; width:240px; background-color:#fff; height:521px;   /* info height plus 151 */ }
#rightshadow-hardware { position:absolute; background-image:url(../images/right-shading.png); background-repeat:repeat-y; height:521px; width:10px; right:-10px; }



/*------------------------------ Brochures Page  ------------------------*/
/*-----------------------------------------------------------------------*/

#info-brochures { width:653px; height:600px; padding:0; margin:0; float:right; background-color:#ffffff; background-image:url(); background-repeat:no-repeat; background-position:right bottom;  }
#leftside-brochures { float:left; width:240px; background-color:#fff; height: 656px;    /* info height plus 151 */ }
#rightshadow-brochures { position:absolute; background-image:url(../images/right-shading.png); height:600px; background-repeat:repeat-y; width:10px; right:-10px; }

#thumb-brochures { margin:0; margin-left:35px; width:600px; padding:0; padding-top:10px; padding-bottom:10px; color:#1e6494; text-align:center; }


/*------------------------------ News Page  -----------------------------*/
/*-----------------------------------------------------------------------*/

#info-news { width:653px; height:870px; padding:0; margin:0; float:right; background-color:#ffffff;  }
#leftside-news { float:left; width:240px; background-color:#fff; height:926px;    /* info height plus 56 */ }
#rightshadow-news { position:absolute; background-image:url(../images/right-shading.png); height:870px; background-repeat:repeat-y; width:10px; right:-10px; }
#padded-news { margin:0; width:540px; padding:0; padding-right:20px; line-height:22px; }
#padded-news a { text-decoration:underline; color:##1e6494; }
#padded-news a:hover { text-decoration:none; }
#padded-news p { padding:0; padding-top:0px; padding-bottom:0; }
#more { font-family: Helvetica, Arial, sans-serif font-size:14px; font-weight:normal; color:#302f2a; }
#more a { text-decoration:underline; color:#1e6494; } 
#more a:hover { text-decoration:none; } 

/*------------------------------ Municipalities Page  -----------------*/
/*-----------------------------------------------------------------------*/

#info-municiple { width:653px; height: 460px; padding:0; margin:0; float:right; background-color:#ffffff; background-image:url(); background-repeat:no-repeat; background-position:right bottom;  }
#leftside-municiple { float:left; width:240px; background-color:#fff; height:611px;   /* info height plus 151 */ }

#rightshadow-municiple { position:absolute; background-image:url(../images/right-shading.png); background-repeat:repeat-y; height:555px; width:10px; right:-10px; }



/*------------------------------ Company Info Page  ---------------------*/
/*-----------------------------------------------------------------------*/

#info-company { width:653px; height: 640px; padding:0; margin:0; float:right; background-color:#ffffff; background-image:url(../images/ger-bldg-ghost.jpg); background-repeat:no-repeat; background-position:right bottom; }
#leftside-company { float:left; width:240px; background-color:#fff; height:791px;   /* info height plus 151 */ }

#rightshadow-company { position:absolute; background-image:url(../images/right-shading.png); background-repeat:repeat-y; height:735px; width:10px; right:-10px; }



/*------------------------------ Careers Page  --------------------------*/
/*-----------------------------------------------------------------------*/

#info-careers { width:653px; height: 610px; padding:0; margin:0; float:right; background-color:#ffffff; background-image:url(); background-repeat:no-repeat; background-position:right top; }
#leftside-careers { float:left; width:240px; background-color:#fff; height:761px;   /* info height plus 151 */ }

#rightshadow-careers { position:absolute; background-image:url(../images/right-shading.png); background-repeat:repeat-y; height:705px; width:10px; right:-10px; }




/*------------------------------ Contact Page  --------------------------*/
/*-----------------------------------------------------------------------*/

#info-contact { width:653px; height:750px; padding:0; margin:0; float:right; background-color:#ffffff; background-image:url(../images/ger-bldg.jpg); background-repeat:no-repeat; background-position:right top; }
#leftside-contact { float:left; width:240px; background-color:#fff; height:816px;    /* info height plus 56 */ }
#rightshadow-contact { position:absolute; background-image:url(../images/right-shading.png); height:750px; background-repeat:repeat-y; width:10px; right:-10px; }
#padded-contact { margin:0; width:600px; padding:0; padding-right:20px; }
#padded-contact p { padding:0; padding-top:0px; padding-bottom:8px; }

#contact-title { margin:0; padding:0; padding-top:20px; padding-bottom:10px; font-family: Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#1e6494 ; line-height:15px; }
#map { text-align:center; }




/*------------------------------ Request Demo Page  ---------------------*/
/*-----------------------------------------------------------------------*/

#info-demo { width:653px; height:660px; padding:0; margin:0; float:right; background-color:#ffffff; background-image:url(); background-repeat:no-repeat; background-position:right top; }
#leftside-demo { float:left; width:240px; background-color:#fff; height:716px;    /* info height plus 56 */ }
#rightshadow-demo { position:absolute; background-image:url(../images/right-shading.png); height:660px; background-repeat:repeat-y; width:10px; right:-10px; }



/*------------------------------ Gallery Page  --------------------------*/
/*-----------------------------------------------------------------------*/

#info-gallery { width:653px; height:926px; padding:0; margin:0; float:right; background-color:#ffffff; background-image:url(); background-repeat:no-repeat; background-position:right top; }
#leftside-gallery { float:left; width:240px; background-color:#fff; height:981px;    /* info height plus 56 */ }
#rightshadow-gallery { position:absolute; background-image:url(../images/right-shading.png); height:925px; background-repeat:repeat-y; width:10px; right:-10px; }

#desc-copy-gallery { margin:0; margin-left:35px; width:530px; font-size: 13px; font-weight:normal; padding:0; color:#323133; line-height:20px; }
#desc-copy-gallery a { text-decoration:underline; color:#1e6494; }
#desc-copy-gallery a:hover { text-decoration:none; }

#desc-copy-gallery p { margin:0; padding:0; padding-top:0px; padding-bottom:8px; }
#desc-copy-gallery ul { margin:0; padding:0; padding-bottom:8px; padding-top:3px; list-style-position:outside;}
#desc-copy-gallery ul li { margin-left:14px; }





/*-------------------------- Simple Gallery classes ---------------------*/
/*-----------------------------------------------------------------------*/



#simplegallery1{ position: relative; /*keep this intact*/ visibility: hidden; /*keep this intact*/ border: 0; margin:0; padding:0;
}

#simplegallery1 .gallerydesctext{  text-align: left; padding: 2px 5px;
}




/*-------------------------- NAV MENU -----------------------------------*/
/*-----------------------------------------------------------------------*/

#menu {
float:left;
position:relative;
z-index:2;
height:349px;
width: 244px; /* set width of menu */
margin:0;
padding:0;
padding-left:2px;
background: #eee;
background-image:url(../images/nav-bg.jpg);
background-repeat:no-repeat;
text-transform:uppercase;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
font-style:italic;
}

/* style, color and size links and headings */
#menu a, #menu h2 {
font-size: 14px;
font-family: helvetica, sans-serif;
font-weight:bold;
display: block;
border:0;
margin: 0;
padding:0;

font-style:italic;
}

#menu h2 {
color: #302f2a;
background: none;
text-transform: uppercase;
}

#menu a {
color: #302f2a;
height:31px;
margin:0;
margin-left:0;
padding:0;
padding-left:46px;
padding-top:10px;
background-image:url(../images/nav-item-bg.jpg);
background-repeat:no-repeat;
text-decoration: none;
}


#menu a:hover {
color: #a00;
background-image:url(../images/nav-over-bg.jpg);
background-repeat:no-repeat;
}

#menu .fake {
height:195px;
background-image:url();
background-repeat:no-repeat;
text-decoration: none;
}

#menu .fake a {
background-image:url();
background-repeat:no-repeat;
text-decoration: none;
}

#menu .fake a:hover {
background-image:url();
background-repeat:no-repeat;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
height:31px;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



/* Interior Menu */
#int-menu-bg { width:250px; height: 349px; background: #fff; background-image:url(../images/int-nav.gif); background-repeat:no-repeat; position:relative; left: -9px; }

#int-menu {
float:left;
position:relative;
z-index:2;
width: 240px; /* set width of menu */
margin:0;
margin-left:4px;
padding:0;
text-transform:uppercase;
} 

#int-menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
font-style:italic;
}

/* style, color and size links and headings */
#int-menu a, #int-menu h2 {
font-family: helvetica, arial, sans-serif;
font-weight:bold;
font-size:14px;
display: block;
border:0;
margin: 0;
padding:0;
font-style:italic;
}

#int-menu h2 {
color: #302f2a;
background: none;
text-transform: uppercase;
}

#int-menu a {
color: #302f2a;
height:31px;
margin:0;
margin-left:2px;
padding:0;
padding-left:32px;
padding-top:10px;
background-image:url(../images/int-nav-item-bg.jpg);
background-repeat:no-repeat;
text-decoration: none;
}

#int-menu a:hover {
color: #a00;
background-image:url(../images/int-nav-over-bg.jpg);
background-repeat:no-repeat;
}

#int-menu .fake {
height:195px;
background-image:url();
background-repeat:no-repeat;
text-decoration: none;
}

#int-menu .fake a {
background-image:url();
text-decoration: none;
}

#int-menu .fake a:hover {
background-image:url();
}

#int-menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
height:31px;
} 

#int-menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#int-menu ul ul ul,
div#int-menu ul ul li:hover ul ul
{display: none;}

div#int-menu ul ul li:hover ul,
divint-#menu ul ul ul li:hover ul
{display: block;}


#under-nav { width:240px; padding:0px; margin:0; padding-bottom:4px; float:left; position:relative; top:2px; text-align:center; background-color:#ffffff; border-right:1px dotted #cecece; }
#under-nav-desc { padding:0 19px 0 19px; color:#333333; font-weight:normal; line-height:24px; font-size:13px; text-align:center;}
#under-nav-desc a { color:#0f486f; text-decoration:underline; }
#under-nav-desc a:hover { color:#0f486f; text-decoration:none; }
#under-nav-desc p { padding:0px; padding-top:10px; padding-bottom:6px; margin:0; }