* { margin: 0; padding: 0; }
html { font-size: 100%; height: 100%; margin-bottom: 1px; }
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: #000; color: #000; margin: 0; padding: 0; text-align: center; }
img { border: 0; }
p { padding: 7px 0 7px 0; font-size: 1.2em; text-align: justify;}
.right-img { float: right; padding: 2px 0 0 10px; }

#wrap { width: 766px; background: #e7e7e7 url("images/border.gif") repeat-y 0 0; margin: 0 auto; text-align: left; }
#page-header { height: 118px; }
.header h1 { float: left; margin: 7px 20px 0; width: 428px; height: 109px; }
.header h1 a { display: block; width: 428px; height: 109px; background: #fff url("images/logo.png") no-repeat 0 0; }
.header p { margin: 0 0 0 26px; padding: 0; float: left; width: 251px; height: 107px; background: transparent url("images/box.png") no-repeat 0 0; text-align: center; color: #fff; font-size: 1.6em; font-weight: bold; }
.header p a { float: left; margin: 13px 0 0 20px; display: block; width: 210px; height: 24px; background: transparent url("images/btn_order.png") no-repeat 0 0; }
.header p a:hover { background-position: 0 -24px; }
.header h1 span, .header p span { display: none; }

#page-body { margin: 0; background: transparent url("images/page_bg.jpg") no-repeat center bottom; min-height: 300px; clear: both; }
#main { font-size: 1.2em; padding: 10px 40px 2px 40px;}
#page-footer { background: url("images/footer.png") no-repeat left bottom; height: 42px; clear: both; }
#copyright { padding: 0; text-align: center; color: #888; font-weight: normal; }

#page-footer p { margin: 0; padding: 3px 0; font-size: 1.2em; font-weight: bold; color: #fff; text-align: center; }

/* Navbar */
#navbar { height: 52px; width: 752px; clear: both; margin: 0 auto; padding: 0; background: url("images/nav.gif") repeat-x 0 0; }
#navbar ul { float: left; list-style: none; display: block; margin: 4px 0 0 36px; padding: 0; }
#navbar li { float: left; }
/* Rollover state */
#navbar li span { height: 44px; margin: 0;	background-position: 0 -44px; display: block; }
/* Rolloff state */
#navbar li span a, #navbar li span a:link { display: block; width: 100%; height: 44px; background-position: 0 0; }
/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
#navbar li span a strong { display: none; }
#navbar li span a:hover { background-image: none; }
li.but-bouquets, li.but-wedding, li.but-funeral, li.but-contact { padding-left: 40px; }
/* Button images */
li.but-home span, li.but-home span a { background: url("images/btn_home.png") 0 0 no-repeat; }	
li.but-bouquets span, li.but-bouquets span a { background: url("images/btn_bouquets.png") 0 0 no-repeat; }
li.but-wedding span, li.but-wedding span a { background: url("images/btn_wedding.png") 0 0 no-repeat; }
li.but-funeral span, li.but-funeral span a { background: url("images/btn_funeral.png") 0 0 no-repeat; }
li.but-contact span, li.but-contact span a { background: url("images/btn_contact.png") 0 0 no-repeat; }
li.but-home span	{ width: 73px; }
li.but-bouquets span	{ width: 115px; }
li.but-wedding span	{ width: 106px; }
li.but-funeral span	{ width: 90px; }
li.but-contact span	{ width: 138px; }
/* Always active states */
body.home #navbar li.but-home span a, body.bouquets #navbar li.but-bouquets span a, body.wedding #navbar li.but-wedding span a, body.funeral #navbar li.but-funeral span a, body.contact #navbar li.but-contact span a { 	background-position: 0 -44px; }
/* Snap */
.snaps { cursor: default; list-style: none; margin: 0 auto; width: 100%; margin-bottom:30px; }
.snaps a { cursor: default; }
.snaps a .preview { display: none; }
.snaps a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; }
.snaps img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top; width: 150px; height: 150px; }
.snaps li { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; margin: 30px; padding: 5px; position: relative;}
.snaps .preview { border-color: #000; width: 300px; height: 300px; }
div.spacer{clear:both;height:50px;}