@import url("global.css");
@import url("navigation.css");
@media screen, projection {


/* COLUMNS: =columns
----------------------------------------------- */
	#mainContent		{ width: 818px; height: 340px; background-color:#CCC; border-left:1px solid #ffcc00; border-right:1px solid #ffcc00; border-bottom:1px solid #ffcc00;}
	#subContent			{ width: 820px; height: 190px; margin: 13px 0 0 0; background-color: #FFF;}

/* BODY AND FONTS: =body
----------------------------------------------- */


/* ANNOUNCEMENT: =announcement
----------------------------------------------- */
	#announcement					{ background: #949494 url(/south/images/home/announcement.gif) no-repeat; width: 177px; height: 305px; position: relative; float: left; }
	
	#announcement #evolution			{ position: absolute; top: 14px; left: 16px; }
	#announcement #evolution,
	#announcement #evolution span		{ background: transparent url(/south/images/home/announcement-evolution.gif) no-repeat; width: 148px; height: 111px; }
	
	#announcement #opening				{ position: absolute; top: 176px; left: 19px; }
	#announcement #opening,
	#announcement #opening span			{ background: transparent url(/south/images/home/announcement-opening.gif) no-repeat; width: 121px; height: 82px; }
	
	#announcement #more					{ position: absolute; bottom: 28px; left: 19px; }
	#announcement #more,
	#announcement #more span			{ background: transparent url(/south/images/home/announcement-more.gif) no-repeat; width: 34px; height: 6px; display: block; }

/* FLASH: =flash
----------------------------------------------- */
	#flashNavigation	{ width: 643px; height: 305px; float: right; position: absolute;  top: 135px; right: 0px; }
	
	#flashTour			{ width: 307px; height: 116px; float: left; }

/* CONTENT: =content
----------------------------------------------- */
	#content	{ width: 820px; }
	
/* CONTEXT: =context
----------------------------------------------- */
	#art {
		float:left;
		height:163px;
		width:215px;
		margin-top:4px;
		margin-left:20px;


}