/* Layout section */
body {
  color: #000000;
	background: #ffffff;
  margin: 0;
}
/* For the contact page */
#contact_body {
 	background: url("images/body_background_dot.jpg") #e7e7e8;
  margin: 10px;
}

/* Top row of overall table */
#page_wrapper {
/*	Currently this contains a table with one row and one column that
    in turn contains a single header image. */
    margin-left: auto;
    margin-right: auto;
}

/* For the contact page */
#whole_page {
  /* border: 1px solid  #000000; */
}

/* For the contact page */
#header_row {
  /* this is redundant, we've put the image in as a link too, but
    ie adds some white space between the header and content areas without this */
  background: url("images/header_background.jpg") #cccccc;
  height: 250px; /* doesn't seem to need this */
}

/* Basically just the background image and a link */
#footer_row {
	background: url("images/footer_background.jpg") #cccccc;
  height: 40px; /* footer shrinks without this */
}

#footer {
  padding-right: 20px;
	text-align: right;
  height: 40px;
  vertical-align: middle;
}

/* Middle row of the overall table which contains the text or swatches column on the left
  and the photo column on the right */
#content_row {
	background: url("images/body_background_dot.jpg") #e7e7e8;
  height: 300px;
}

#content {
  height: 300px;
}
/* left column of the content area which contains either text or swatches */
#text_or_swatches {
  padding-left: 12px;
  padding-right: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
	vertical-align: top;
/*  padding-top: 14px; */
}

/* The area for the photo (a table cell) */
/* Photo is 322 px wide */
#photo {
/*  width: 346px; */
	padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: auto;
  margin-right: auto;
	vertical-align: top;
}

/* the area for paged text (a table cell) */
#text_area {
	padding : 0;  
	text-align: left;
  vertical-align: top;
	height : 256px;
}

/* The area for the 'other pages' links */
#link_area {
	text-align: center;
  vertical-align: bottom;
  padding: 0px;
}

/* Text style section */
p {
	/* font-family : "Chalet ParisNineteenSixty", Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 13px;
  margin-top : 0px;
  margin-bottom :8px;
}

p.contact {
	color : #0066cc;
  font-size : 12px;
}
p.caption {
	font-size : 10px;
  margin-top: 2px;
  margin-bottom : 0;
}

H1 {
	font-family : sans-serif;
	font-size : xx-small;
	font-weight : lighter;
	color : #000000;
}

H2 {
	font-family : "Times New Roman", Times, serif;
	font-size : 22px;
	font-weight : normal;
	color : #000000;
}

H3 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : 200;
	color : #000000;
}

H4 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : normal;
	color : #000000;
}

H5 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #000000;
}

H6 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #000000;
}

HR {
	color : #000000;
}

/* Link styles */ 
A {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #0066cc;
	text-decoration : none;
}
A:HOVER {
/*	color : #990000; */
}
a.page_links {
}

a.current_page_link {
  color : #990000;
}

span.fake_page_link {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #0066cc;
}

a.contact_email {
  font-size : 13px;
}

a.swatch {
}

/* Force off the borders that some browsers put around images when they're used
  as hyperlinks. */
img {
	border-width : 0;
}