/* for design_sample_book.html */


body {	margin: 0;
		background-image: url(imagesglass/stainedglass_tile2.gif);
		background-repeat: none;
		font-family: helvetica, arial, verdana, geneva, sans-serif;
		font-size: 12pt;
		line-height: 1.2em; }

h2, h3, h4, h5, p, ul {
		margin: 0;
		padding: 10px; }
				
#wrap {
margin: 0 auto;
padding: 0px 20px 20px 20px;
width: 880px;
background-color: #fffff0;
 }

#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #fffff0;
color: #990066;
height: 300px;
text-align: center; }

#logoheader  {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(imagesglass/glass-heartsLogo2RGB.gif);
background-repeat: no-repeat;
background-color: #fffff0;
background-position: top left;
padding: 10px 10px 0px 0px;
color: #990066;
height: 150px;
text-align: center; }


#header-left {
float: left;
width: 222px;
height: 176px;
margin: 62px 10px 20px 10px;
background-color: #ead9b8; }

#header-center {
float: left;
width: 376px;
margin: 0px 20px 20px 0px;
background: none;
 }

#header-right {
float: right;
width: 222px;
height: 176px;
margin: 62px 10px 20px 10px;
background: #ead9b8; }

#content { 
padding: 300px 0px 20px 0px;
width: 880px;
background: #fffff0;
text-align: center;
}

.footer-group {
clear: both;
background: #fffff0;
color: #660099;
font-size: x-small;
line-height: 1em;
text-align: center;}

span {visibility:hidden;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/filmstrip-v2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

#holder {position:relative; background:#fff; padding-top:650px; width:640px; height:130px; font-family:arial, sans-serif; margin:0 auto;}
p.instructions {position:absolute; left:80px; top:300px; width:480px; font-size:14px; color:#069; line-height:20px; text-align:justify;}
#scrollContainer {width:640px; height:120px; overflow:auto;}

#scrollbox {padding:0; margin:0; width:1720px; list-style:none; height:92px;}
#scrollbox ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; top:-9999px;}
#scrollbox table {border-collapse:collapse:width:0; height:0; margin-bottom: -5px;}
#scrollbox li {float:left; width:86px; height:92px; background:url(filmstrip/35mm.gif);}


#scrollbox a {display:block; color:#999; text-decoration:none; width:86px; height:92px; float:left;}

#scrollbox a.slidea {background:url(filmstrip/pic_7vt.jpg) no-repeat center center;}
#scrollbox a.slideb {background:url(filmstrip/pic_10ht.jpg) no-repeat center center;}
#scrollbox a.slidec {background:url(filmstrip/pic_12vt.jpg) no-repeat center center;}
#scrollbox a.slided {background:url(filmstrip/pic_15vt.jpg) no-repeat center center;}
#scrollbox a.slidee {background:url(filmstrip/pic_16vt.jpg) no-repeat center center;}
#scrollbox a.slidef {background:url(filmstrip/pic_20vt.jpg) no-repeat center center;}
#scrollbox a.slideg {background:url(filmstrip/pic_21vt.jpg) no-repeat center center;}
#scrollbox a.slideh {background:url(filmstrip/pic_22vt.jpg) no-repeat center center;}
#scrollbox a.slidei {background:url(filmstrip/pic_23ht.jpg) no-repeat center center;}
#scrollbox a.slidej {background:url(filmstrip/pic_23vt.jpg) no-repeat center center;}
#scrollbox a.slidek {background:url(filmstrip/pic_26vt.jpg) no-repeat center center;}
#scrollbox a.slidel {background:url(filmstrip/pic_28ht.jpg) no-repeat center center;}
#scrollbox a.slidem {background:url(filmstrip/pic_30ht.jpg) no-repeat center center;}
#scrollbox a.sliden {background:url(filmstrip/pic_38ht.jpg) no-repeat center center;}
#scrollbox a.slideo {background:url(filmstrip/pic_38vt.jpg) no-repeat center center;}
#scrollbox a.slidep {background:url(filmstrip/pic_39ht.jpg) no-repeat center center;}
#scrollbox a.slideq {background:url(filmstrip/pic_40ht.jpg) no-repeat center center;}
#scrollbox a.slider {background:url(filmstrip/pic_48vt.jpg) no-repeat center center;}
#scrollbox a.slides {background:url(filmstrip/pic_49vt.jpg) no-repeat center center;}
#scrollbox a.slidet {background:url(filmstrip/pic_50ht.jpg) no-repeat center center;}

#scrollbox a img.thumb {width:80px; height:60px; display:block; padding:16px 3px; border:0;}

#scrollbox a:hover {border:0;}
#scrollbox a:hover img.thumb {display:none;}
#scrollbox :hover > a img.thumb {display:none;}


#scrollbox :hover ul {width:640px; height:640px; left:0; top:0; padding-bottom:10px; background:#fff; z-index:100;}
#scrollbox :hover ul li {width:640px; height:640px; display:block; background:#fff;}
#scrollbox :hover ul li a {display:block; width:640px; height:640px;}
#scrollbox :hover ul li a img {display:block; border:0; margin:0 auto;}
#scrollbox :hover ul li.landscape a img {display:block; padding-top:80px;}

#scrollbox :hover ul li a span {position:absolute; left:-9999px; top:0;}
#scrollbox :hover ul li a:hover span b {display:block; font-size:16px; padding:0 0 10px 0;}

#scrollbox :hover ul li a:hover span {left:80px; top:0; padding:10px; width:460px; background:url(filmstrip/backing.png); color:#fff; text-align:left; font-size:12px; line-height:18px;}
#scrollbox :hover ul li.landscape a:hover span {left:0; top:80px; width:620px;}

<!--[if lte IE 6]>
<style type="text/css">
#scrollbox :hover ul li a:hover span { {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='filmstrip/backing.png', sizingMethod='scale');
}
</style>
<![endif]-->
 
a:link,a:active,a:visited 
	{	
	color:#993333;
	text-decoration:none;
	border: none;
	border-style: none; 
	background-color: none;}

a:hover { color:#cc33cc;
	text-decoration:none;
	border-style: none; 
	background-color: none;}