@charset "UTF-8";
/* CSS Document */

#page {		background-color: #FFFFFF;
			width: 681px;
			margin: 0 auto 0 auto;
			height: 640px;
			padding: 0 13px 13px 13px;
			text-align: left; }
			
#flash {	background: url(../images/flash-home.jpg) top no-repeat;
			width: 681px;
			height: 431px;
			margin: 0;
			padding: 0; }
			
#nav {			width: 681px;
				height: 82px;
				margin: 0 0 30px 0;
				padding: 0;
				list-style: none;
				float: left;
				overflow: hidden; }			
			
#nav li { 		float: left;
				height: 82px;
				text-align: -5000px;
				overflow: hidden; }
				 
#nav li a { 	display: block;
				padding: 82px 0 0 0;
				height: 0px !important;
				overflow: hidden; }
	
#company a { 	background: url(../images/company-nav.jpg) top left no-repeat; 
				width: 182px; }
								
#company a:hover { 	background: url(../images/company-nav-on.jpg) top left no-repeat; }

#communities a { 	background: url(../images/communities-nav.jpg) top left no-repeat; 
					width: 197px; }
								
#communities a:hover { 	background: url(../images/communities-nav-on.jpg) top left no-repeat; }

#gallery a { 		background: url(../images/gallery-nav.jpg) top left no-repeat; 
					width: 145px; }
								
#gallery a:hover { 	background: url(../images/gallery-nav-on.jpg) top left no-repeat; }

#contact a { 		background: url(../images/contact-nav.jpg) top left no-repeat; 
					width: 157px; }
								
#contact a:hover { 	background: url(../images/contact-nav-on.jpg) top left no-repeat; }
				
.clear { 	clear: both; }

			
p {				font: 11px Verdana, Arial, Helvetica, sans-serif;
				margin: 0;
				padding: 0 20px 15px 20px;
				line-height: 17px; }
					 				
.center {		text-align: center; }

#footer {	background: url(../images/footer-bg.jpg) top no-repeat;
			width: 707px;
			margin: 0 auto 50px auto;
			padding: 0;
			height: 82px; }
				
#footer .content p {  font: 11px Arial, Helvetica, sans-serif;
					  color: #FFFFFF;
					  margin: 0;
					  padding: 15px 0 0 0;
					  text-align: center;
					  line-height: 19px; }