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

body { background-color:#666; margin: 0 0;}

div#container { position: relative; width: 946px; height: 630px; margin: 0 auto; padding: 0 0; border: 1px solid #003;}

div#indexlinks {position: absolute; top: 0; left: 0; width: 195px; height: 630px; border-right: 1px solid #000; background: url(img/video_footfade.jpg) #BAD8E9 no-repeat bottom right;}

div#playa {position: absolute; top: 0; right: 0; width: 752px;}


/* EHR Company Branding */

div#indexlinks img#EHR {position: absolute; bottom: 70px; left: 30px;}
div#indexlinks div#phone {position: absolute; bottom: 45px; left: 27px; font: bold 18px Arial, Helvetica, sans-serif; color:#003;}

div#indexlinks div#integrate { font: bold 12px Arial, Helvetica, sans-serif; color: #006; position: absolute; bottom: 122px; left: 21px; text-align:center; }

/* rollover img preloading */


.hiddenPic {display:none;}

/* navigation elements */

div#indexlinks ul {list-style: none; margin: 0 0; padding: 0 0;}

div#indexlinks ul li {margin-top: 0;}




div#indexlinks ul li#Index0 a:visited{ color:#FFF; text-decoration: none; }
div#indexlinks ul li#Index0 a { width: 100px; height: 56px; background-image:url(img/intro_btn_off.jpg); font: normal 16px Arial, Helvetica, sans-serif; display: block; color:#FFF; text-decoration: none; padding-left: 95px; padding-top: 28px;}

div#indexlinks ul li#Index0 a:hover { background-image:url(img/intro_btn_on.jpg); color: #003;}


div#indexlinks ul li#Index1 {margin-top:2px;}

div#indexlinks ul li#Index1 a:visited{ color:#FFF; text-decoration: none; }
div#indexlinks ul li#Index1 a { width: 100px; height: 69px; background-image:url(img/patient_hist_off.jpg); font: normal 16px Arial, Helvetica, sans-serif; display: block; color:#FFF; text-decoration: none; padding-left: 95px; padding-top: 15px;}
div#indexlinks ul li#Index1 a:hover { background-image:url(img/patient_hist_on.jpg); color: #003;}



div#indexlinks ul li#Index2 {margin-top:2px;}

div#indexlinks ul li#Index2 a:visited{ color:#FFF; text-decoration: none; }
div#indexlinks ul li#Index2 a { width: 100px; height: 62px; background-image:url(img/macros_off.jpg); font: normal 16px Arial, Helvetica, sans-serif; display: block; color:#FFF; text-decoration: none; padding-left: 95px; padding-top: 22px;}

div#indexlinks ul li#Index2 a:hover { background-image:url(img/macros_on.jpg); color: #003;}






div#indexlinks ul li#Index3 {margin-top:2px;}

div#indexlinks ul li#Index3 a:visited{ color:#FFF; text-decoration: none; }
div#indexlinks ul li#Index3 a { width: 100px; height: 64px; background-image:url(img/more_info_off.jpg); font: normal 16px Arial, Helvetica, sans-serif; display: block; color:#FFF; text-decoration: none; padding-left: 95px; padding-top: 20px;}

div#indexlinks ul li#Index3 a:hover { background-image:url(img/more_info_on.jpg); color: #003;}




div#indexlinks ul li#matrix {margin-top:2px;}

div#indexlinks ul li#matrix a:visited{ color:#FFF; text-decoration: none; }
div#indexlinks ul li#matrix a { width: 100px; height: 69px; background-image:url(img/matrix_off.jpg); font: normal 16px Arial, Helvetica, sans-serif; display: block; color:#FFF; text-decoration: none; padding-left: 95px; padding-top: 15px;}

div#indexlinks ul li#matrix a:hover { background-image:url(img/matrix_on.jpg); color: #003;}