* { margin: 0; padding: 0; }
html { font-size: 100%; height: 100%; margin-bottom: 1px; }
body { background-color: #d8eb9c; color: #fff; font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
img { border: 0; }
p { 	font-size: 15px; padding: 7px 0 7px 0; }
#ph, #pf, #nv, #nv li span, #nv li span a, #nv li span a:link, #ph h1, #hm, #lk a, #lk a:link 
{ background: url(images/images.jpg) no-repeat; }
#ph, #pb, #pf, #nv { width: 726px; margin: 0 auto; }
#w { background: url(images/w.gif) repeat-y 0 0; margin: 0 auto; width: 738px; }
#ph { clear: both; background-position: 0 0; height: 113px; }
#pb {  background: url(images/pb.jpg) no-repeat 0 0; min-height: 200px; }
#m { font-size: 13px; padding: 80px 30px 2px 30px; }
#pf { background-position: 0 -157px; clear: both; height: 55px; }
#cprt { color: #ccc; font-weight: normal; text-align: center; }

/* Header */
#ph h1, #ph h1 a { height: 66px; width: 357px; }
#ph h1 { background-position: 0 -300px; float: left; margin: 19px 0 0 16px;}
#ph h1 a { display: block; height: 66px; }
#ph h1 span, #hm span, #lk span { display: none; }
#hm, #lk { clear: right; float: right; }
#hm { background-position: -548px -212px; height: 37px; margin: 6px 10px 0 0; padding: 0; width: 153px; }
#lk, #lk a { height: 23px; width: 192px; }
#lk { margin: 16px 35px 0 0; padding: 0; }
#lk a, #lk a:link { display: block; background-position: -357px -300px; }
#lk a:hover { background-position: -357px -323px; }

/* Navbar */
#nv { background-position: 0 -113px; height: 44px; }
#nv ul { list-style: none; padding: 0 0 0 35px; }
#nv li { float: left; }
/* Rolloff state */
#nv li span a, #nv li span a:link { display: block; height: 44px;	width: 100%; }
#nv li.bth span a, li.bth span a:link { background-position: 0 -212px; }
#nv li.bta span a, li.bta span a:link { background-position: -92px -212px; }
#nv li.bto span a, li.bto span a:link { background-position: -232px -212px; }
#nv li.btc span a, li.btc span a:link { background-position: -392px -212px; }
/* Rollover state */
#nv li span { display: block; height: 44px; margin: 0; }
#nv li.bth span { background-position: 0 -256px; width: 92px; }
#nv li.bta span { background-position: -92px -256px; width: 140px; }
#nv li.bto span { background-position: -232px -256px; width: 160px; }
#nv li.btc span { background-position: -392px -256px; width: 156px; }

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
#nv li span a strong { display: none; }
#nv li span a:hover { background-image: none; }

li.bta { padding-left: 32px; }
li.bto { padding-left: 40px; }
li.btc { padding-left: 37px; }

/* Always active states */
body.h #nv li.bth span a, body.a #nv li.bta span a, body.o #nv li.bto span a, body.c #nv li.btc span a { background-image: none; }

#pf p { font-size: 16px; margin: 0; padding-top: 12px; text-align: center; }
#pf a { color: #ccc; text-decoration: none; }

/* Snap */
.snaps { cursor: default; list-style: none; margin: 0 auto; }
.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; }