body {
	background: #aaa;
	font-family: Arial, Helvetica, sans-serif;
	font-family: "museo-sans-1","museo-sans-2";
}

#content {
	background: #731315 url(img/front-back.jpg) 0 120px repeat-x;
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0;
	right: 0;
	height: 600px;
	padding: 0 0 0em 0;
	margin-top: -302px;
	overflow: hidden;
	border-top: 1px solid #333;
}

	#content h1 {
		display: block;
		height: 120px;
		background: #731315 url(img/front-logo.jpg) center right no-repeat;
		text-indent: -2000px;
		border-right: 1em solid transparent;
		border-bottom: 1px solid #666;
		clear: both;

	}
	
	#content h2 {
		display: block;
		float: right;
		background: url(img/front-tagline.png) center center no-repeat;
		width: 330px;
		height: 40px;
	
		text-indent: -2000px;
		margin: 0 1em 0 0;
	}
		
	#content h3 {
		display: block;
		float: right;
		clear: right;
		text-align: right;
		width: 50%;
		color: #ccc;
		font-weight: normal;
		font-style: italic;
		line-height: 1.25;
		font-size: 1.25em;
		margin: 2.25em 1em 1.25em 0;
		font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2";
		text-shadow: 0px 0px 5px #555;
		/*filter: dropshadow(color=#000000, offx=, offy=0)*/
	}
	#content h3 strong {
		color: #771111;
			text-shadow: 0px 0px 4px #ffffff;
	}

	#content ul#bullets {
		display: block;
		padding: 0 0 350px 0;
		background: url(img/lighthouse.png) bottom center no-repeat;
		float: left;
		width: 45%;
		min-width: 400px;
		font-size: 1em;
		font-family: "museo-sans-1","museo-sans-2";
		position: relative;
		min-height: 9em;
		z-index: 3333;
		clear: left;
	}
	
		#content ul#bullets > li {
			display: block;
			margin: 0 auto;
			text-align: center;
			color: #eee;
			margin: .5em 0;
			float: left;
			width: 49%;
		
		}
			#content ul#bullets li {
				margin: .25em 0 0 0;
			}
			#content ul#bullets li ul.first {
				display: none;
			}
			
			#content ul#bullets li ul.second {
				
				display: none;
		
			}
			
#front #content #bullets .first a {
	color: #FFFFFF;
	text-decoration: underline;
}
#front #content #bullets .second a {
	color: #FFFFFF;
	text-decoration: underline;
}
			
#content ul#bullets li ul .third { 
  display: none; 
  color: #771111;
  font-size: 1.4em;
  font-weight: bold;
  text-shadow: 0px 0px 5px #ffffff;
  position: absolute;
  top: 33%;
  right: -3em;;
}
			#content ul#bullets li ul li span {
				color: #771111;
				font-size: 1.4em;
				font-weight: bold;
						text-shadow: 0px 0px 5px #ffffff;
						position: absolute;
						top: 33%;
						right: -3em;;
						
			}
			
	#content #book {
		float: right;
		width: 45%;
		color: #771111;
		margin: 0 2.5% 0 0;
		text-align: center;
	}
		
		#content #book a {
                        font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2";
                        font-weight: bold;
                        color:  #b7aea4;
		}
		
			#content #book a:hover {
				color: #fff;
			}
		
	#content ul#service {
		display: block;
		background: url(img/service-left.png) top left no-repeat;
		height: 220px;
		float: right;
		width: 50%;
		padding-left: 30px;
		margin: 2em -1% 0 0;
	}
		
		#content ul#service li {
			display: block;
			float: left;
			width: 33%;
			height: 100%;
			background: url(img/service-back.png) top left repeat-x;
			text-align: center;
		}
			
			#content ul#service li a {
				display: block;
				margin: 15px 0 0 0;
				padding: .5em 0 0 0;
				text-decoration: none;
				border-right: 1px solid #886644;
				border-right: 1px solid rgba(255,255,255, .15);
				height: 75%;
				color: #CCAA44;
				font-family: "museo-sans-1","museo-sans-2";
				
			}
				
				#content ul#service li a span {
					display: block;
					font-weight: bold;
					color: #771111;
					font-size: 1.5em;
					min-height: 2.5em;
					padding: .5em 0 0 0;
					margin: 0 0 .75em 0;
					font-family: "museo-sans-1","museo-sans-2";
					text-shadow: 0px 0px 4px #ffffff;
					/*filter: dropshadow(color=#ffffff, offx=0, offy=0);*/
				}
				
				#content ul#service li a:hover span {
					font-weight: bold;
					color: #000;
					cursor: pointer;
				}
				#content ul#service li a:hover {
					color: #fff;
					cursor: pointer;
				}
	
		#content #footer {
			clear: both;
			background: url(img/front-fade.png) top left repeat-x;
			position: absolute;
			bottom: 0;
			padding: 30px 1em 0 1em;
			font-size: .75em;
			text-align: left;
			line-height: 1.25;
			right: 0;
			left: 0;
			color: #771111;
			z-index: 9999;
		}