@charset "utf-8";
/* CSS Document */

body#blue { margin:0; background: #000 url(../images/believe-in-magic-fairies.jpg) top center no-repeat;}
body#green { margin:0; background: #000 url(../images/see-you-tomorrow-fairies.jpg) top center no-repeat;}
body#orange { margin:0; background: #000 url(../images/sunrise-magic-fairies.jpg) top center no-repeat;}
#container { width: 845px; height: 700px; margin: 0 auto; }
#menublue, #menugreen, #menuorange, #promotion { float: left; width: 140px; padding-top: 275px; }
#content { float: left; width: 457px; height: 500px; padding: 150px 54px 0 54px; }
form { margin:0; padding:0;}
label { font: bold 11px Arial, Helvetica, sans-serif; color: #333; text-transform: uppercase; }
#formname { margin-right: 10px; margin-left: 3px; }
#formmail { margin-right: 10px; }
.button { width: 80px; margin-top: 10px; }
#form { width: 140px; height: 45px; text-align: center; margin-top: 18px; }
#form img, #form img:hover { cursor: pointer; }
#menublue ul, #menugreen ul, #menuorange ul { color: #FFF; margin:0; padding:0; }
#menublue li, #menugreen li, #menuorange li { list-style: none; width: 140px; height: 25px; margin:0; padding:0; }
#menublue a, #menugreen a, #menuorange a { width: 140px; height: 25px; display: block; cursor: pointer; text-decoration: none; text-indent: -9999px; }
#menublue a#home { background-image: url(../images/nav-home.gif); }
#menugreen a#home { background-image: url(../images/nav-home-green.gif); }
#menuorange a#home { background-image: url(../images/nav-home-orange.gif); }
#menublue a#home:hover, #menugreen a#home:hover, #menuorange a#home:hover { background-image: url(../images/nav-home-hover.gif); }
#menublue a#about { background-image: url(../images/nav-about.gif); }
#menugreen a#about { background-image: url(../images/nav-about-green.gif); }
#menuorange a#about { background-image: url(../images/nav-about-orange.gif); }
#menublue a#about:hover, #menugreen a#about:hover, #menuorange a#about:hover { background-image: url(../images/nav-about-hover.gif); }
#menublue a#gallery { background-image: url(../images/nav-fairy-gallery.gif); }
#menugreen a#gallery { background-image: url(../images/nav-fairy-gallery-green.gif); }
#menuorange a#gallery { background-image: url(../images/nav-fairy-gallery-orange.gif); }
#menublue a#gallery:hover, #menugreen a#gallery:hover, #menuorange a#gallery:hover { background-image: url(../images/nav-fairy-gallery-hover.gif); }
#menublue a#how { background-image: url(../images/nav-how-to-buy-fairies.gif); }
#menugreen a#how { background-image: url(../images/nav-how-to-buy-green.gif); }
#menuorange a#how { background-image: url(../images/nav-how-to-buy-orange.gif); }
#menublue a#how:hover, #menugreen a#how:hover, #menuorange a#how:hover { background-image: url(../images/nav-how-to-buy-hover.gif); }
#menublue a#contact { background-image: url(../images/nav-contact.gif); }
#menugreen a#contact { background-image: url(../images/nav-contact-green.gif); }
#menuorange a#contact { background-image: url(../images/nav-contact-orange.gif); }
#menublue a#contact:hover, #menugreen a#contact:hover, #menuorange a#contact:hover { background-image: url(../images/nav-contact-hover.gif); }

#content h1 { margin:0; padding:0; height: 25px; font: 11px Arial, Helvetica, sans-serif; text-indent: -9999px; }
#content p { margin: 0 0 15px 0; font: normal 13px Arial, Helvetica, sans-serif; color: #333; line-height: 18px; }
h2 { height: 20px; font: normal 11px Arial, Helvetica, sans-serif; margin:30px 0 15px 0; padding:0; display: block; text-indent: -9999px; }
h2#true { width: 218px; background-image: url(../images/make-a-wish-come-true.gif); }
h2#about { width: 80px; background-image: url(../images/about-us.gif); }
h2#contact { width: 105px; background-image: url(../images/contact-us.gif); }
h2#how { width: 105px; background-image: url(../images/how-to-buy-fairies.gif); }
h2#gallery { width: 114px; background-image: url(../images/fairy-gallery.gif); }
h2#thanks { width: 229px; background-image: url(../images/thank-you.gif); }
.backwards, .backwards a {unicode-bidi:bidi-override; direction: rtl;}
.clear { clear: both; }
.smaller { width: 92%; }