@charset "utf-8";
/* CSS Document */
* { 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: #e7e7e7; color: #000; margin: 0; padding: 0; text-align: center; }
img { border: 0; }
p { padding: 7px 0 7px 0; font-size: 1.2em; }
.right-img { float: right; padding: 2px 0 0 10px; }

#wrap { width: 766px; background: #e7e7e7 url("images/border.png") 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: 25px; background: transparent url("images/btn_order.png") no-repeat 0 0; }
.header p a:hover { background-position: 0 -25px; }
.header h1 span, .header p span { display: none; }

#page-body { margin: 0; background: transparent url("images/page_bg.png") 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: #555555; font-weight: normal; }

#page-footer p { margin: 0; padding: 3px 0; font-size: 1.2em; font-weight: bold; color: #83429c; text-align: center; }
#page-footer a { color: #555; text-decoration: none; }

/* Navbar */
#navbar { height: 52px; width: 752px; clear: both; margin: 0 auto; padding: 0; background: url("images/nav.png") repeat-x 0 0; }
#navbar ul { float: left; list-style: none; display: block; margin: 10px 0 0 90px; padding: 0; }
#navbar li { float: left; }
/* Rollover state */
#navbar li span { height: 30px; margin: 0;	background-position: 0 -30px; display: block; }
/* Rolloff state */
#navbar li span a, #navbar li span a:link { display: block; width: 100%; height: 30px; 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-about 	{ padding-left: 49px; }
li.but-flowers 	{ padding-left: 51px; }
li.but-contact 	{ padding-left: 52px; }
/* Button images */
li.but-home span, li.but-home span a { background: url("images/btn_home.png") 0 0 no-repeat; }	
li.but-about span, li.but-about span a { background: url("images/btn_about.png") 0 0 no-repeat; }
li.but-flowers span, li.but-flowers span a { background: url("images/btn_flowers.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: 71px; }
li.but-about span	{ width: 104px; }
li.but-flowers span	{ width: 132px; }
li.but-contact span	{ width: 122px; }
/* Always active states */
body.home #navbar li.but-home span a, body.about #navbar li.but-about span a, body.flowers #navbar li.but-flowers span a, body.contact #navbar li.but-contact span a { 	background-position: 0 -30px; }
/* Snap */
.snaps { cursor: default; list-style: none; margin: 0 auto; width: 100%; overflow: hidden; }
.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: 25px; padding: 5px; position: relative;}
.snaps .preview { border-color: #000; width: 300px; height: 300px; }