/*
 *Common
 */
html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #525252;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
}

.Close
{
	clear: both;
}

ul, ol
{
	margin-left: 15px;
}

a img
{
	border: none 0;
}

/*
 *Main
 */
table#Center
{
	width: 100%;
	height: 100%;
}

	table#Center td
	{
		height: 100%;
		vertical-align: middle;
	}
	
		div#Wrapper
		{
			position: relative;
			text-align: center;
			margin: 0 auto;
			width: 900px;
			height: 705px;
			background-image: url(../media/img/wrapper_bg.jpg);
			background-repeat: no-repeat;
		}
		
		div#Logo
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 300px;
			height: 75px;
			overflow: hidden;
		}
		
		img#Home
		{
			position: absolute;
			top: 140px;
			left: 216px;
		}
				
		div#SoundButterfly
		{
			position: absolute;
			top: 70px;
			right: 110px;
			width: 40px;
			height: 70px;
			overflow: hidden;
		}
		
		div#SoundFlamingo
		{
			position: absolute;
			bottom: 0;
			right: 100px;
			width: 220px;
			height: 220px;
			overflow: hidden;
		}
		
		div#Footer
		{
			position: absolute;
			left: 0;
			bottom: 0;
			padding-top: 5px;
			width: 900px;
			height: 53px;
		}
		
		div#Menu
		{
			position: absolute;
			top: 130px;
			left: 0;
			width: 210px;
			height: 400px;
			overflow: hidden;
		}

/*
 *Text
 */
h1, h2, h3, h4, h5, h6, p, a, ul, ol, th, td, form, fieldset, label, input, textarea
{
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	position: absolute;
	top: 90px;
	left: 270px;
	font-family: trebuchet ms;
	font-size: 22px;
	color: #fff;
}

p
{
	font-size: 12px;
	line-height: 20px;
	color: #fff;
}

div#Footer p
{
	font-size: 11px;
	letter-spacing: 2px;
	color: #139adf;
}

div#Footer p.Webcontent, div#Footer p.Webcontent a
{
	font-size: 9px;
	letter-spacing: normal;
	line-height: 30px;
	color: #000;
}

div#Footer a, div#Footer a:visited
{
	color: #139adf;
	text-decoration: none;
}

div#Footer a:hover
{
	text-decoration: underline;
}

/*ImageScroller*/
div#ImageSelector
{
	position: absolute;
	top: 158px;
	left: 270px;
	width: 562px;
	height: 288px;
	border: none 0;
	text-align: left;
}
	
	div#ImageSelector div#ImageScroller
	{
		position: relative;
		width: 520px;
		height: 202px;
		margin-top: 40px;
		margin-left: 21px;
		overflow: hidden;
	}

		div#ImageSelector div#ImageScroller div.scrollcontent
		{
			position: absolute;			
			top: 0;
			left: 0;
			width: auto;
			z-index: 2;
			white-space: nowrap;
		}
		
		div#ImageSelector div#ImageScroller div.scrollcontent a img
		{
			border: 1px solid #289728;
		}
		
		div#ImageSelector div#ImageScroller div.scrollcontent a span,
		div#ImageSelector div#ImageScroller div.scrollcontent a:visited span
		{
			display: none;
		}		

		div#ImageSelector div#ImageScroller div.scrollcontent a:hover img
		{
			border-color: #fff;
		}	
			
	div#ImageSelector a#leftscroller,
	div#ImageSelector a#rightscroller
	{
		position: absolute;
		top: 41px;
		width: 20px;
		height: 200px;
		z-index: 3;
	}
	
	div#ImageSelector a#leftscroller,
	div#ImageSelector a#leftscroller:visited
	{
		right: 0;
		background-image: url(../media/img/right.gif);
	}
	
	div#ImageSelector a#leftscroller:hover,
	div#ImageSelector a#leftscroller:visited:hover
	{
		background-image: url(../media/img/righthi.gif);
	}
	
	div#ImageSelector a#rightscroller,
	div#ImageSelector a#rightscroller:visited
	{
		left: 0;	
		background-image: url(../media/img/left.gif);
	}
		
	div#ImageSelector a#rightscroller:hover,
	div#ImageSelector a#rightscroller:visited:hover
	{
		background-image: url(../media/img/lefthi.gif);
	}