/***** General *****/

body {margin:15px,15px,0,0; padding:0px; font-family: Arial Black,Arial; font-size: 8pt; 

	behavior:url(csshover.htc);}



.flash {position:absolute;width:470px;height:510px;top:17px;left:51%;margin-left:-106px;}

.notecard {margin:15px;}

.thumbs {font-family: Arial Black,Arial; font-size: 8pt;}

.logo {background-color:#79A395; color:#FFF; font-family: Arial; font-size: 9pt; height:15px; width:219px;}

.logoRowSpacer {height:3px;}

.logo a:link, .logo a:visited, .logo a:hover {color:#FFF; text-decoration:none;}

.photoV, .waterV {position:absolute;top:70px;left:270px;width:332px;height:500px;}

.waterV2 {position:absolute;top:220px;left:370px;width:249px;height:375px;}

.photoH, .waterH {position:absolute;top:238px;left:270px;width:500px;height:332px;}

.waterH2 {position:absolute;top:310px;left:420px;width:375px;height:249px;}

.details {position:absolute;top:570px;left:270px;width:500px;height:70px;}

.paypal, form {display:inline;}

/* green link to match masthead = 79A395 */

/* brown link to match masthead = B62125 */

/* the horizontal menu starts here */

/* put the margin spec. subordinate to the div - otherwise DDLB's get cut-off in Firefox. */

#OrderCards {position:absolute;top:403px;left:81px;}

#OrderPackets {position:absolute;top:380px;left:380px;}

div#listmenu * {margin:0; padding:0;}

div#listmenu {

	width:100%; 	/* makes the div full width */

	float:left; /*makes the div enclose the list */

	height:30px;



	font-size:1em;	/* SET FONT-SIZE HERE -- pixel spec. doesn't work reliably in Mozilla and Netscape  -- 1em is approx. equal to 12px */

	background-color:#79A395; /* colors the div */

	}



div#listmenu ul {margin:0 0 0 0px;/* indents ul from edge of container */

                             /* - this value should be twice the value in the ie margin HACK section */

	}
	
div#listmenu ul:hover {margin:0 0 0 0px;/* indents ul from edge of container */

                             /* - this value should be twice the value in the ie margin HACK section */

			
	}	

div#listmenu ul li {text-align:left; z-index:100;}

div#listmenu li {

	float:left;	/* causes the list to align horizontally instead of stack */

	position:relative; /* positioning context for the absolutely positioned drop-down */

	list-style-type:none;	/* removes the bullet off each list item */

	background-color:#79A395; /*sets the background of the menu items */

	text-align:center;

	height:auto;

	}

div#listmenu li:hover { 

	background-color:#79A395; /*sets the background of the menu items */


	

	}

div#listmenu a {

	display:block;

	padding:0 0px; /*creates space each side of menu item's text */

	text-decoration:none;	 /* removes the underlining of the link */

	background-color:#79A395; /*sets the background of the menu items */

	color:#FFF;	/* sets the type color */



	}

div#listmenu a:hover {

	color:#FFF;

	}

/* the horizontal menu ends here */



/* the drop-down starts here */

div#listmenu ul li ul {

	position:relative; /* positions the drop-down ul in relation to its relatively positioned li parent */

	width:18.25em; /* sets the width of the menu - in combo with the li's 100% width, makes the menu stack

	              -- can use decimal values such as 9.5em */

	left:0px; /*aligns the drop exactly under the menu */

	top:0px; /* align drop-down vertically below top-level item */

	/* can adjust negative value until it lines up...the number that makes sense (negative or

	negative and an additional one of the margin indentation for the whole nav bar

	(div#listmenu ul {margin...) will cause it to line exactly in mozilla and netscape...but not IE...

	so experiment to adjust for IE but then of course it won't be lined up for mozilla or netscape. */
	
	}

div#listmenu ul li ul li {

	width:100%; /* makes the list items fill the list container (ul) */

	text-align:left;
	}

/* make the drop-down display as the menu is rolled over */

div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */

div#listmenu ul li:hover ul {display:block; left:0px; position:relative;} /* shows the drop-down when the menu is hovered */



/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */

* html div#listmenu ul {

	float:left; /* makes the ul wrap the li's */

	margin-left:0px; /* IE doubles the given value above - why? -- see note at div#listmenu ul margin spec.*/

	}

/* NOTE:  the line below causes links within the main html body to display with an extra line break 

		  when there is text or images around the link that should be displayed on a single line...

		  I deleted this line to get it working properly for me but if you don't need to put stuff

		  directly around a link, it'd be best to keep this line in.  */

* html a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */

/* add a top line to drops and pops in IE browsers - can't read :first-child */

* html  div#listmenu ul li ul {

	border-left:0px; /* stops the drop inheriting the ul border */

	}

/* end of hack zone */

/* END OF LIST-BASED MENU */



div#listmenu1 * {margin:0; padding:0;}

div#listmenu1 {

	width:100%; 	/* makes the div full width */

	height:30px;

	vertical-align:middle;

	float:left; /*makes the div enclose the list */

	font-size:1em;	/* SET FONT-SIZE HERE -- pixel spec. doesn't work reliably in Mozilla and Netscape  -- 1em is approx. equal to 12px */

	background-color:#79A395; /* colors the div */

	}

div#listmenu1 ul {margin:0 0 0 0px;/* indents ul from edge of container */

                             /* - this value should be twice the value in the ie margin HACK section */

	}

div#listmenu1 ul li {text-align:left; z-index:1;}

div#listmenu1 li {

	float:left;	/* causes the list to align horizontally instead of stack */

	position:relative; /* positioning context for the absolutely positioned drop-down */

	list-style-type:none;	/* removes the bullet off each list item */

	background-color:#79A395; /*sets the background of the menu items */

	text-align:center;

	}

div#listmenu1 li:hover { 

	background-color:#79A395;
	 /*sets the background of the menu items */

	}

div#listmenu1 a {

	display:block;

	padding:0 0px; /*creates space each side of menu item's text */

	text-decoration:none;	 /* removes the underlining of the link */

	background-color:#79A395; /*sets the background of the menu items */

	color:#FFF;	/* sets the type color */

	}

div#listmenu1 a:hover {

	color:#FFF;

	}

/* the horizontal menu ends here */



/* the drop-down starts here */

div#listmenu1 ul li ul {

	position:relative; /* positions the drop-down ul in relation to its relatively positioned li parent */

	width:18.25em; /* sets the width of the menu - in combo with the li's 100% width, makes the menu stack

	              -- can use decimal values such as 9.5em */

	left:0px; /*aligns the drop exactly under the menu */

	top:0px; /* align drop-down vertically below top-level item */

	/* can adjust negative value until it lines up...the number that makes sense (negative or

	negative and an additional one of the margin indentation for the whole nav bar

	(div#listmenu1 ul {margin...) will cause it to line exactly in mozilla and netscape...but not IE...

	so experiment to adjust for IE but then of course it won't be lined up for mozilla or netscape. */

	}

div#listmenu1 ul li ul li {

	width:100%; /* makes the list items fill the list container (ul) */

	text-align:left;

	}

/* make the drop-down display as the menu is rolled over */

div#listmenu1 ul li ul {display:none;} /* conceals the drop-down when menu not hovered */

div#listmenu1 ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */



/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */

* html div#listmenu1 ul {

	float:left; /* makes the ul wrap the li's */

	margin-left:0px; /* IE doubles the given value above - why? -- see note at div#listmenu1 ul margin spec.*/

	}

/* NOTE:  the line below causes links within the main html body to display with an extra line break 

		  when there is text or images around the link that should be displayed on a single line...

		  I deleted this line to get it working properly for me but if you don't need to put stuff

		  directly around a link, it'd be best to keep this line in.  */

* html a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */

/* add a top line to drops and pops in IE browsers - can't read :first-child */

* html  div#listmenu1 ul li ul {

	border-left:0px; /* stops the drop inheriting the ul border */

	}

/* end of hack zone */

/* END OF LIST-BASED MENU */

#submenu {
	z-index:999;
	color: #FFFFFF;
	position: relative;
	left: 170px;
	font-family: Arial;
	font-size: 13px;
	font-weight:bold;
	visibility: hidden;
	text-align: left;
	width: 141px;
	height: 85px;
	padding:0px 0 0px 5px;
	line-height:20px;
	vertical-align:top;
}

#menuborder
{
border: #FFFFFF solid 1px;
background-image: url(images/menu/submenubg.jpg);
height:21px;
width:141px;
}
#spacer{
height:10px;
}

a.submenu {
color: #FFFFFF;
text-decoration: none;
padding: 10px 0 0 15px;
}
a.submenu:visited {
color: #FFFFFF;
padding: 10px 0 0 15px;
text-decoration: none;
}
a.submenu:hover {
color: #FFFFFF;
padding: 10px 0 0 15px;
text-decoration: none;
}
a.submenu:active {
color: #FFFFFF;
padding: 10px 0 0 15px;
text-decoration: none;
}

.menu
{
padding-top:10px;
}

.gallerylink
{
color:#A71E22;
font:Arial;
font-size:10px;
text-decoration: none;
font-weight:lighter;
}


a.gallerylink{
color:#A71E22;
font:Arial;
font-size:10px;
text-decoration: none;
font-weight:lighter;
}

a.gallerylink:active{
color:#A71E22;
font:Arial;
font-size:10px;
text-decoration: none;
font-weight:lighter;
}

a.gallerylink:hover{
color:#A71E22;
font:Arial;
font-size:10px;
text-decoration: none;
font-weight:lighter;
}

a.gallerylink:visited{
color:#A71E22;
font:Arial;
font-size:10px;
text-decoration: none;
font-weight:lighter;
}

.noborder{
border:none;
}

a.noborder{
border:none;
}

#gallery
{
position:absolute;
top:72px;
padding-left:0px;
}

#picture
{
padding-left:10px;
min-height:431px;
}