body { margin: 0; font-family: Arial, Calibri, Helvetica; background-color: #000; background-image: url(../images/bg2.png);}
#idxHeader { background-image: url(http://www.genesisplay.com/HeaderWords.png); height: 66px; display: block;
        background-position: top center; background-repeat: no-repeat; }
.titlecase { color: #FFF; }

.blackBar {
	position: absolute;
	font-family: Arial, Calibri, Helvetica; 
	background-color: #000;
	width: 100%;
	height: 210px; 
	top:0;
	bottom: 0;
	margin: auto;
  }
.floatToSingle {
  float: left; 
  }

h1 {    
	font-family: Calibri, Arial, Helvetica, sans-serif;
        color: #D19300; 
	font-size: 32px; margin-bottom: 0px;
}
h2	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
	line-height: 20px;
      	}
h3 {    font-family: Calibri, Arial, Helvetica, sans-serif;
        color: #152a3f; font-size: 14px; font-style:italic; font-weight: bold; }
p  { color: #EEE; }


.idxWrap { width: 785px; margin: 0 auto; }
#idxArea1 { }
#idxArea2 { }
#idxArea2 h2 { color: #d19300; font-size: 1.5em; }

#horz_cell1	{
	float: left; width: 250px; display: block;
	border: 1px solid #152a3f;
		}
#horz_cell2	{
	float: left; width: 250px; display: block;
	border: 1px solid #152a3f;
		}
#horz_cell3	{
	float: left; width: 250px; display: block;
	border: 1px solid #152a3f;
		}

table.fixed { 
	table-layout: fixed; 
	}

.smallLink	{
		font-size: 9px;
		cursor:pointer;
	      	}

.productheader	{
		font-size: 19px;
		color:#FFFFFF;
		font-family: arial, helvetica, clean, sans-serif;
		font-weight: bold;
	

      	}

.underheader	
	{	
		font-size: 12px;
		color:#FFFF99;
		font-family: arial, helvetica, clean, sans-serif;
		font-weight: normal;
		line-height: 18px;
	}

TD 	{
	font-size:13px;
	margin: 0;
	padding: 0px;
	font-weight: normal;
    	}

TD.news 	
	{
	font-size:13px;
	margin: 0;
	padding: 4px;
	font-weight: normal;
    	}


TD.blog	
	{
	font-size:13px;
        color: #DDDDDD;
	margin: 0;
	padding: 4px;
	font-weight: normal;
    	}


#matrix {
	color: #126ba0;
	}

INPUT.a { font-size:13px; margin: 0; padding: 0px; font-weight: normal; color: #126ba0; text-align: center; border: none; background-color: #dfe2e4; }
INPUT.b	{ font-size:13px; margin: 0; padding: 0px; font-weight: normal; color: #126ba0; text-align: center; border: none; background-color: #f5f5f5;}

tr.a    { background-color: #dfe2e4; }
tr.b    { background-color: #f5f5f5; }

.finetext {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size: 10px;
	text-indent:0px;
  }
.finetextinput {
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 11px;
        text-indent: 3px;
        background-color: #CCCCCC;
	border: 1px;
	height:22px;
	color:#006600;
        border: 1px #7F9DB9 solid;
        font-weight: bold;
  }
   
.finetextbutton {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 10px;
	text-indent:0px;
	background-color:#DDDDDD;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	font-weight: bold;
	height:22px
  }

.files {
  text-decoration: none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:11px;
  line-height: 14px;
  color: #EEEEEE;
  }

p.drk  {       font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height:20px; color:#FFFFFF; 
		font-weight:normal; }
ul,li  {       font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height:20px; color:#EEEEEE; 
		font-weight:normal; }
.sub  {       font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height:20px; color:#DDDDDD; 
		font-weight:normal; }

A.files:link {text-decoration: none; color:#EEEEEE}
A.files:active {text-decoration: none; color:#FFFFFF}
A.files:visited {text-decoration: none; color:#EEEEEE}
A.files:hover {text-decoration: none; color:#FFFFFF}
  
.style2 {color: #66CC00}
.style4 {color: #66FF00}
.style5 {color: #FFFFFF; }
.style6 {color: #000000}

.ddfield {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	border: 1px #7F9DB9 solid;
	background-color: #CCCCCC;
	text-indent: 3px;
	font-weight: normal; }


@media all and (max-width:680px){
/* 1col */
#idxHeader { display: none; }
.idxWrap { width: 100%; padding:0px; }
#idxArea1 { float: none; width: 90%; margin: 0 auto; text-align: center; margin-top:20px; margin-bottom: 20px;}
#idxArea2 { float: none; width: 90%; margin: 0 auto; border-left: none; padding-left: 0px; border-top: 1px solid #525252; padding-top: 20px; }
#idxArea2 h2 { color: #d19300; font-size: 1.4em; }
#idxArea2 p { color: #FFF; font-size: 1em; line-height: 1.4em; }
.blackBar { height: auto; }
.floatToSingle { float: none; display-block; }
}

.headerItem {
  clear: both;
  margin-bottom: 15px;
  }

.galleryItem {
  float: left;
  height: 190px;
  background-color: 000;
  margin-left: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;    
  }

.innerShadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

/* Global Class - Btn */

.btn, .btn-sm, .btn-sm-gray {
  display: inline-block;
  background: #780e09;
  background: -webkit-gradient(linear, left top, left bottom, from(#780e09), to(#f47a20));
  background: -moz-linear-gradient(top, #780e09, #f47a20);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#780e09', endColorstr='#f47a20');
  -moz-box-shadow: 2px 2px 1px #111;
  -webkit-box-shadow: 2px 2px 1px #111;
  box-shadow: 2px 2px 1px #111;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  color: #FFFFFF;
  font-family: arial;
  font-weight: bold;
  padding: .625em 1.563em .563em;
  text-align: center;
  text-decoration: none;
}

.btn:hover, .btn-sm:hover, .btn-sm-gray:hover {
  color: #FFF;
  background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7750d), to(#ee3d10));
  background: -moz-linear-gradient(top, #f7750d, #ee3d10);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7750d', endColorstr='#ee3d10');
  cursor: pointer;
}


.btn-gray {
  background: #CCC;
}

.btn-gray:hover {
  background: #CCC;
  cursor:initial;
}


   .titlecase2 {
     font-size: 14px;
     }
   .regTable {
    width: 340px;
    background-color: #202020;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 12px;
    }
   .regPreTable {
    width: 340px;
    background-color: #101010;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 12px;
    }
   .regNoActiveTable {
    width: 340px;
    background-color: #101010;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 12px;
    }
   .regPostTable {
    width: 340px;
    background-color: #101010;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 12px;
    }
   .regPreRegLine {
    padding: 8px;
    background-color: yellow;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }