/*************************************************************
Baby Bugaloo website


*************************************************************/

/****  Global styles ****/

body {background-image: url(../images/background2.jpg); padding: 20px 0 20px 0; text-align:center; }
#pageWrap{width:597px; margin: 0px auto 0px auto; padding:0px; background-color:#FFFFFF;}

p  {margin: 0px 0px 0px 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #445645e;}
/***  H1 is already set, do not use in HTML ***/
h2 {margin: 0px 0px 0px 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; color: #3e6561; font-weight: bold;}
h3 {margin: 0px 0px 0px 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; color: #3e6561; font-weight: bold;}
h4 {margin: 0px 0px 0px 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; color: #3e6561; font-weight: bold;}

.invisible {display: none;}


/****  Page Layout styles  ****/
#homepage{width: auto; margin: 0px; padding:0px; text-align:center;}
#brands {width: auto; margin: 20px; padding:0px; text-align:left;}


/**** Header / Menu styles ****/
#header {margin: 0; padding: 0;  display:block; width: 597px; height:126px; background-image: url(../images/header.jpg); background-repeat:no-repeat;}
#header h1 {margin: 0; padding:0;}
#header a {margin: 0; padding: 0;  display:block; width: 597px; height:126px;}

#menu {margin: 10px 0px 10px 0px; padding: 0; width: 597px; text-align:center;}

#menu ul {margin: 0 auto 0 auto; padding: 5px 0 30px 0; width:550px; }
#menu li {margin: 0 27px 0 27px; padding: 0 auto 0 auto; float:left; overflow:auto;  }

#menu li a.about {display: block; width:53px; height:16px; background-image: url(../images/about.gif); background-repeat:no-repeat;}
#menu li a.aboutOn {display: block; width:53px; height:16px; background-image: url(../images/aboutOn.gif); background-repeat:no-repeat;}

#menu li a.brands {display: block; width:63px; height:16px; background-image: url(../images/brands.gif); background-repeat:no-repeat;}
#menu li a.brandsOn {display: block; width:63px; height:16px; background-image: url(../images/brandsOn.gif); background-repeat:no-repeat;}
#menu li a.contact{display: block; width:70px; height:16px; background-image: url(../images/contact.gif); background-repeat:no-repeat;}
#menu li a.contactOn{display: block; width:70px; height:16px; background-image: url(../images/contactOn.gif); background-repeat:no-repeat;}
#menu li a.shop {display: block; width:44px; height:16px; background-image: url(../images/shop.gif); background-repeat:no-repeat;}
#menu li a.shopOn {display: block; width:44px; height:16px; background-image: url(../images/shopOn.gif); background-repeat:no-repeat;}
#menu li a.cart {display: block; width:39px; height:16px; background-image: url(../images/cart.gif); background-repeat:no-repeat;}
#menu li a.cartOn {display: block; width:39px; height:16px; background-image: url(../images/cartOn.gif); background-repeat:no-repeat;}


/**** Footer styles ****/
#footer {width: auto; margin: 0; padding: 0px; position:relative;}
#footerUnique {display:block; width:auto; height:20px; background-image:url(../images/uniqueBoutique.gif); background-repeat:no-repeat;}
#footerAddress {display:block; width:auto; height:33px; background-image:url(../images/footer-address.gif); background-repeat:no-repeat;}
#footerCopyright {display:block; width:auto; height:27px; background-image:url(../images/footer-copyright.gif); background-repeat:no-repeat;}
#footerCopyright a {
	display: block;
	width: 180px;
	height:15px;
	position:absolute;
	right: -8px;
	top: 42px;
}