body { color:#3a3a3a; font:86% Georgia,Tahoma,Arial,sans-serif; padding:0; margin:0 auto; width:800px; }

/* Main layout and header */
#wrap {background:#fff;color:#303030; padding:1px 5px 30px; width:800px;}
#wrap_fairy {background:url(img/fairybg.jpg) no-repeat bottom center #fff;color:#303030; padding:1px 5px 30px; width:800px;}
#wrap_tiger {background:url(img/tigerbg.jpg) no-repeat bottom center #fff;color:#303030; padding:1px 5px 30px; width:800px;}
#wrap_fish {background:url(img/fishbg.jpg) no-repeat bottom center #fff;color:#303030; padding:1px 5px 30px; width:800px;}
#wrap_pig {background:url(img/pigbg.jpg) no-repeat bottom center #fff;color:#303030; padding:1px 5px 30px; width:800px;}
#header {background:#fff; color:#505050; height:25px; margin:0 auto 10px; padding:0;}
#header_fairy {background:url(img/fairyhead.jpg) no-repeat top left #fff; color:#505050; height:175px; margin:0 auto 10px; padding:0;}
#header_tiger {background:url(img/tigerhead.jpg) no-repeat top left #fff; color:#505050; height:218px; margin:0 auto 10px; padding:0;}
#header_fish {background:url(img/fishhead.jpg) no-repeat top left #fff; color:#505050; height:218px; margin:0 auto 10px; padding:0;}
#header_pig {background:url(img/pighead.jpg) no-repeat top left #fff; color:#505050; height:218px; margin:0 auto 10px; padding:0;}

#menu {display:block; height:531px; margin:0 auto;}
#menu ul {margin:0; padding:0; list-style-type:none; margin:0 auto;}
#menu li {float:left; display:block; }
#menu li.list1 {background:transparent url(img/naveeny.jpg); width:183px;}
#menu li.list2 {background:transparent url(img/navmeeny.jpg); width:211px;}
#menu li.list3 {background:transparent url(img/navminy.jpg); width:188px;}
#menu li.list4 {background:transparent url(img/navmoe.jpg); width:174px;}
#menu a {display:block; padding-top:531px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:531px; he\ight:0;}

#menu a#item1 {background:transparent url(img/naveenyhover.jpg) -211px -531px no-repeat;}
#menu a#item2 {background:transparent url(img/navmeenyhover.jpg) -211px -531px no-repeat;}
#menu a#item3 {background:transparent url(img/navminyhover.jpg) -211px -531px no-repeat;}
#menu a#item4 {background:transparent url(img/navmoehover.jpg) -211px -531px no-repeat;}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}

* html #menu a:hover {height:531px; he\ight:0;}

/* Right sidebar */
#extras {float:right; margin:0 0 10px; padding:0; width:300px;}
#extras p,#extras ul {line-height:1.3em; margin:0 0 1.5em; padding:0;}
#extras li {list-style:none; margin:0 0 6px; padding:0;}
#extras h2 {font-size:1.6em; font-weight:400; letter-spacing:-1px; margin:0 0 6px;}

/* Main content variations */
#content {width:430px; line-height:1.5em; margin:40px 0 0 0; padding:0; text-align:left;}
#content_gallery {line-height:1.5em; margin:-55px 70px 0 70px; padding:0; text-align:left;}
#content h2,#contentwide h2 {font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}
#content h3,#contentwide h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}

/* Footer */
#footer_fairy {height:90px; clear:both; color:gray; font-size:0.9em; margin:58px auto 0; text-align:center; width:760px;}
#footer {height:90px; clear:both; color:gray; font-size:0.9em; margin:0 auto 0; text-align:center; width:760px;}

/* Links and paragraphs */
a {background:inherit; color:#166090; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}
.clear {clear:both;}

#gallery {width:618px; height:365px; padding:10px; position:relative; }
#gallery b.default {position:absolute; left:14px; width:348px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; }
#gallery b.default span {display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:380px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:230px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; }
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; }
#gallery ul li a:hover b {position:absolute; left:-388px; top:0; width:388px; height:224px; text-align:center; z-index:20;}
#gallery ul li a:hover span {display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:390px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; }

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-388px; top:0; width:388px; height:230px; text-align:center; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; }