
/** @import url("reset.css"); **/

body
{
	font-size: 12px;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	/* Fix for resizable 100% width */
	width: 100%;
	height: 100%;
	/*** 
	background: #000000;
	background: #2D818C; 
	background: #266B75; 
	background: #215F67;
	background: #4EB6C3; 
	***/
	background: #000000;
	margin: 0 0 0 0;
}

a { color: #FFFFFF; text-decoration: none; }
a:hover { color: #4EB6C3; text-decoration: none; }

.facebook-link {
	width: 100px;
    height: 36;
	position:absolute; top:85px; right:10px;
}

/** Main Styles **/

#headercont
{
	float: left;
	width: 100%; 
	height: 130px;
	background: #FFFFFF;
	padding: 0 0 0 0;
}

	#headercont #header
	{

		width: 100%; 
		padding: 0 0 0 0;
		background: #FFFFFF;
	}
	
		#headercont #header #headerlogo
		{
			float: left;
			position:absolute;
			left:25px;
			top:0px;
			/* width: 900px; */
			width: 90%;
			height: 125px;
			background: #FFFFFF url('../images/logo_header_long.jpg') no-repeat; 
			/* background-image: url(../images/logo_header_long.jpg); */
		}

		#headercont #header #headerlogo #headerlink
		{
			position: absolute;
			top: 0px;
			left: 25px;
			height: 125px;
			width: 260px;
			background-color: transparent;
		}

#headercont #header #headertag
	{
		position:absolute;
		left:350px;
		top:100px;
		/* width: 100%; */
		letter-spacing:2px;
		color: #808185;

	}

#menucont 
{
	float: left;
	position:absolute;
	left:0px;
	top:125px;
	/* Fix for resizable 100% width */
	width: 100%;
	height: 40px;
	padding: 0 0 0 0;
	background-image: url('../images/logo_menu.jpg'); 
}

	#menucont #headermenu
		{
			position:absolute;
			left:20%;
			top:3px;
			/* width: 840px; */
			width: 80%;
			height: 20px;
		}

			#menucont #headermenu ul
			{
				float: left;
				height: 10px;
				
			}
			
			#menucont #headermenu ul li
			{
				float: left;
				text-align:left;
				display: block;
				width: 160px;
			}
			
			#menucont #headermenu ul li a
			{
				float: left;
				display: block;
				color: #FFFFFF;
				background: #818085;
				padding: 0 0 0 0;
				margin: 7px 0 0 0;
				line-height: 20px;
				letter-spacing:2px;
				font-size: 12px;
				font-weight:bold;
				text-decoration: none;
				text-transform: uppercase;
			}
			
			#menucont #headermenu ul ul 
			{ 
				float: left; 
				position:relative;
				margin: -20 0 0 0;
				width: 200px;
				line-height: 20px;
			}

			#menucont #headermenu li li a
			{ 
				float: left; 
				position:relative;
				margin: 0 0 0 0;
				width: 200px;
				line-height: 20px;
			}

			#menucont #headermenu ul li a:hover, #menucont #headermenu ul li.sfHover a, #menucont #headermenu ul ul a
			{
				color: #FFF;
				background: #4EB6C3;
			}
			
			#menucont #headermenu ul li li a:hover, #menucont #headermenu ul li.sfHover li a:hover
			{
				color: #FFF;
				background: #818085;
			}
			
				/*** Start SuckerFish Styles ***/
				/*** .sf-menu ul { position: absolute; top:-999em width: 160px; margin-top: 0; padding-top: 0; } ***/
					/*
					.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style:	none; }
					.sf-menu { line-height:	1.0; }
					.sf-menu ul { position: absolute; top: -999em; width: 160px; margin-top: 0; padding-top: 0; }
					.sf-menu ul li { width:	100%; }
					.sf-menu li:hover { visibility: inherit; }
					.sf-menu li { float: left; position: relative; }
					.sf-menu a { display: block; position: relative; }
					.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 20px; z-index: 99; }
					ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
					ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; top: 0; }
					ul.sf-menu li li:hover li ul,
					ul.sf-menu li li.sfHover li ul { top: -999em; }
					ul.sf-menu li li li:hover ul,
					ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; }		
					*/
				/** End SuckerFish Styles **/     

/* 
#mainphoto
{
	
	position:absolute;
	left:10%;
	top:200px;
	width: 810px; 
	height: 540px; 

	/* position:relative;
	left:165px;
	top:50px;
	width: 801px; 
	height: 531px; */

	/* #menucont #panelimage { width: 50%; } 
}

	#mainphoto img{
	  width: auto;
	  max-width: 800px;
	  height: auto;
	  max-height: 530px;
	}
*/

#maincont
{
	/* width: 100%; */
	background: #000000;
	margin: 0 auto;
	padding: 30px 40px;
}

		#maincont p { margin: 0 0 15px 0; color: #FFFFFF; }
		
		#maincont h1, #maincont h2, #maincont h3, #maincont h4, #maincont h5 { margin: 0 0 15px 0; font-weight: normal; letter-spacing: -1px; }
		#maincont h1 { font-size: 36px; }
		#maincont h2 { font-size: 34px; }
		#maincont h3 { font-size: 34px; }
		#maincont h4 { font-size: 22px; }
		#maincont h5 { font-size: 22px; }
		#maincont #main h1, #maincont #main h2, #maincont #main h3, #maincont #main h4, #maincont #main h5 { color: #FFFFFF; }
		
		#maincont ul { margin: 0 0 15px 35px; list-style-type: square; }
		#maincont ul li { padding: 0 0 0 2px; }
		
		#maincont ol { margin: 0 0 15px 35px; list-style-type: decimal; }
		#maincont ol li { padding: 0 0 0 2px; }
		
		
	#maincont #main
	{
		float: left;
		width: 840px;
		padding: 25px 0 0 10%;
		color: #FFFFFF;
	}
	
	/*
		#maincont #main ul.sidemenu
		{
			float: left;
			width: 120px;
			margin: 0 0 0 0;
		}
		
		#maincont #main ul.sidemenu li
		{
			display: block;
			list-style-type: none;
			color: #4EB6C3
		}
		
		#maincont #main ul.sidemenu li a
		{
			float: left;
			width: 120px;
			padding: 6px 10px;
			margin: 0 0 1px 0px;
			background: #FFFFFF;
			color: #4EB6C3;
		}
		
			#maincont #main ul.sidemenu li.active a
			{
				color: #FFF;
				background: #818286;
			}
		
		#maincont #main ul.sidemenu li a:hover
		{
			color: #000000;
			background: #818286;
		}
	*/

#photogallery
	{
	position:absolute;
	left:0px;
	top:170px;
	float: left;
	/* width: 100%; */
	padding: 0 0 0 0;
	color: #FFFFFF;
	}
	
#footercont
{
	position:absolute;
	bottom:10px;
	right:10px;
	/* width: 800px; */
	font-size: 11px;
	line-height: 16px;
	text-align: right;
	color: #4EB6C3;
}

/* image-resizer replaces mainphoto */
#image-resizer{
	position:relative;
	top: 60px;
	width:840px;
	z-index:-10;
	margin:0 -1px /* moz needs this*/
}

#image-resizer img {
	border-style:solid;
	border-width: 2px;
    border-color: #4EB6C3;
	border-radius: 25px;
}

#scheduler-iframe{
	position:absolute;
	left:10%;
	top:175px;
	float: left;
	width: 800px;
	height: 100%;
	margin:0 -1px /* moz needs this*/
}

#view-print-iframe{
	position:absolute;
	left:10%;
	top:175px;
	float: left;
	width: 900px;
	height: 100%;
	color: #ffffff;
	margin:0 -1px /* moz needs this*/
}
#photo-store-iframe{
	position:absolute;
	left:0;
	top:165px;
	float: left;
	width: 100%;
	height: 100%;
	background-color: #000000;
	margin:0 -1px /* moz needs this*/
}
