/************
Written by JY 
************/

/* Main styles */

body
{
	background: #FFFFFF;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	margin: 1em;
	text-align: center; /* for IE6*/
}

a
{
	text-decoration: none;
	color: #999999;
	outline:none;
}

a img 
{
	border: none;
}

/* container id styles */

#container
{
	margin: 10px auto ; 
	text-align: left; /* for IE6*/
	width: 800px;
	border-left: 80px solid #B9B9BA; 
 	border-right: 80px solid #333366; 
	background: #ffffff;
}

#header
{
	height:89px; /*fixes explorer extra padding prob*/

	
}

#navbar
{
	margin: 0 10px;
	padding: 0.3em 0 ;
	font-size: 12px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#heading
{
	height:30px;		/*height and pading is the Total height of this heading*/
	padding-top:20px;
	
	font-size:18px;
	letter-spacing: 4px;
	color: #666666;
	text-align: center;
}

#bodytext
{	
	Width: 600px;
	height: 269px;
	padding: 40px 40px;
	font-size:12px;
	text-align: left;
	float:top; /*align to right*/
}

#gallery
{
	width: 798px;
	height:	500px;
	position:relative;


}
#homeselector
{
	Width: 800px;
	padding:40px 10px;

}

#footer
{
	font-size: 8px;
	color: #999999;
	letter-spacing: 3px;
	text-align: right;
	margin: 0 10px;
	padding: 4px;
	border-top: 1px solid #dddddd;
	
}

/* Bodytext bar styles */
#bodytext h1
{
	font-size:18px;
	letter-spacing: 2px;
	color: #666666;
}


/* Navigation bar styles */

#navbar li
{
	display: inline;
	list-style: none;
	margin: 0 1em 0 0;
	padding-left: 1em;
	border-left: 1px solid #999999;
}

#navbar li.homelink
{
	border-left: 0 ;
}

#navbar a:hover 
{
	color: #993399;
}

/* Homeselector styles */

#homeselector img
{

	width: 180px;
	height: 108px;
	/*margin:3px 3px;*/
	padding:4px;
	border:1px solid #999999;
	text-align:center;
	
	opacity:1;
	filter:alpha(opacity=100);


}
/*
#homeselector span
{ 
	display:inline;
	width:300px;
	height: 200px; fixes IE extra padding problem
	padding:6px ;
	background:red;
}
*/
#homeselector a:hover img
{
	opacity:0.5;
	filter:alpha(opacity=50);
}


/* Gallery styles */


#gallery img
{
	width :600px;
	height: 360px;
}

#gallery span
{ 
	position: absolute;
	left:74px;	
	height: 360px; /*fixes IE extra padding problem*/
	border:1px solid #999999;
	padding:25px ;
	visibility: hidden;
}

#gallery span.default
{ 
	visibility: visible;
}


#gallery img.thumb, #gallery img.arrow
{
	position:relative;
	top:430px; /*position the thumbnails to the bottom*/
	left: 75px;
	width:60px;
	height:60px;
	margin: -3px;


	opacity:1;
	filter:alpha(opacity=100);

}

#gallery img.arrow
{
	width:30px;
}


 /*#gallery a:focus span
*/


#gallery a:active span, #gallery a:hover span
{

	visibility: visible;
}



#gallery a:hover img.thumb
{
	opacity:0.5;
	filter:alpha(opacity=50);

}

#gallery a:hover img.arrow
{
	opacity:0.5;
	filter:alpha(opacity=50);

}