/* ****************************************************************
  EPIX, Inc. CSS 30 April 2017
**************************************************************** */

/* ****************************************************************
  SITE - FONT
**************************************************************** */
BODY,
A,
B,
P,
BR,
H1,
H2,
H3,
H4,
H5,
LI,
DT,
DD,
DL,
OL,
UL,
TD,
TH,
HR {
  font-family: "News Gothic MT", Arial, Helvetica, sans-serif; }

/* ****************************************************************
  SITE - BACKGROUND
**************************************************************** */
BODY {
  background-image: url(images/back_white_yellow.jpg);
  background-repeat: repeat-x;
  background-color: #FFFF00;
 }

/* ****************************************************************
  SITE - LINKS - TEXT 
**************************************************************** */
a:link {
  color: #0066cc;
  text-decoration: none; }

a:visited {
  color: #800080;
  text-decoration: none; }

a:hover {
  color: #0066cc;
  text-decoration: underline; }

a:active {
  color: #800080;
  text-decoration: underline; }

/* ****************************************************************
  SITE - HEADER - LINKS - TOP NAV 
**************************************************************** */

HEADER NAV.top-bar, HEADER NAV * {
  color: white;
  font-weight: bold;
  /* background-color: black; */
}
.top-bar, .top-bar ul {
  background-color: black;
}
HEADER * a:link {
  color: white;
  text-decoration: none; }

HEADER * a:visited {
  color: white;
  text-decoration: none; }

HEADER * a:hover {
  color: gray;
  text-decoration: none; }

/* mouse over link */
HEADER * a:active {
  color: gray;
  text-decoration: none; }


/* OLD MENU SETTINGS
A.menu {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none; }

A.menu:visited {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none; }

A.menu:hover {
  color: #000000;
  background-color: #FFF;
  text-decoration: none;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }

A.menu:active {
  color: #FF3333;
  text-decoration: none; }

td.menu {
  background: #000000 url(images/bar_gradient_up.png) repeat-x;
  text-align: center; }
*/

/* ****************************************************************
  SITE - LINKS - ASIDE NAV 
**************************************************************** */
a.button {
  font-weight: bold;
  text-decoration: none;
  background: #000000 url(images/bar_gradient_up.png) repeat-x;
  color: white;
	border:none;
	margin-bottom:0.3rem;
  -webkit-border-bottom-left-radius: 0.7rem;
  -moz-border-radius-bottomleft: 0.7rem;
  -ms-border-bottom-left-radius: 0.7rem;
  border-bottom-left-radius: 0.7rem; }

a.button:visited {
  color: white;
  text-decoration: none; }

a.button:hover {
  color: #000000;
  background: #FFFFFF;
  text-decoration: none;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }

a.button:active {
  color: red;
  text-decoration: none; }

/* ****************************************************************
  SITE - LINKS - FOOTNOTE 
**************************************************************** */
a.footnote {
  color: #FF0000;
  text-decoration: none;}

a.footnote:hover {
  font-weight: bold;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }

/* ****************************************************************
  SITE - LINKS - SECTION BAR 
**************************************************************** */
.bar {
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
  background: #000000 url(images/bar_gradient_up.png) repeat-x;
  -webkit-border-top-right-radius: 0.6rem;
  -moz-border-radius-topright: 0.6rem;
  -ms-border-top-right-radius: 0.6rem;
  border-top-right-radius: 0.6rem; }

a.bar {
  display: block;
  border: 0;
  color: #FFFFFF; }

a.bar:visited {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none; }

a.bar:hover {
  color: #000000;
  background: #FFFFFF;
  text-decoration: none;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s; }

a.bar:active {
  color: #FF3333;
  text-decoration: none; }

/* IMAGING PROCESSING PRODUCTS BAR*/
.imagePPbar {
  color: #FFFFFF;
  background: #000000 url(images/bar_gradient_up.png) repeat-x;
  text-align: center;  
  border-bottom-left-radius: 0.6rem; }
.imagePPbar h5 {
  font-weight: bold;
  }

/* IMAGING PROCESSING PRODUCTS BAR - OLD SETTING FOR HOVER NAV */
.navPPbar {
  display: none; }


  
/* ****************************************************************
  SITE - HERO
**************************************************************** */
#hero-title {
    text-align: center;
    background-color: white;
}
#hero-image {
    text-align: center;
    align-content: center;
}
.title {
  line-height: 100px;
}
/* Shrink Registered trademark */
.title span {
  font-size: 0.5em; }

/* ****************************************************************
  SITE - FOOTER
**************************************************************** */
/* Notices and copyright */
div.copyright {
  font-size: 0.75rem; }

/* 
.footer_bar {
  // margin: 0;
  // padding: 0; }

.footer_bar:hover .imagePPbar {
  // display: none;
  // ransition-duration: 0.8s; }

.footer_bar:hover .navPPbar {
  display: block;
  color: #FFFFFF;
  font-weight: bold;
  font-size: medium;
  text-decoration: none;
  background: #000000 url(images/bar_gradient_up.png) repeat-x;
  padding-left: 0.6rem;
  text-align: center;
  -webkit-border-bottom-left-radius: 0.6rem;
  -moz-border-radius-bottomleft: 0.6rem;
  -ms-border-bottom-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }
*/  


/* ****************************************************************
  SITE - MISC SETTINGS
**************************************************************** */
code {
  white-space: nowrap; }

PRE {
  font-family: Fixedsys; }

HR {
  color: #000000;
  background-color: #000000;
  border-color: #000000;
  border-style: solid; }

address {
  font-weight: normal;
  font-style: normal; }

#sidebar address {
  font-size: small;
  font-style: normal; }

table {
  border-collapse: collapse; 
  border-spacing: 0; }

/* ****************************************************************
  SITE - MAIN AREA SETTINGS
**************************************************************** */
#main {
    background-color: white;
}

#main > * > * {
	padding-left:1rem;
	padding-right:1rem;
}
/* ****************************************************************
  FRONT PAGE - FEATURED PRODUCTS
**************************************************************** */
div.whitebox {
  background-color: #FFFFFF;
  border: 1px solid #000000;
	padding-left:0rem;
	padding-right:0rem;
  -webkit-border-top-right-radius: 0.6rem;
  -moz-border-radius-topright: 0.6rem;
  -ms-border-top-right-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
  -webkit-border-bottom-left-radius: 0.6rem;
  -moz-border-radius-bottomleft: 0.6rem;
  -ms-border-bottom-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem; }

div.blackbox {
  background-color: #000000;
  background: #000000 url(images/bar_gradient_up.png) repeat-x;
  -webkit-border-top-right-radius: 0.6rem;
  -moz-border-radius-topright: 0.6rem;
  -ms-border-top-right-radius: 0.6rem;
  border-top-right-radius: 0.6rem; }



/* ****************************************************************
  PRODUCT - BETA NOTICE - OLD, UPDATE
**************************************************************** */
.betabox {
  background: #FFFFDD;
  border: 1px solid #EEEE00;
  width: 80%; }


/* ****************************************************************
  PRODUCT - PRODUCT IMAGE ASIDE
**************************************************************** */
.productbox {
  float: right;
  text-align: left;
}

.productbox>ul {
  float: none;
  font-size: smaller;
  font-weight: bold;
	padding: 0.25rem 1rem;
	margin:0 auto;
  width: 350px;  
  list-style:none;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  border-radius: 1rem; }

.productbox>ul>li {
  display: block;
}

.featuresbox {
  display: block;
  float: right;
  width: 40%;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  border-radius: 1rem; }

.inline {
  display: inline; }

/* ****************************************************************
  PRODUCT - OLD SETTING 
**************************************************************** */

.floatleft50 {
  float: left;
  width: 50%; }

.floatright50 {
  float: right;
  width: 50%; }

fieldset {
  border: 1px solid blue;
  margin-bottom:2rem;}

legend {
  border: 1px solid blue;
  color: blue;
  font-size: 0.9rem;
  text-align: right; 
  padding: 0.5rem;}

/* ****************************************************************
  PRODUCT - PROGRAM LIST
**************************************************************** */
div.proglist {
  background-color: #EEEEEE; }

pre.proglist {
  padding: 15px; }

/* ****************************************************************
  PRODUCT - TABLES
**************************************************************** */
#framerate_table {
  text-align:center;
  width: 0.1%;
  margin: 0 auto;
  border-collapse: collapse; 
  border-spacing: 0;
}
#spec_table {
  text-align:center;
  width: 50%;
  margin: 0 auto;
  border-collapse: collapse; 
  border-spacing: 0;
}

/* ****************************************************************
  SELECTION GUIDE - LIST OF CAMERA COMPANIES 
**************************************************************** */
table.camera_companies, table.camera_companies td {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1rem;
  margin-left: auto;
  margin-right: auto; }

table.camera_companies td {
  padding: 0.25rem; }
table.selection-guide thead {
  background: black;
  color: white; }
table.selection-guide tbody {
  border-bottom: 1px solid black; }
table.selection-guide tbody:nth-child(odd) {
  background: #ddd; }
table.selection-guide tbody:nth-child(even) {
  background: #eee; }
table.selection-guide td, table.selection-guide th {
  padding: 0.4rem 0.5rem 0.4rem 0.5rem; }

ul.camera_companies {
  list-style: none;
  -moz-column-gap: 0.05rem;
  -webkit-column-gap: 0.05rem;
  column-gap: 0.05rem;
  -moz-column-width: 15rem;
  -webkit-column-width: 15rem;
  column-width: 15rem; }

/* ****************************************************************
  OLD NAV HOVER SETTINGS
.epix_image {
  display: block; }

.epix_home {
  display: none; }

.home_button {
  margin: 0;
  padding: 0; }

.home_button:hover .epix_image {
  display: none;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.home_button:hover .epix_home {
  display: block;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  background: #000000 url(images/bar_gradient_up.png) repeat-x;
  text-align: center;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }

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

/* ****************************************************************
  SITE - LINKS - WHITEBAR FOR OLD HOVER EFFECT
.whitebar {
  color: #000000;
  font-weight: bold;
  background: #FFFFFF url(images/bar_gradient_up.png) repeat-x;
  -webkit-border-top-right-radius: 0.6rem;
  -moz-border-radius-topright: 0.6rem;
  -ms-border-top-right-radius: 0.6rem;
  border-top-right-radius: 0.6rem; }

a.whitebar {
  display: block;
  border: 0;
  color: #000000;
  background: #FFFFFF url(images/bar_gradient_bottom.png) bottom repeat-x;
	}

a.whitebar:visited {
  color: #000000;
  background-color: transparent;
  text-decoration: none; }

a.whitebar:hover {
  color: #FFFFFF;
  background: #000000 url(images/bar_gradient_up.png) repeat-x;
  text-decoration: none;
  -webkit-border-top-right-radius: 0.6rem;
  -moz-border-radius-topright: 0.6rem;
  -ms-border-top-right-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }

a.whitebar:active {
  color: #FF3333;
  text-decoration: none; }
**************************************************************** */

/*# sourceMappingURL=epix.css.map */