/* Lanterns Bazaar Main Style Sheet */
/* Version 1 style sheet       */
/* (C) Copyright Webian Projects July 2009. All rights reserved. */

* {
  margin: 0;
  padding: 0;
  }
  
body {
  background-color: #fff;
  color: #000;
  font: 90% "Comic Sans MS", cursive, sans-serif;
  }

/* Header styles */

#logo {
  position: relative;
  margin-left: 275px;
  width: 521px;
  height: 175px;
  }

#logo h1 {
  line-height: 100px;
  font-size: 3em;
  text-align: center;
  }

#logo p {
  line-height: 60px;
  font-size: 1.5em;
  text-align: center;
  }

#logo_graphic {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url(images/lanternsbazaar3.png);
  background-repeat: no-repeat;
  }  

/* Navigation styling */
  
#nav {
  list-style-type: none;
  float: left;
  margin-top: 45px;
  margin-left: 25px;
  }

#nav li {
  margin: 0;
  padding: 0;
  }
  
#nav a {
  display: block;
  text-decoration: none;
  margin-bottom: 3px;
  }

#home a {
  background-image: url(images/home.png);
  background-repeat: no-repeat;
  width: 151px;
  height: 72px;
  }

#buy a {
  background-image: url(images/buy.png);
  background-repeat: no-repeat;
  width: 178px;
  height: 64px;
  }

#safety a {
  background-image: url(images/safety.png);
  background-repeat: no-repeat;
  width: 208px;
  height: 73px;
  }

#trade a {
  background-image: url(images/trade.png);
  background-repeat: no-repeat;
  width: 171px;
  height: 62px;
  }

#about a {
  background-image: url(images/about.png);
  background-repeat: no-repeat;
  width: 252px;
  height: 69px;
  }

#venue a {
  background-image: url(images/venue.png);
  background-repeat: no-repeat;
  width: 231px;
  height: 60px;
  }

#contact a {
  background-image: url(images/contact.png);
  background-repeat: no-repeat;
  width: 182px;
  height: 66px;
  }

/* Current tab styling */

#home.thistab a, #home.thistab a:hover {
  background-image: url(images/homehere.png);
  background-repeat: no-repeat;
  }

#buy.thistab a, #buy.thistab a:hover {
  background-image: url(images/buyhere.png);
  background-repeat: no-repeat;
  }

#safety.thistab a, #safety.thistab a:hover {
  background-image: url(images/safehere.png);
  background-repeat: no-repeat;
  }

#trade.thistab a, #trade.thistab a:hover {
  background-image: url(images/tradehere.png);
  background-repeat: no-repeat;
  }

#about.thistab a, #about.thistab a:hover {
  background-image: url(images/abouthere.png);
  background-repeat: no-repeat;
  }

#venue.thistab a, #venue.thistab a:hover {
  background-image: url(images/venuehere.png);
  background-repeat: no-repeat;
  }

#contact.thistab a, #contact.thistab a:hover {
  background-image: url(images/contacthere.png);
  background-repeat: no-repeat;
  }

/* tab hover styling
    text glows except on current tab */
    
#home a:hover {
  background-image: url(images/homehover.png);
  background-repeat: no-repeat;
  }

#buy a:hover {
  background-image: url(images/buyhover.png);
  background-repeat: no-repeat;
  }

#safety a:hover {
  background-image: url(images/safehover.png);
  background-repeat: no-repeat;
  }

#trade a:hover {
  background-image: url(images/tradehover.png);
  background-repeat: no-repeat;
  }

#about a:hover {
  background-image: url(images/abouthover.png);
  background-repeat: no-repeat;
  }

#venue a:hover {
  background-image: url(images/venuehover.png);
  background-repeat: no-repeat;
  }

#contact a:hover {
  background-image: url(images/contacthover.png);
  background-repeat: no-repeat;
  }

/* Page footer styling */

#footer {
  position: absolute;
  bottom: 5px;
  margin-left: 200px;
  width: 700px;
  }

