/* CSS Document */

table.valign-center { height:100%; border-collapse:collapse; }
td.valign-center  { vertical-align:middle; border-collapse:collapse;  }

body {  
	scrollbar-base-color: #999999;
	background-color: #000000; 
	background-repeat:no-repeat;
	font-family:Arial; 
	font-size:13px;
	margin:0px;
	color: #999999; 
} 

a.logo {
	position:absolute;
	left: 0px;
	top: 0px;
}
div.topbar {
	position:absolute;
	top:20px;
	left:0px;
	width:800px;
	height:66px;
	background-color:#392322;
}

div.content {
	position: absolute;
	
	/* center the content */	
	position:absolute;
	left: 50%;
	margin-left: -400px; /* half of width */
	width:800px;
	text-align:center;
	
/*	top: 50%; */
	height:570px;
/*	margin-top: -270px;  /* half of height */
	background-repeat:no-repeat;
	background-color:#4d4d4d;

}

div.description {position:absolute; left:20px; top:40px; width:280px; height:300px; z-index:1; text-align:left; }
span.description { 
	color: #999999; 
	font-size:11px;
	font-weight:bold;
}
/* thumbnail numbers */
div.thumb {
	position:absolute;
	left:20px;
	bottom:30px;
}
table.nav_all 
{
}
table.nav
{
}
td.nav { 
	width:17px; 
	text-align:center;
}
td.nav_all {
	text-align:left;
}
span.nav_prevnext_divider {
	color:#999999;
}

/* this is a normal navigation number */
a.nav   { color: #999999; text-decoration: none; font-size:12px }
a.nav:hover     { color: white }

/* this is a active navigation number */
a.nav_active { color: white; text-decoration: none; font-size:12px }
a.nav_active:hover { color: #555 }

td.nav_prevnext { text-align: center }
/* this is a normal navigation prev/next */
a.nav_prevnext { color: #999999; text-decoration: none; font-size:12px }
a.nav_prevnext:hover   { color: white }

/* ----------------------------------------
    Menu 
---------------------------------------- */
div.menu_lvl_0 { text-align:left; position:absolute;top:0px;right:0px; }
table.menu_lvl_0 { border-collapse:collapse; } 
tr.menu_lvl_0 {  } 
td.menu_lvl_0 { padding-left:12px; padding-right:12px; height:24px; vertical-align:bottom;}
a.menu_lvl_0 { color: #999999; text-decoration: none; font-size:12px }
a.menu_lvl_0:hover { color: #86C9FF; } 
a.menu_lvl_0_active { color:#86C9FF; text-decoration: none; font-size:12px  }

div.menu_lvl_1 { text-align:left; position:absolute; overflow:visible; width:200px; }
table.menu_lvl_1 { border-collapse:collapse; }
a.menu_lvl_1 { color: #999999; text-decoration: none; font-size:12px }
a.menu_lvl_1:hover     { color:#86C9FF; }
a.menu_lvl_1_active { color:#86C9FF; text-decoration: none; font-size:12px }

span.menu_lvl_2 { text-transform:uppercase; font-size:12px; color:white; line-height:30px;}
div.menu_lvl_2 { text-align:left; position:absolute; left:10px; top:100px; } 
table.menu_lvl_2 { border-collapse:collapse; }
a.menu_lvl_2 { text-align:left; color: #999999; text-decoration: none; font-size:12px }
a.menu_lvl_2:hover  { color: #86C9FF; }
a.menu_lvl_2_active { color: #86C9FF; text-decoration: none; font-size:12px }

div.flashgallery {
	position:absolute;
	top:80px;
	left:0px;
	width:800px;
	height:495px;
}
/* -------------------------------------------
 	Image
---------------------------------------------- */
div.pic { position:absolute; top:80px; right:15px; }

table.image { border-collapse:collapse;  }
td.image { text-align:right;  padding:0px; margin:0px; }
/* --------------------------------------------
	Caption
----------------------------------------------- */
td.caption { text-align:right; font-size:12px; vertical-align:top;  padding:0px; }
span.caption { color: #ffffff; }
span.title {  font-style:italic; }
/* ---------------------------------------------
	Info text
------------------------------------------------ */
div.info { position:absolute;top:80px;left:20px; width: 700px; padding:20px; padding-left:25px; text-align:left; height: 410px; overflow:auto; background-color:#4d4d4d; font-size:12px; color:#ffffff; }

a.info:hover   { color: #000000 }
span.info { 
	color: #000000; 
	font-size:12px;
}
	
/* ---------------------------------------------
	design text
------------------------------------------------ */
div.design { position:absolute;top:450px;left:650px; width: 150px; height:20px; text-align:left; 	color:#999999;}	
	
/* ---------------------------------------------
	statement text
------------------------------------------------ */
div.statement { position:absolute;top:70px;left:180px; width:530px; height: 430px; padding:20px; padding-left:25px; overflow:auto; text-align:left; color:white;}

/* -------------------------------------------
 	Info Image & Caption
---------------------------------------------- */
div.infopic { position:absolute;top:85px;left:500px; }
td.infoimage { text-align:left; vertical-align:bottom; width:460px; }	
span.infocaption { text-align:left; color: #000000; font-size:11px; }
	
/* ---------------------------------------------
	contact text
------------------------------------------------ */
div.contact { position:absolute;top:80px;left:150px; width: 500px;
	text-decoration:none;
	font-size:13px;
	text-align:left;
	color:#ffffff;
}
a.contact { color:#86C9FF; text-decoration:none;}
a.contact:hover { color:#ffffff; text-decoration:none;}  

div.copyright { position:absolute; bottom:4px; left:4px; font-size:11px; }

/* Remove outside for flash in firefox for mac */
object, embed {    outline: none;  }