/* main.css -----------------------------------------------------------------
NH Windsor Chairmaker Style Sheet (Bob St. Laurent)

version:   2.0
author:    John Raleigh
date:      11/18/2006
email:     jraleigh@jraleigh.net
website:   http://www.BrightworkSolutions.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

body
{
  /* #003466; is a deep blue that matches the bottom of the gradient */
  background: #003466 url(./images/Gradient_blue.jpg) 0% 0% repeat-x;
  color: yellow;
  margin: 0;
  font: 18px/15px "Lucida Grande", Tahoma, Lucida, Arial, Helvetica, sans-serif;
}

#wrapper{
  width: 900px;       /* centering technique #1 (part 1) */
  margin: 0 auto;     /* centering technique #1 (part 2) */
  }

/* the order of the following pseudo links is important!! It is LoVe, HA! */
a 
{
  color: blue;
  font-size: 18px;
  line-height: 1.25;
}

a:link 
{color: yellow;}

a:visited 
{color: yellow;}

/* IE does not use this
a:focus {color: black;}
*/

a:hover 
{color: red; font-size: 20px;}

/*
a:active 
{color: gray;}
*/

.logo {color: yellow; font-size: 18px;}
ul#nav {color: yellow; font-size: 18px; margin-left: 0; padding-left: 0; list-style: none;}
.price {color: yellow; font-size: 18px;}
.priceFootnote { color: #000; font-size: 12px;}

h3
{
  color: white;
  font: italic 18px  verdana, sans-serif;
}

#upperLeft
{
  color: #cc0;
  padding: 3px;
  margin: 5px;
  border: 0px;
  width: 320px;
  float: left;
}

#upperMid
{
  color: #bbb;
  padding: 50px 0 0 0;
  margin: 5px;
  border: 0px;
  width: 300px;
  text-align: center;
  float: left;
}

#upperRight
{
  color: black;
  padding: 30px 0 0 0;
  margin: 5px;
  border: 0px;
  text-align: center;
  float: left;
  width: 200px;
}

body#Styles #upperLeft img{
  width: 260px; 
  padding: 0;  margin: 0;
  float: left;
}

body#Styles #upperMid
{
  width: 240px;
  color: #bbb;
  padding: 0; margin-top: 25px;
  text-align: center;
  float: left;
}

body#Styles #upperRight
{
  width: 280px;
  color: black;
  padding: 0; margin-top: 25px;
  border: 0px;
  text-align: center;
  float: left;
  border: 1px solid #fff;
}

#footer
{
  margin: 2px 0 0 0;
  width: 600px; height: 55px;
  clear:both;
}

#bws_logo
{
  margin: 0 25px 0 3px;
  float: left;
  width: 165px; height: 50px;
}

.valid
{
  margin: 0 6px 0 0;
  float: left;
  width: 80px; height: 40px; position: relative; top: 10px; left: 0;
}

h1#Windsorstory
{
  color: #fff;
  font-size: 16px;
  text-align: center;
}

h1#Bobsstory
{
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.windsorstory
{
  color: #fff;
  margin: 5px 0 5px 0;
  font: italic bold 12px arial, sans-serif;
  border: 1px solid #fff;
  text-align: left;
  display: block;
  width: 800px;
  clear:both;
}

.bobsstory
{
  color: #fff;
  margin: 0px;
  padding: 5px 0 0 0;
  font: italic bold 12px arial, sans-serif;
  border: 1px solid #fff;
  text-align: center;
  display:block;
  width: 800px; 
  clear:both;
}

blockquote p.source
{
  margin: 0 15px 5px 0;
  text-align: right;
}

div.imageandcaption
{
  color: #cc0;
  margin: 5px 1em 1em 0;
  padding: 3px 3px 3px 3px;
  text-align: left;
  float: left;
  clear: both;
  width: 300px;
}

div.imageandcaption img
{
  border: 1px solid #000;
  margin: 20px 0 0 0;
  /*width:340px; height:375px;*/
}

.Photo {
  width: 900px; clear: both; margin: 20px auto;
  }
.Thumbs {padding: 0 12px;}
.Thumbs img {border: none;}

.Large img {margin: 6px 0 0 220px;}

body#Styles #upperLeft{
  width: 262px;
  padding: 0;  margin: 0;
  float: left;
}