/* navigation matrix */
/*  top hover */

.goshop { opacity: .9; 
 -webkit-transition: .15s linear;
 -moz-transition: .15s linear;
 -ms-transition: .15s linear;
 }

.goshop:hover { opacity: 1; }


.button	{ float: left; padding: 0px 2px 0px 2px; position: relative; left: 0px; top: 0px; }

.button-art	{
 -webkit-transition: .15s linear;
 -moz-transition: .15s linear;
 -ms-transition: .15s linear;
 }

/*  using hover to control menus */
.button:hover > .button-art {    
	-webkit-transform: translate(0,6px); transition-delay: 300ms;
	-moz-transform: translate(0,6px); transition-delay: 300ms;
	-ms-transform: translate(0,6px); transition-delay: 300ms;
}
.button:hover > .showmenu { visibility: visible; opacity: 1; 
	-webkit-transform: translate(400px,0px); 
	-moz-transform: translate(400px,0px); 
	-ms-transform: translate(400px,0px);
	  }

.showmenu	{ visibility: hidden; opacity: 0;
	-webkit-transition: 0.5s ease-in-out; transition-delay: 300ms;
    -moz-transition: 0.5s ease-in-out; transition-delay: 300ms;
    -ms-transition: 0.5s ease-in-out; transition-delay: 300ms;
}

.buttonM	{ float: left; padding: 0px 2px 0px 2px; position: relative; left: 0px; top: 0px; }

.button-artM	{
 -webkit-transition: .15s linear;
 -moz-transition: .15s linear;
 -ms-transition: .15s linear;
 }

/*  using hover to control menus */
.buttonM:hover > .showmenuM { visibility: visible; opacity: 1; 
	-webkit-transform: translate(400px,-400px);  
	-moz-transform: translate(400px,-400px);  
	-ms-transform: translate(400px,-400px);  }

.buttonM:hover > .button-artM {    
	-webkit-transform: translate(0,6px); transition-delay: 300ms;
	-moz-transform: translate(0,6px); transition-delay: 300ms;
	-ms-transform: translate(0,6px); transition-delay: 300ms;
}

.showmenuM	{ visibility: hidden; opacity: 0;
	-webkit-transition: 0.5s ease-in-out; transition-delay: 300ms;
    -moz-transition: 0.5s ease-in-out; transition-delay: 300ms;
    -ms-transition: 0.5s ease-in-out; transition-delay: 300ms;
}


.buttonB	{ float: left; padding: 0px 2px 0px 2px; position: relative; left: 0px; top: 0px; }

.button-artB	{
 -webkit-transition: .15s linear;
 -moz-transition: .15s linear;
 -ms-transition: .15s linear;
 }

/*  using hover to control menus */
.buttonB:hover > .showmenuB { visibility: visible; opacity: 1; 
	-webkit-transform: translate(0px,-400px);  
	-moz-transform: translate(0px,-400px);  
	-ms-transform: translate(0px,-400px);  }

.buttonB:hover > .button-artB {    
	-webkit-transform: translate(0,6px); transition-delay: 300ms;
	-moz-transform: translate(0,6px); transition-delay: 300ms;
	-ms-transform: translate(0,6px); transition-delay: 300ms;
}

.showmenuB	{ visibility: hidden; opacity: 0;
	-webkit-transition: 0.5s ease-in-out; transition-delay: 300ms;
    -moz-transition: 0.5s ease-in-out; transition-delay: 300ms;
    -ms-transition: 0.5s ease-in-out; transition-delay: 300ms;
}

.buttonS	{ float: left; padding: 0px 2px 0px 2px; position: relative; left: 0px; top: 0px; }

.button-artS	{
 -webkit-transition: .15s linear;
 -moz-transition: .15s linear;
 -ms-transition: .15s linear;
 }

/*  using hover to control menus */
.buttonS:hover > .showmenuS { visibility: visible; opacity: 1; 
	-webkit-transform: translate(0px,200px);  
	-moz-transform: translate(0px,200px);  
	-ms-transform: translate(0px,200px);  }

.buttonS:hover > .button-artS {    
	-webkit-transform: translate(0,6px); transition-delay: 300ms;
	-moz-transform: translate(0,6px); transition-delay: 300ms;
	-ms-transform: translate(0,6px); transition-delay: 300ms;
}

.showmenuS	{ visibility: hidden; opacity: 0;
	-webkit-transition: 0.5s ease-in-out; transition-delay: 300ms;
    -moz-transition: 0.5s ease-in-out; transition-delay: 300ms;
    -ms-transition: 0.5s ease-in-out; transition-delay: 300ms;
}

			@-webkit-keyframes bouncearrow {
			0% {left: 5px;}
			50% {left: 25px;}
			100% {left: 5px;}
			}
			#mailarrow {-webkit-animation: bouncearrow .75s ease-in-out 0s infinite;}
			@-moz-keyframes bouncearrow {
			0% {left: 5px;}
			50% {left: 25px;}
			100% {left: 5px;}
			}
			#mailarrow {-moz-animation: bouncearrow .75s ease-in-out 0s infinite;}
			@-ms-keyframes bouncearrow {
			0% {left: 5px;}
			50% {left: 25px;}
			100% {left: 5px;}
			}
			#mailarrow {-ms-animation: bouncearrow .75s ease-in-out 0s infinite;}

/*  blog link buttons at page bottom */
.newer:hover > .shownewer {  
	-webkit-transform: translate(-30px,0px);  
	-moz-transform: translate(-30px,0px); 
	-ms-transform: translate(-30px,0px);  }

.shownewer	{ 
	-webkit-transition: 0.3s ease-in-out; transition-delay: 200ms;
    -moz-transition: 0.3s ease-in-out; transition-delay: 200ms;
    -ms-transition: 0.3s ease-in-out; transition-delay: 200ms; }

.older:hover > .showolder {  
	-webkit-transform: translate(30px,0px);  
	-moz-transform: translate(30px,0px); 
	-ms-transform: translate(30px,0px);  }

.showolder	{ 
	-webkit-transition: 0.3s ease-in-out; transition-delay: 200ms;
    -moz-transition: 0.3s ease-in-out; transition-delay: 200ms;
    -ms-transition: 0.3s ease-in-out; transition-delay: 200ms; }


/* top navigation fade-out with hover override */
.navigate  { opacity: 0.1; transition-timing-function: ease-in-out; transition-duration: 0.25s; }
.navigate:hover { opacity: 1; transition-timing-function: ease-in-out; transition-duration: 0.25s; }
.seenav  { opacity: 1; transition-timing-function: ease-in-out; transition-duration: 0.25s; }


/* replace used in place of java swap-out */
.replace	{ opacity: 1;
	-webkit-transition: 0.5s ease-in-out; transition-delay: 200ms;
    -moz-transition: 0.5s ease-in-out; transition-delay: 200ms;
    -ms-transition: 0.5s ease-in-out; transition-delay: 200ms; }
.replace:hover	{ opacity: 0; }
	

/* make top nav appear */

			@-webkit-keyframes fadetopin {
			0% {opacity: 0;}
			100% {opacity: 1;}
			}
			#toptable {-webkit-animation: fadetopin .125s linear 0s 1;}

			@-moz-keyframes fadetopin {
			0% {opacity: 0;}
			100% {opacity: 1;}
			}
			#toptable {-moz-animation: fadetopin .125s linear 0s 1;}

			@-ms-keyframes fadetopin {
			0% {opacity: 0;}
			100% {opacity: 1;}
			}
			#toptable {-ms-animation: fadetopin .125s linear 0s 1;}

/* selectors (used within menus) */

div ::-webkit-scrollbar  { width: 9px; } 
div ::-webkit-scrollbar-track  { background-color: #CCCCCC; }
div ::-webkit-scrollbar-thumb  { background-color: #999999; }
div ::-webkit-scrollbar-thumb:hover  { background-color: #777777; }

div ::-moz-scrollbar  { width: 9px; } 
div ::-moz-scrollbar-track  { background-color: #CCCCCC; }
div ::-moz-scrollbar-thumb  { background-color: #999999; }
div ::-moz-scrollbar-thumb:hover  { background-color: #777777; }

div ::-ms-scrollbar  { width: 9px; } 
div ::-ms-scrollbar-track  { background-color: #CCCCCC; }
div ::-ms-scrollbar-thumb  { background-color: #999999; }
div ::-ms-scrollbar-thumb:hover  { background-color: #777777; }


.Greenmenu	{
		background: rgba(255, 255, 255, 0.95);
		padding: 0px 30px 0px 30px;
		border: 2px solid #7A8776;
		border-radius: 12px;
		visibility: hidden;
		z-index: 1000;
		overflow-y: hidden; 
		overflow-x: hidden; 
		width: 360px;
		height: 655px;
		}

.Maroonmenu	{
		background: rgba(255, 255, 255, 0.95);
		padding: 0px 30px 0px 30px;
		border: 2px solid #A38A8C;
		border-radius: 12px;
		visibility: hidden;
		z-index: 1000;
		overflow-y: hidden; 
		overflow-x: hidden; 
		width: 360px;
		height: 655px;
		}

.Ochremenu	{
		background: rgba(255, 255, 255, 0.95);
		padding: 0px 30px 0px 30px;
		border: 2px solid #9B9271;
		border-radius: 12px;
		visibility: hidden;
		z-index: 1000;
		overflow-y: hidden; 
		overflow-x: hidden; 
		width: 360px;
		height: 655px;
		}

.Bluemenu	{
		background: rgba(255, 255, 255, 0.95);
		padding: 0px 30px 0px 30px;
		border: 2px solid #818999;
		border-radius: 12px;
		visibility: hidden;
		z-index: 1000;
		overflow-y: hidden; 
		overflow-x: hidden; 
		width: 360px;
		height: 655px;
		}

.innerbox	{
		padding: 0px 30px 0px 0px;
		margin: 25px 0px 30px 0px;
		width: 330px; 
		height: 600px; 
		overflow-y: visible; 
		overflow-x: hidden; 
		float: left;
		}

.shopmenu	{
		background: none;
		visibility: hidden;
		z-index: 1000;
		width: 130px;
		height: 100px;
		}

/* table id styles */

#animatertable	{
		position: fixed; top: 0px; left: 0px;
		background-color:  rgba(255, 255, 255, 0);
		z-index: 10000;
		text-align: center; 
		width: 100%;
		}

#animatertable-off	{
		position: fixed; top: 0px; left: 0px;
		background-color:  rgba(255, 255, 255, 0);
		z-index: 10000;
		text-align: center; 
		width: 100%;
		visibility: hidden;
		}

#toptable	{
		position: fixed; top: 0px; left: 0px;
		background-color: rgba(255, 255, 255, .95);
		z-index: 1000;
		text-align: center; 
		width: 100%;
		}

#blogindex	{
		position: relative; top: 340px;
		z-index: 0;
		width: 270px; 
		margin: 0 auto;
		}

#blogtable	{
		position: relative; top: 190px;
		z-index: 0;
		}

#widgetindex	{
		position: relative; top: 190px;
		z-index: 10;
		width: 580px; 
		margin: 0 auto;
		}

#tablefeatures	{
		position: relative; top: 180px;
		text-align: center; 
		z-index: 0;
		margin: 0 auto; 
		position: relative;
		}

#tabletext	{
		position: relative; top: 180px;
		text-align: center; 
		z-index: 0;
		margin: 0 auto; 
		position: relative;
		}
		
/* cracked */
		
#content	{
		position: relative; top: 180px;
		background-color: white;
		z-index: 0;
		}