* {
  margin: 0;
  padding: 0;
}
body { 
    font-family: Gill Sans, Verdana, sans-serif;
    text-align: center;
    margin: 0px;
    background-image: url('images/bgrepeat.gif');
    background-repeat: repeat;
    background-color: #698B22; 
}

/*--- MAIN CONTAINER ---*/  
#container {
	position: relative;
	width: 1024px;
	height: 768px;
	margin: 5px auto 5px auto;
	background-image: url('images/homebg.png');
	background-repeat: no-repeat;
}
#container2 {
	position: relative;
	width: 1024px;
	height: 768px;
	margin: 5px auto 5px auto;
	background-image:url('images/homebg2.png');
	background-repeat: no-repeat;
}

p {
	text-align: left;
}
/*--- HEADER ---*/
#logo {
	position: absolute;
	top: 17px;
	left: 50px;
	z-index: 2;
} 

/*--- NAV BAR ---*/
#nav-position {
	position: absolute;
	top: 15px;
	left: 500px;
	z-index: 2;
}
#nav {
	float: left;
	width: 100%;
	list-style: none;
	font-weight: normal;
	font-size: 24px;
}
#nav li {
	float: left;
	margin-right: 10px;
	position: relative;
	display: block;
	zoom:1; 
	*display: inline; 
	_height: 10px;
}
#nav li a {
	display: block;
	padding: 4px;
	color: #2d1f10;
	text-decoration: none;
	zoom:1; 
	*display: inline; 
	_height: 10px;
}
#nav li a:hover {
	color: #fff;
}

/*--- DROPDOWN ---*/
#nav ul {
	list-style: none;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity: 0; /* Set initial state to transparent */
	-webkit-transition: 0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
#nav ul li{
	padding-top: 2px; /* Introducing a padding between the li and the a give the illusion spaced items */

	float: none;
}
#nav ul a {
	white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display: block;
}
#nav li:hover ul { /* Display the dropdown on hover */
	left: 0; /* Bring back on-screen when needed */
	opacity: 1; /* Fade to opaque */
}
#nav li:hover a { /* Set styles for top level when dropdown is hovered */

	background: #F26722; /* Solid colour fall-back */
}
#nav li:hover ul a { /* Override some top level styles when dropdown is hovered */
	text-decoration: none;
	-webkit-transition: -webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover { /* Set styles for dropdown when items are hovered */
	background: #F26722;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

/*--- MAIN CONTENT ---*/
#content-container {
	position: absolute;
	top: 425px;
	width: 990px;
	height: 215px;
	margin: 2px;
	overflow: hidden;
}
#contentleft {
	float: left;
	width: 440px;
	height: 100%;
	padding: 5px 0px 5px 20px;
	display: inline;
	text-align: left;
}
#contentcenter {
	float: left;
	width: 340px;
	height: 100%;
	padding: 10px 0px 5px 30px;
	display: inline;
}
#contentright {
	float: left;
	width: 8px;
	height: 100%;
	padding: 5px 125px 5px 0px;
	display: inline;
}
h4 {
	text-decoration: none;
}

/*--- SUB CONTENT ---*/
#sub-container {
	position: absolute;
	top: 150px;
	width: 990px;
	height: 500px;
	margin: 2px;
	overflow: hidden;
}
#page-title {
	position: absolute;
	top: 75px;
	left: 750px;
	color: 2D1F10;
}

/*--- ABOUT PAGE STYLES ---*/
#flower {
	float: left;
	width: 200px;
	height: 100%;
	padding: 30px 20px 5px 200px;
	display: inline;
}
#about {
	font-size: 14px;
	text-align: left;
	font-family: Georgia, serif;
	font-style: normal;
	float: left;
	width: 300px;
	height: 100%;
	padding: 0px 0px 0px 100px;
	display: inline;
	overflow: hidden;
}

/*--- CONTACT PAGE STYLES ---*/
#contact {
	position: absolute;
	top: 45px;
	left: 130px;
	float: left;
}
#contact li {
	float: left;
	width: 500px;
	height: 100%;
	margin: 20px;
	text-align: left;
	font-family: Georgia, serif;
	font-style: normal;
	list-style: none;
}
#contact li a {
	display: block;
	padding: 4px;
	color: #2d1f10;
	text-decoration: none;
	list-style: none;
}
#contact li a:hover {
	color: #fff;
}

/*--- Form ---*/
#form-container {
	position: absolute;
	top: 80px;
	left: 600px;
	width: 400px;
}
form
{
	width: 300px;
}
label 
{
	display: block;
	text-align: right;
	width: 300px;
	margin: 3px;
	float: left;
}
input, textarea
{
	float: left;
	margin: 10px;
	width: 200px;
	border: solid 0 #fff;
}
fieldset {
	font-family: Gill Sans, Verdana, sans-serif;
    font-size:12pt;
    color:#000;
	font-weight:700;
	float: left;
	border:solid 0 #fff;
}
button {
	clear:both;
	margin-left:200px;
	width: 80px;
	height: 20px;
}
fieldset legend {
	font-size: 16pt;
	font-weight:500;
}
input:focus, textarea:focus {
	background-color:#BCED91;
}
#con {
	position: relative;
	top: 100px;
}

/*--- TABLE ---*/

table {
	margin: 0 auto 0 auto;
	height: 100%;
	width: 100%;
	border-spacing: 10px 0px;
	border-style: solid;
	border-color: #fff;
}
td {
	vertical-align: middle;
	width: 75px;
	height: 20px;
	color: 2D1F10;
	border-style: solid;
	border-color: #fff;
}

/* Futurebox2 styles C/O http://www.thecssninja.com/css/futurebox3 */
ul.futurebox 
{
	padding: 7px 0 0 7px;
}
	ul.futurebox li
	{
		display: inline-block;
		float: left;
		list-style: none;
		margin: 15px 5px;
		border: none;
	}
		ul.futurebox li a, ul.futurebox li img { display: block; }
		ul.futurebox li:hover { border-color: #1E528C; }

.overlay_container { counter-reset: futurebox; }
.overlay_container > li { counter-increment: futurebox; }
	
.overlay
{
	width: 100%;
	height: 100%;
	position: absolute; 
	top: 0; 
	left: 0; 
	visibility: hidden;
	z-index: 999;
	background: rgba(0,0,0,0.7);
}
	/* Apply transitions styles to elements */
	#helper { display: none; }
	@media (-webkit-transition) {
		body:hover #helper { display: none; }
		#helper 
		{ 
			position: absolute; 
			top: 50%; 
			left: 50%; 
			display: block; 
			z-index: 1000; 
			width: 400px; 
			margin: 0 0 0 -200px; 
			color: #606061; 
		}
		.overlay a, .overlay > a + p:after
		{
			opacity: 0;
			-webkit-transition: opacity 1s ease;
		}
		.overlay:hover a, .overlay a:active, .overlay:hover > a + p:after { opacity: 1; }
	}
	
	.overlay > a
	{
		display: table-cell; 
		vertical-align: middle; 
		text-align: center;
		width: 100%;
		height: 100%;
	}
		.overlay > a + p:after
		{
			position: absolute;
			top: 93%;
			left: 50%;
			border: 2px solid #000;
			padding: 5px;
			background: rgba(96,96,97,0.5);
			width: 300px;
			margin: 0 0 0 -150px;
			text-align: center;
			content: "No. " counter(futurebox) " " attr(title);
			text-shadow: 1px 1px #000;
			display: block;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.overlay > p a,
		.overlay > p a[rel=next]
		{
			color: #fff;
			position: absolute;
			top: 50%;
			right: 10%;
			background: rgba(96,96,97,0.5);
			padding: 20px;
			font-weight: bold;
			text-decoration: none;
			text-shadow: 2px 2px #000;
			font-size: 50px;
			line-height: 50px;
			border: 1px solid #fff;
			
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			
			-webkit-transition: -webkit-box-shadow 0.2s ease;
			-moz-transition: -moz-box-shadow 0.2s ease;
			-o-transition: box-shadow 0.2s ease;
			transition: box-shadow 0.2s ease;
		}
		.overlay > p a[rel=prev]
		{
			right: inherit;
			left: 10%;
		}
	.overlay > p a:hover, .overlay > p a:focus 
	{ 
		background: rgba(96,96,97,0.8);
		-moz-box-shadow: 2px 2px 10px #fff; 
		-webkit-box-shadow: 2px 2px 10px #fff; 
		box-shadow: 2px 2px 10px #fff; 
	}
/*---Branding---*/	
.overlay:target 		{ display: table; visibility: visible; }
.overlay:target > a	{ background: url('images/brbox/br1.gif') 50% 50% no-repeat; } 
#futurebox_imgbr1.overlay:target > a 	{ background: url('images/brbox/br1.gif') 50% 50% no-repeat; /* Lazy loading! */ } 
#futurebox_imgbr2.overlay:target > a 	{ background: url('images/brbox/br2.gif') 50% 50% no-repeat; /* Lazy loading! */ } 
#futurebox_imgbr3.overlay:target > a 	{ background: url('images/brbox/br3.gif') 50% 50% no-repeat; /* Lazy loading! */ } 
#futurebox_imgbr4.overlay:target > a 	{ background: url('images/brbox/br4.gif') 50% 50% no-repeat; /* Lazy loading! */ } 
#futurebox_imgbr5.overlay:target > a	{ background: url('images/brbox/br5.gif') 50% 50% no-repeat; /* Lazy loading! */ }

#futurebox_imgbr6.overlay:target > a	{ background: url('images/brbox/br6.gif') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgbr7.overlay:target > a	{ background: url('images/brbox/br7.gif') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgbr8.overlay:target > a	{ background: url('images/brbox/br8.gif') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgbr9.overlay:target > a	{ background: url('images/brbox/br9.gif') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgbr10.overlay:target > a	{ background: url('images/brbox/br10.gif') 50% 50% no-repeat; /* Lazy loading! */ }

#futurebox_imgbr11.overlay:target > a	{ background: url('images/brbox/br11.gif') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgbr12.overlay:target > a	{ background: url('images/brbox/br12.gif') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgbr13.overlay:target > a	{ background: url('images/brbox/br13.gif') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgbr14.overlay:target > a	{ background: url('images/brbox/br14.gif') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgbr15.overlay:target > a	{ background: url('images/brbox/br15.gif') 50% 50% no-repeat; /* Lazy loading! */ }

/*---Photos---*/	
.overlay:target > a	{ background: url('images/phbox/ph1.jpg') 50% 50% no-repeat; } 
#futurebox_imgph1.overlay:target > a 	{ background: url('images/phbox/ph1.jpg') 50% 50% no-repeat; /* Lazy loading! */ } 
#futurebox_imgph2.overlay:target > a 	{ background: url('images/phbox/ph2.jpg') 50% 50% no-repeat; /* Lazy loading! */ } 
#futurebox_imgph3.overlay:target > a 	{ background: url('images/phbox/ph3.jpg') 50% 50% no-repeat; /* Lazy loading! */ } 
#futurebox_imgph4.overlay:target > a 	{ background: url('images/phbox/ph4.jpg') 50% 50% no-repeat; /* Lazy loading! */ } 
#futurebox_imgph5.overlay:target > a	{ background: url('images/phbox/ph5.jpg') 50% 50% no-repeat; /* Lazy loading! */ }

#futurebox_imgph6.overlay:target > a	{ background: url('images/phbox/ph6.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgph7.overlay:target > a	{ background: url('images/phbox/ph7.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgph8.overlay:target > a	{ background: url('images/phbox/ph8.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgph9.overlay:target > a	{ background: url('images/phbox/ph9.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgph10.overlay:target > a	{ background: url('images/phbox/ph10.jpg') 50% 50% no-repeat; /* Lazy loading! */ }

#futurebox_imgph11.overlay:target > a	{ background: url('images/phbox/ph11.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgph12.overlay:target > a	{ background: url('images/phbox/ph12.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgph13.overlay:target > a	{ background: url('images/phbox/ph13.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgph14.overlay:target > a	{ background: url('images/phbox/ph14.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgph15.overlay:target > a	{ background: url('images/phbox/ph15.jpg') 50% 50% no-repeat; /* Lazy loading! */ }

/*---Print Design---*/	
.overlay:target > a	{ background: url('images/phbox/ph1.jpg') 50% 50% no-repeat; } 
#futurebox_imgpr1.overlay:target > a 	{ background: url('images/prbox/pr1.jpg') 50% 50% no-repeat; /* Lazy loading! */ } 
#futurebox_imgpr2.overlay:target > a 	{ background: url('images/prbox/pr2.jpg') 50% 50% no-repeat; /* Lazy loading! */ } 
#futurebox_imgpr3.overlay:target > a 	{ background: url('images/prbox/pr3.jpg') 50% 50% no-repeat; /* Lazy loading! */ } 
#futurebox_imgpr4.overlay:target > a 	{ background: url('images/prbox/pr4.jpg') 50% 50% no-repeat; /* Lazy loading! */ } 
#futurebox_imgpr5.overlay:target > a	{ background: url('images/prbox/pr5.jpg') 50% 50% no-repeat; /* Lazy loading! */ }

#futurebox_imgpr6.overlay:target > a	{ background: url('images/prbox/pr6.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgpr7.overlay:target > a	{ background: url('images/prbox/pr7.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgpr8.overlay:target > a	{ background: url('images/prbox/pr8.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgpr9.overlay:target > a	{ background: url('images/prbox/pr9.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgpr10.overlay:target > a	{ background: url('images/prbox/pr10.jpg') 50% 50% no-repeat; /* Lazy loading! */ }

#futurebox_imgpr11.overlay:target > a	{ background: url('images/prbox/pr11.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgpr12.overlay:target > a	{ background: url('images/prbox/pr12.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgpr13.overlay:target > a	{ background: url('images/prbox/pr13.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgpr14.overlay:target > a	{ background: url('images/prbox/pr14.jpg') 50% 50% no-repeat; /* Lazy loading! */ }
#futurebox_imgpr15.overlay:target > a	{ background: url('images/prbox/pr15.jpg') 50% 50% no-repeat; /* Lazy loading! */ }

/*--- FOOTER ---*/
ul#footer {
	position: relative;
	top: 680px;	
	font-size : 10px;
	font-weight : bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	clear:both;
}
ul#footer li {
	display:inline-block;
	zoom:1; 
	*display: inline; 
	_height: 10px;
	clear:both;
}
ul#footer A:link {
	text-decoration: none;
	color: #2d1f10;
}
ul#footer A:visited {
	text-decoration: none;
	color: #231f20;
}
ul#footer A:active {
	text-decoration: none;
	color:#2d1f10;
}
ul#footer A:hover { 
	text-decoration: none;
	color:#fff;
}

/*--- SPAN ITEMS ---*/
.line {
	color: #2d1f10;
}
.font {
	font-family: Georgia, serif;
}
.line2 {
	color: #2d1f10;
	padding-left: 200px;
}

.copyright { text-align: center; color: #FFFFFF; font-size: 14px; margin: 0 auto; font-family: verdana, sans-serif; }