﻿html,body 
	{
	color: white;	
	background-color: #1d111d;
	font-family: Arial; 
	height:100%;
	width:100%;
	}

body {
}
 
* {
   margin: 0px;
   padding: 0px;
}

.Distance
{
    margin-bottom: -300px; /* half of content height */	
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */
	
}

.outer {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  overflow: visible;
}
 
.inner {
  width: 1100px;
  height: 600px;
  margin-left: -550px;  /***  width / 2   ***/
  position: absolute;
  top: -300px;          /***  height / 2   ***/
  left: 50%;
  border:solid 1px #412c41;
}


.LogoBar
{
    width:1100px;
    height: 200px;   
    background-image: url(../Images/Logo300x200.jpg);
    background-repeat: no-repeat;
    margin:0px;
    background-color:Black;
    /*border:solid 1px white;*/
 
    }	
    
.Navigation
{
    Width:800px;
    height: 198px;
    margin-left:300px;         
}

ul
{
    margin:0px;
    }

ul li

 { display:block;
   float:right;
   list-style-type:none;
   text-align: center;   
   text-decoration: none;
   color:white;
}


ul li a 

{
    display:block;
    height:80px; width:80px;
    margin:5px;
    background:transparent url(../Images/NavPlanetButtons80x160.gif) no-repeat 0 0;    
    text-decoration:none;
    color:white;
 }

ul li a:hover 
{
    background-position: 0 -80px;
}


ul li.redundant p 

{
 display:block;
 height:80px; width:80px;
 margin: 5px;
 background:transparent url(../Images/NavPlanetButtons80x160.gif) no-repeat 0 0; 
 text-decoration:none;
 color: white;
 background-position: 0 -80px;
}

.MidSection
{   
    width:1100px;
    height:400px; 
    /*margin:0px;*/
}

.LeftPanel
{
    margin:0px;    
    width:229px;/*279*/
    height:379px;    
    border-top:solid 1px #412c41;
    border-right:solid 1px #412c41;        
    text-align:center;
    padding:10px 10px 10px 10px;
    background-color:Black;       
}

.DropDownList
{
    background-color:Black;
    color:White;
    font-weight:bold;    
}
    
.MidPanel
{   
    margin-left:250px;/*300*/
    margin-top:-400px;
    width:600px;
    height:398px;
    border-top:solid 1px #412c41;        
    background-color:Black;    
    font-size:11px;    
}

.NeonNubeMidPanel
{   
    margin-left:250px;/*300*/
    margin-top:-400px;
    width:600px;
    height:398px;
    border-top:solid 1px #412c41;        
    background-color:Black;
    text-align:center;
    font-size:11px;
    padding:0px;
    background-image:url(../Images/NeonNubeFoursome599x399.jpg);
}

.NeonNubeMidPanel a
{
    text-decoration:none;
    color:Purple;
}

.MidPanel a
{
    text-decoration:none;
    color:Purple;
}

.GridViewContainer
{
    margin:0px;        
    background-color:Black;
    width:600px;
    height:399px;
    
}

.gvTunes tr td
{padding:5px;}

.GridViewHeader
{   
    padding:5px;
    margin:0px;    
    color:white;    
    background-color:#0b0217;
    font-size:16px;
    height:30px;
}
    

.MidPanelTitle
{
    
    margin-top:0px;
    width:596px;
    height:25px;
    padding:2px;
    border-bottom: solid 1px #412c41;
    font-weight:bold;
    background-color:#0b0217;    
}

.MidPanelMainText
{
    width:588px;
    height:348px;
    padding:5px;
    font-size:14px;    
}

.MidPanelMainText a:hover
{
    color:White;    
}
    
.MidPanelFooter
{
    width:580px;
    height:20px;
    margin-top:342px;
    margin-left:0px;    
    padding:3px;
    font-size:14px;
}

    
.ContactTableContainer
{
    /*Margin:0px auto auto 50px;*/
    margin:0px 45px;
    width:400px;
    
                    
}

.ContactTable td
{    
    font-weight:bold;    
    text-align:right;   
}


.RightPanel
{
    width:250px;/*199*/
    height:399px;
    border-top:solid 1px #412c41;
    border-left:solid 1px #412c41;     
    margin-top:-399px;
    margin-left:849px;/*899*/    
    background-color:Black;
}

.ImagesRightPanel
{
    width:250px;/*199*/
    height:399px;
    border-top:solid 1px #412c41;
    border-left:solid 1px #412c41;     
    margin-top:-399px;
    margin-left:849px;/*899*/    
    background-color:Black;
    background-image:url(../Images/RightbarNube240x400.jpg);
    background-repeat:no-repeat;
}


.RightPanelHeader
{
    width:240px;
    height:19px;
    margin-top:0px;
    margin-left:0px;
    font-weight:bold;
    color:White;
    font-weight:bold;
    padding:5px;
    text-align:center;
    border-bottom:solid 1px #412c41;
}

.RightPanelMainText
{
    width:240px;
    height:359px;
    margin-top:0px;
    margin-left:0px;    
    color:White;    
    padding:5px;
    font-size:12px;
    text-align:center;    
    z-index:2;
}

Table.Kitlist
{
    margin:5px 45px 0px 45px;    
    text-align:center;    
}
    
Table.Kitlist th
{
    color:Purple;    
}    

Table.Kitlist td
{
    font-size:10px;
    padding:0px;    
}

.FadingTextDiv
{
    margin-top:-359px;
    margin-left:0px;
    padding:5px;
    width: 240px;
    height:359px;
    padding: 5px; /*width: 190px;*/
    text-align: center;
    font-size: 18px; 
    font-family: 'Arial';
    text-transform: none;
    font-variant: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #D3BCFE;
    
}

/*Gallery Settings*/

.gallerycontainerlftbar
{
    margin-left:-5px;  
    position: relative;
    height:400px;
}

.thumbnaillft img
{
    border: 0px;
}

.thumbnaillft:hover
{
    background-color: transparent;
}

.thumbnaillft:hover img
{
    border: 0px;
}

.thumbnaillft span
{ /*CSS for enlarged image*/
    position: absolute;
    left: -3000px;
    top: -3000px;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbnaillft span img
{ /*CSS for enlarged image*/
    border-width: 0;
}

.thumbnaillft:hover span
{ /*CSS for enlarged image*/
    visibility: visible;
    top: 0;
    left: 245px; 
    top: -10px;/*position where enlarged image should offset horizontally */
    z-index: 50;
}

.ScrollerContainer
{
    position:relative;
    overflow:hidden;
    width:238px;
    height:398px;
}

.Scroller
{
    position:relative;
    width:237px;    
    text-align:center;   
}

.btn
{
   padding:1px 5px 1px 5px;
   margin:3px;
   border:solid 1px #412c41;
   background-color:#0b0217;
   color:White;
    
    }
    
.btn:hover
{
    padding:1px 5px 1px 5px;
    margin:3px;
   border:solid 1px #0b0217;
   background-color:#412c41;
   color:#0b0217;
   
    
    }
    
    .Hidden
    {
        display:none;
        }
 
 
     