/***********************************************/
/* Main Content for Home Page                  */
/***********************************************/

#content {
	}
	#content h1 {
		margin: 0 0 2em 0;
		font: 800 20px Helvetica, Arial, sans-serif
	}
	#content #rightCol {
		float: right;
		width: 250px;
		margin: 0 0 10px 10px;
		background: white url(../assets/pageShadowB.png) bottom center no-repeat;
		border-left: 1px solid #999;
		}
		/* Adjust for IE's odd box model. */
		* html #content #rightCol {
			width: 251px;
			w\idth: 250px; /* This resets the width for WinIE6 and MacIE5, which are standards-compliant. */
	}
	#content #leftCol {
		width: 530px; /* This should be 269px but I think IE6 is doing the 3-pixel jog that happens with multiple floats */
		}
		#content #leftCol dt {
			float: left;
			margin: 0 5px 0 0;
		}
		#content #companyLogo img {
			border: 1px solid black;
			padding: 5px;
	}
	#content #media {
		clear: both;
	}
	#content dt, #content h3 {
		font: 900 12px Arial, Helvetica, sans-serif;
	}
	#content dd {
		margin: 0 0 10px 0;
		font: 100 12px Arial, Helvetica, sans-serif;
		}
		#content dd#description p {
			margin: 0 0 1em 0;
			line-height: 1.35em;
		}
		
		/***** Company Photos *****/
		#content div.galleryContainer {
			width: 530px;
			height: 140px;
			overflow-x: auto;
			margin: 10px 0 20px 0;
			}
			#content div.galleryContainer ul {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				#content div.galleryContainer ul li {
					float: left;
					width: 103px;
					height: 103px;
					margin: 0 6px 0 0;
					padding: 0 4px 4px 0;
					background: white url(../assets/thumbnailShadow.gif) bottom right no-repeat;
					}
					* html #content div.galleryContainer ul li {
						width: 107px;
						w\idth: 103px;
					}
					#content div.galleryContainer ul li a {
						display: block;
						width: 101px;
						height: 101px;
						margin: 0;
						padding: 0;
						background-color: white;
						border: 1px solid black;
						line-height: 100px;
						}
						* html #content div.galleryContainer ul li a {
							width: 103px;
							w\idth: 101px;
						}
						#content div.galleryContainer ul li a:hover {
							border-color: #FC0;
						}
						#content div.galleryContainer ul li a span {
							font-size: 0.1px;
						}
						#content div.galleryContainer ul li a img {
							vertical-align: middle;
							border: none;
		}
		
		/***** Company Audio *****/
		#content div.audio {
			margin: 5px 0 0 0;
			font-size: 13px;
			}
			#content div.audio ul {
				margin: 0 0 0 40px;
				padding: 0;
				color: #F90;
			}
			#content div.audio a {
				color: #F90;
				text-decoration: none;
				}
				#content div.audio a:hover {
					text-decoration: underline;
				}
				#content div.audio a span.filesize {
					font-size: 10px;
	}
	#content p.assistance {
		margin: 40px 0 25px 0;
		padding-top: 5px;
		border-top: 1px dotted #999;
		}
		#content p a.assistance {
			font: 900 12px Arial, Helvetica, sans-serif;
			color: #7b2030;
			font-style: italic;
			text-decoration: none;
			}
			#content p a.assistance:hover {
				text-decoration: underline;
}