@charset "utf-8";
a:link {
	color: #00BBF0;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: bold;
}
a:visited {
	color: #00BBF0;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: bold;
}
a:hover {
	color: #AC76CC;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: bold;
}
a:active {
	color: #FFD40B;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: bold;
}

body,td,th {
	color: #DAA6F9;
	font-size: 13px;
}

html, body {
	height: 100%;
	text-align: center;
	background-attachment: fixed;
	background-color: #630;
	background-image: url(../images/tile.jpg);
	background-repeat: no-repeat;
}

body img {
	border: none;
}

#top, #bottom,  #left, #right {
	position: fixed;
	z-index: 1;
}
#left, #right {
		top: 0; bottom: 0;
}

#left {
	left: 0;
	margin-top: 10px;
	margin-left: 4px;
	background-image: url(../images/vineDrape-left.png);
	background-repeat: no-repeat;
	width: 100px;
}

#right {
	right: 0;
	background-image: url(../images/vineDrape-right.png);
	background-repeat: no-repeat;
	margin-top: 9px;
	margin-right: -17px;
	width: 100px;
}

#top {
	top: 0;
	left: 0;
	right: 0;
	
	height: 90px;
	
	background-image: url(../images/vine-straight.png);
	background-repeat: repeat-x;
	background-position: center;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #593003;
}

#bottom {
		left: 0; 
		right: 0;
		bottom: 0;
}

#title {
	width: 99%;
	height: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	
	z-index: 4;
}
#title img {
	width: auto;
	height: 92px;
	border: none;	
}


	/* 1st navigation */
#navBacking {
	/* sign post  */
	position: absolute;
	left: 16px;
	bottom: 15px;
			
	max-width: 15%;
	min-width: 15%;
	width: 15%;
	height: 83%;
	
	background-image: url(../images/menu-pole.gif);
	background-repeat: repeat-y;
	background-position: top center;
	background-size: 100%;
	
	z-index: 13;
}

nav {
	/* sign post  */
	position: relative;
	overflow: show;
	left: -10px;
	bottom: -9px;
	
	width: 100%;
	height: 100%;
	
	margin-top: 0px;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: 0px;
		
	background-image: url(../images/menu-jeanie.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
  
  
nav img {
	margin-top: 4px;
	border: 0px;
	width: 100%; 
}

.navigation {
	width: 200px;
	background-color: pink;
}

	/* 2nd navigation */
.infoButton {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	color: #0a0a0a;
	padding: 1px 6px;
	
	background: -moz-linear-gradient
	(top, #00bbef 0%,#44cff5 50%,#00bbef);
	
	background: -webkit-gradient(linear, 
	left top, left bottom, from(#00bbef),
	color-stop(0.50, #44cff5),to(#00bbef));
		
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(23,189,235,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(23,189,235,0.6);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(23,189,235,0.6);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.8),
		0px 1px 0px rgba(255,255,255,0.3);
}

.infoButton:hover {
background: #7D04C7;
}

.infoButton2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
text-decoration: none;
	color: #0a0a0a;
	padding: 0px 3px;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
border: solid #62029e 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#7D05C7), to(#b24ff0));
background: -moz-linear-gradient(top, #7D05C7, #b24ff0);
}

.infoButton2:hover {
background: #00B5E9;
}



	/* content main image*/	
	
main {
	/* from footer fix removed overflow:auto; 	padding-bottom: 3%;  /* must be same height as the footer */  */	
	/* end of footer fix snippet */	
	overflow: hidden;
	
	position: fixed;
	_position:absolute; /*target IE6 only */
	bottom: 0;
	
	height: 68%;
	width: 90%;
	
	margin-top: 6%;
	margin-bottom: 7%;
	margin-right: auto;
	margin-left: 5%;	
	
	z-index: 4;
}

#content {
	position: absolute;
	top: 35px;
	left:0;	
	width: 56%;
	height: 98%;
	
	text-align: center;
	
	background-image: url(../images/thumbTile.png);
	background-repeat: repeat;
	
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 3px;
	border-left-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
	z-index: 5;
}
.image {
	/*  large image and slide navigation
	working right*/
	position: relative;
	margin: 8px auto;
	padding: 0px;
	width: 96%;
	height: 96%;
	background-color: #1E1109;
	z-index: 6;
}

.img {
	/* trouble getting image to scale keeping ratio */
 	width:95%;
  	max-width: 590px;
  	height: 95%;
  	max-height: 460px;
	margin: 10px auto;
	
}
.img img{
	width: auto;
  	max-width: 98%;
  	height: auto;
	max-height: 94%;
	
}
.arrows
{
	padding-top: 8px;
	margin-bottom: -4px; 
	background-color:#1E1109; 
	width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
}
.arrows img {
    border: none;
}

	/* aside aka thumbnails */

.asideUnderlay {
	/*thumbnails 
	underlay */
	position: absolute;
	top: 35px;
	right: 0;
	
	width: 42%;
	height: 98%;
	
	overflow: hidden;
	
	color: #DEA5F8;
	
	background-image: url(../images/thumbTile.png);
	background-repeat: repeat;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 3px;
	border-left-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
	z-index: 4;
}
.asideUnderlay h1{
	margin-top: 5px;
	margin-bottom: 2px;
	background-color: #1E1109;
	font-size: 24px;
	padding-top: 1px;
	padding-bottom: 5px;
}
	
aside {
	/*thumbnails 
	working right */
	position: relative;
	top: 0;
	right: 0;
	
	margin: 10px auto;

	width: 95%;
	height: 86%;
	
	overflow: auto;
	
	background-color: #1E1109; 
	
	z-index: 8;
}

.thumbnail_row {
	margin: 1%;
	Padding: 10px;
	text-align: left;
}
.thumbnail_row img {
	opacity: .6;
	filter: alpha(opacity=60);
	margin: 1px;
}
.thumbnail_center {
	/*current thumbnail  */
    border:3px solid #7542CA !important;
	background:blue;
}

.thumbnail_row img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	border:2px solid #00BBF0 !important;
	background:#00BBF0;
	margin: -.5px;
}





	/* footer */	

footer {
	/* from footer fix took out position: relative;*/	
	position: fixed;
	margin-top: -3%; /* negative value of footer height */
	clear: both;
	/* end footer fix snippet */	
	
	_position: absolute; /*target IE6 only */
	bottom: 0px;
	height: 3%;
	width: 100%;
	
	font-size: 10px;
	color: #1D9608;
	
	padding-top: 5px;
	padding-bottom: 2px;
	
	background-color:#462514; 
	
	background: -moz-linear-gradient(
		top,
		#30180D 0%,
		#30150C 50%,
		#30180D);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#30180D),
		color-stop(0.50, #30150C),
		to(#30180D));
		
	border-top-width: 5px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
}
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */


#wrap {
	min-height: 100%; 	
	
	/* my additions */
	width: 100%; 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	/* end of my additions */	



/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/* IMPORTANT
You also need to include if !IE 7 conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher. 
*/

</style>

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->