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

/* Main styles */

body
{
	background: #CCCCCC;
	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: 0 auto ; 

	text-align: left; /* for IE6*/
	width: 800px;
	border: 1px solid #666666; 
	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: 6px;
	color: #666666;
	text-align: center;
}

#bodytext
{	
	Width: 540px;
	padding:20px;
	font-size:12px;
	text-align: left;
	float:right; /*align to right*/
}



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


}
#homeselector
{
	Width: 172px;
	padding:10px 0px;
	text-align: center;
}

#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: 4px;
	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:10px 20px;
	border:1px solid #999999;
	text-align:center;
	
	opacity:0.5;
	filter:alpha(opacity=50);


}

#homeselector span
{ 
	display:inline;
	width:300px;
	height: 200px; /*fixes IE extra padding problem*/
	padding:6px ;
	background:red;
}

#homeselector a:hover img
{
	opacity:1;
	filter:alpha(opacity=100);
}


/* 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:0.4;
	filter:alpha(opacity=40);

}

#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:1;
	filter:alpha(opacity=100);

}