@CHARSET "UTF-8";

html
{
	width				: 100%;
	height				: 100%;	
	margin				: 0px;
	padding				: 0px;
	overflow			: hidden;
}

body
{
	width				: 100%;
	height				: 100%;	
	margin				: 0px;
	padding				: 0px;
	font-family			: Arial, Helvetica, sans-serif; 
	/*overflow			: hidden;*/
}

li,ul
{
	margin				: 0px;
	padding				: 0px;	
}

a
{
	color				: #CCC;
	text-decoration		: none;	
}


a:hover,
a:active,
a.active
{
	color				: #333;
}
	
div#holder
{
	margin				: 0px 0px 0px 50px;
	width				: 990px;
	height				: 870px;
}

div#navigation
{
	width				: 222px;
	height				: 100%;
	float				: left;
}

div#logo
{
	position			: relative;
	background			: url('/images/logo.png') no-repeat;	
	top					: 275px;
	left				: 20px;
	width				: 152px;
	height				: 28px;	
}

ul#navitems
{
	position			: relative;
	top					: 368px;
	left				: 20px;
	list-style-type		: none;
	padding				: 0px;
}
ul#navitems li
{
	padding-top			: 5px;
}

ul#subnav
{
	list-style-type		: none;
	padding-left		: 10px;
}

div#content
{
	width				: 768px;
	height				: 100%;
	float				: right;
}

div#contentpage
{
	height				: 577px;
	padding-top			: 210px;
	margin-top			: 70px;
}

ul#scrollcontainer
{
	list-style-type		: none;
	margin-top			: -210px;
	/*padding-top			: 130px;*/
	/*height				: 800px;*/
	overflow			: hidden; 
	/*overflow			: scroll;*/ 
}

ul#scrollcontainer li.main_scroll
{
	height				: 625px;
	width				: 768px;
	white-space			: nowrap;
}

ul.sub_fade li
{
	display				: inline-block;
	margin-right		: 50px;
	min-width			: 768px;
	min-height			: 480px;
}

ul.fade_navigation
{
	text-align			: right;
}


ul.fade_navigation li
{
	display				: inline;
	margin-right		: 0px;
}

div#moveup,
div#movedown
{
	float				: right;
	right				: 16px;
	margin-right		: 16px;
	margin-top			: 50px;
	width				: 21px;
	height				: 12px;
	background			: url('/images/moveup.png') no-repeat;
	cursor				: pointer;
}

p span.next img
{
	float				: right;	
	margin				: -10px 0px 0px -10px;
}
div#movedown
{
	position			: absolute;
	bottom				: 30px;
	left				: 238px;
	background			: url('/images/movedown.png') no-repeat;
}

span.next img.next,
li.hilite
{
	cursor				: pointer;
}

#slideshow 
{
    position			: relative;
    height				: 480px;
    margin-top			: -220px;
}

#slideshow IMG 
{
    position			: absolute;
    top					: 0;
    left				: 0;
    z-index				: 8;
}

#slideshow IMG.active 
{
    z-index				: 10;
}

#slideshow IMG.last-active 
{
    z-index				: 9;
}

li.item p
{
	min-height			: 20px;
}

span.note
{
	font-size			: 70%;
	display				: block;
	padding-top			: 20px;
}