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

/* Set background gradient */
html {
	background: #292929;
}
body {
	margin: 0px;
	padding: 0px;
}

/* Center layout and create drop shadow */
#outer {
	width: 950px;
	margin: 0 auto;
	display: block;
	background: url(images/bg-body.png) repeat-y;
}

/* Header Elements */
#header {
	height: 149px;
	background: url(images/bg-header.gif) no-repeat;
	margin-bottom: 40px;
}
	#header h1 {
		margin: 0px;
	}
	
	/* Create link to the home page in the header */
	#header h1 a {
		display: block;
		width: 550px;
		height: 40px;
		position: relative;
		top: 90px;
		left: 125px;
	}

/* Main Navigation Elements */
#menu {
	height: 27px;
	position: relative;
	left: 125px;
}
	#menu ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
		#menu li {
			float: left;
		}
			
			/* Style the main-nav tabs */
			.menu-link {
				display: block;
				height: 27px;
				width: 117px;
				text-decoration: none;
				text-align: center;
				color: #fff;
				font-family: "Trajan Pro", "Garamond Premr Pro", serif;
				font-size: 10pt;
				background: url(images/bg-menu-link.gif) no-repeat;
				padding: 7px 0px 0px 0px;
			}
			.menu-link:hover {
				background: url(images/bg-hover.gif);
			}
			#active {
				background: url(images/bg-active.gif) no-repeat;
				color: #000;
			}

/* Content Elements */
#content {
	width: 650px;
	background: #fff;
	position: relative;
	left: 125px;
	padding: 40px 25px 25px 25px;
	font-family: "Garamond Premr Pro", serif;
	font-size: 11pt;
	color: #555;
	min-height: 350px;
}
	h2 {
		margin: 0px 0px 7px 0px;
		font-family: "Trajan Pro", "Garamond Premr Pro", serif;
		font-size: 12pt;
		color: #000;
		font-weight: normal;
	}
	h4 {
		margin: 0px;
	}
	p {
		margin: 0px 0px 20px 0px;
	}
	#content a {
		color: #561200;
		text-decoration: none;
	}
	#content a:hover {
		color: #890000;
	}
	.caption {
		font-size: 9pt;
		font-style: italic;
	}
	.content-image {
		margin-bottom: 20px;
	}
	.sub-heading {
		font-style: italic;
		font-size: 10pt;
		font-weight: normal;
	}
	.banner-float-right {
		float: right;
		margin-left: 25px;
		border: 1px solid #000;
	}
	.banner-float-left {
		float: left;
		margin-right: 25px;
		border: 1px solid #000;
	}
	.float-left {
		float: left;
		margin-right: 10px;
		border: 1px solid #000;
	}
	.atl {
		position: relative;
		top: 3px;
	}
	.h-banner {
		border: 1px solid #000;
		margin-bottom: 20px;
	}
	
	/* Gallery Elements */
	#gallery {
		margin-bottom: 20px;
	}
		#gallery img {
			border: 1px solid #000;
			margin-right: 5px;
		}
		
		/* Make thumbnails transparent on hover */
		#gallery img:hover {
			filter:alpha(opacity=50);
			-moz-opacity:0.5;
			-khtml-opacity: 0.5;
			opacity: 0.5;
		}
	
	
	/* Table Elements */
	table {
		width: 650px;
		margin-bottom: 20px;
	}
	#contact-info {
		width: 500px;
		margin: -20px 0px 20px 0px;
	}
		#contact-info td {
			padding: 0px 0px 0px 0px;
		}
	#contact-form {
		width: 500px;
	}
	#specs-table {
		width: 460px;
	}
		#specs-table td {
			padding: 0px 10px 10px 0px;
		}
	#pricing-table {
		width: 540px;
	}
	
/* Footer Elements */
#footer {
	width: 950px;
	height: 271px;
	background: url(images/bg-footer.jpg) no-repeat;
	margin: 0px auto 0px auto;
	display: block;
	color: #fff;
	text-align: center;
}
	
	/* Sub-Navigation Elements */
			
			/* Style the sub-nav links */
			.footer-link {
				text-decoration: none;
				color: #fff;
				font-family: "Garamond Premr Pro", serif;
				font-size: 10pt;
			}
			.footer-link:hover {
				text-decoration: underline;
			}