#Logo, #VisitWebsite, .Actions .action{display: block; font-size: 0px; text-indent: -9999px; line-height: 0;}

html{font-size: 100%; height: 100%; margin-bottom: 1px;}
body{background: url(../images/body.png) center 0; font-size: 62.5%; font-family: Arial, Verdana, sans-serif; text-align: center;}

/* LAYOUT */
#Wrapper{text-align: left; width: 800px; margin: 50px auto 0 auto; padding-bottom: 30px;}

	#Top{position: relative; background: url(../images/Top.png) no-repeat; height: 207px;}
		#Logo{width: 550px; height: 170px; margin: 0 auto;}
		#Nav{position: absolute; bottom: 12px; left: 0; width: 100%; text-align: center;}
			#Nav li{display: inline;}
				#Nav a{font-size: 1.4em; color: #4a5d6b; text-decoration: none; padding: 0 5px;}
					#Nav a:hover{text-decoration: underline;}
					#Nav a.current, #Nav a.section{font-weight: bold; text-decoration: underline;}
		
	#Container{background: #f9f9fb url(../images/Container.png) repeat-x; width: 736px; padding: 34px 32px 0 32px; overflow: auto;}
		#Sidebar{float: right; margin: 10px 0 4em 5em;}
			#Sidebar img{display: block;}
		#Content{font-size: 1.2em; color: #5a5858; text-align: justify; line-height: 1.3;}
			#Content.sidebar{}
	
	#Footer{background: url(../images/Footer.png) no-repeat; height: 104px;}

/* SHOWCASE */
#Items{width: 100%; overflow: auto; margin-top: 1em;}
	#Items li{float: left; background: none; text-align: center; width: 134px; padding: 5px 0 15px 0;}
		#Items strong{display: block; line-height: 1; text-align: center; width: 110px; margin: 0 auto;}
			#Items a:hover img, #Thumbs a:hover img{border: 1px solid #b8b8b8;}
			#Items a:hover strong{color: #194b72;}

#Images{float: right; width: 206px; margin-left: 25px;}
	#Thumbs{width: 100%; overflow: auto; margin: 1em 0 0 0;}
		#Thumbs li{float: left; background: none; padding: 0 6px 5px 6px;}

#VisitWebsite{background-image: url(../images/visitWebsite.png); width: 101px; height: 25px; cursor: pointer; margin: 10px auto;}
	#VisitWebsite:hover{background-position: 0 -100%;}