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

body { background-color:#666;}

div#container { position: relative; width: 980px; 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: 784px;}


/* EHR Company Branding */

div#indexlinks img#EHR {position: absolute; bottom: 60px; left: 30px;}

/* 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#intro a:visited{ color:#FFF; text-decoration: none; }
div#indexlinks ul li#intro 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#intro a:hover { background-image:url(img/intro_btn_on.jpg); color: #003;}


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

div#indexlinks ul li#patient a:visited{ color:#FFF; text-decoration: none; }
div#indexlinks ul li#patient 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#patient a:hover { background-image:url(img/patient_hist_on.jpg); color: #003;}



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

div#indexlinks ul li#macros a:visited{ color:#FFF; text-decoration: none; }
div#indexlinks ul li#macros 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#macros a:hover { background-image:url(img/macros_on.jpg); color: #003;}






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

div#indexlinks ul li#more_info a:visited{ color:#FFF; text-decoration: none; }
div#indexlinks ul li#more_info 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#more_info 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;}