body {
  background:#000;
  text-align:center;
  font-family:arial, helvetica, sans-serif;
  font-size:13px;
  -webkit-text-size-adjust:none;
  margin:0px;
}

#container {
  border:1px solid #000;
  width:879px;
  height:659px;
  margin:0px auto;
  text-align:left;
  background: #B6B6B6
}

#home #container {
  background:url(images/bg-home.jpg) no-repeat #BEAA79;
}

#store #container {
  background:url(images/bg-store.jpg) no-repeat #B6B6B6;
}

#selection #container {
  background:url(images/bg-selection.jpg) no-repeat #B6AA71;
}

#brands #container {
  background:url(images/bg-brands.jpg) no-repeat #B6AA71;
}

#appointment #container {
  background:url(images/bg-appointment.jpg) no-repeat #B6B6B6;
}

#contact #container {
  background:url(images/bg-contact.jpg) no-repeat #597D9E;
  color:#fff;
}

#sale #container {
  background:url(images/bg-sale.jpg) no-repeat #B6AA71;
}

#featured-pen #container {
  background:url(images/bg-featured-pen.jpg) no-repeat #B6AA71;
}

#nav {
  margin:150px 0 0 222px;
}

#quote {
  margin:10px 0 0 222px;
}

#content {
  margin:0 0 0 232px;
  width:420px;

}


#nav ul {
  margin:0;
  padding:0;
}

#nav ul li {
  display:inline;
  margin:0 2px 0 0;
  padding:0;
  list-style-type:none;
}

#nav a {
  background:#000;
  display:block;
  width:88px;
  height:0px;
  float:left;
  text-decoration:none;
  margin:0 2px 2px 0;
  padding:22px 0 0 0;
  overflow:hidden;
}

#nav li.home a {
  background:url(images/home-off.png) no-repeat;
}

#nav li.home a:hover, #nav li.home a.active {
  background:url(images/home-on.png) no-repeat;
}

#nav .store a {
  background:url(images/store-off.png) no-repeat;
}

#nav .store a:hover, #nav .store a.active {
  background:url(images/store-on.png) no-repeat;
}

#nav .appointment a {
  background:url(images/appointment-off.png) no-repeat;
}

#nav .appointment a:hover, #nav .appointment a.active {
  background:url(images/appointment-on.png) no-repeat;
}

#nav .selection a {
  background:url(images/selection-off.png) no-repeat;
}

#nav .selection a:hover, #nav .selection a.active {
  background:url(images/selection-on.png) no-repeat;
}

#nav .contact a {
  background:url(images/contact-off.png) no-repeat;
}

#nav .contact a:hover, #nav .contact a.active {
  background:url(images/contact-on.png) no-repeat;
}

a {
  color:#fff;
}

a:hover {
  color:#333;
}

.clear {
	clear:both;
}

img.store {
  margin:2px 0 0 -10px;
}

#home #content {
  float:left;
}

#selection #content {
	width:647px;
}

#selection #content p {
  width:140px;
  text-align:center;
  margin-left:55px;
  float:left;
  font-style:italic;
}

.submenu {
	float:right;
	width:208px;
	text-align:left;
	margin-top:75px;
}

.submenu a {
	height:0px;
	padding:22px 0 0 0;
	overflow:hidden;
	display:block;
}

.submenu a.brands {
	background:url(images/brands-off-arrow.png) no-repeat;
}

.submenu a.brands:hover {
	background:url(images/brands-on-arrow.png) no-repeat;
}

.submenu a.sale {
	background:url(images/thesale-white.png) no-repeat;
}

.submenu a.sale:hover {
	background:url(images/thesale.png) no-repeat;
}

.submenu a.promotion {
	background:url(images/special-events-off2.png) no-repeat;
}

.submenu a.promotion:hover {
	background:url(images/special-events2.png) no-repeat;
}

.vendor-links {
	float:left;
	width:120px;
	margin:0px 20px 0 0;
}

.vendor-links a {
	line-height:1.2em;
	color:#000;
	text-decoration:none;
}

.vendor-links a:hover {
	text-decoration:underline;
}