/* leonzeisel.com */
/* default.css */
/*
  This is the base style for all body text.
  Special thanks to Owen Briggs for relative font sizing tips.
*/
body {
 font-size: 76%;
 font-family: "Georgia", serif; 
 color: #444;
 background: #4a826d;
 background-position: top center;
 background-image: url("../images/patterns/pattern_composition.gif");
}

/*
  Remove all margins & padding.
  They will be replaced only as needed.
*/

a,
body,
div,
fieldset,
img,
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
p,
ul,
ol,
li,
form {
 color: #444;
 margin: 0px;
 padding: 0px;
 border: none;
 display: block;
}

li {
 display: list-item;
}

p, 
td,
ul,
ol,
fieldset {
 font-size: .9890em; /* = 12px, based on default 12.1333px */
 line-height: 1.5em; /* = 18px */
 vertical-align: baseline;
}

p,
ul,
ol {
 margin-bottom: 1.5em;
}

ul,
ol {
 margin-left: 2em;
}

/*
  This is the base style for all headers.
*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
 font-family: "Georgia", "Times", serif; 
 font-weight: bold;
 vertical-align: baseline;
}

h1 {
 font-size: 1.4835em;  /* 18px */
 line-height: 1em; /* 18px */
 margin-bottom: 1em;
 text-align: center;
}

h2 {
 font-size: 1.3187em;  /* 16px */
 line-height: 1.125em; /* 18px */ 
 margin-bottom: 1.125em;
 text-align: center;
}

h3 {
 font-size: 1.1538em;  /* 14px */
 line-height: 1.2857em; /* 18px */
 margin-bottom: 1.2857em;
 font-style: italic;
}

h4 {
 font-size: .9890em;  /* 12px */
 line-height: 1.5em; /* 18px */
 margin-bottom: 1.5em;
 text-transform: uppercase;
}

h5 {
 font-size: .9890em;  /* 12px */
 line-height: 1.5em; /* 18px */
 margin-bottom: 1.5em;
}

h6 {
 font-size: .8242em;  /* 10px */
 line-height: 1.8em; /* 18px */
 margin-bottom: 1.8em;
}

/*
  Default link colors
*/
a:link {
 color: #1a4c6e;
}

a:visited {
 color: #3B0000;
}

a:hover {
 color: #d24325;
}

a:active {
 color: #710000;
}

table,
td,
tr {
 margin: 0px;
 padding: 0px;
 border: none;
}

a,
img {
 display: inline;
}

/*
  Design specific settings.
*/

html,
body {
 height: 100%;
}

td {
 vertical-align: top;
}

.clear_floats {
 /* used to force containers to enclose all floated child elements */
 clear: both;
}

#main_container {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 width: 90%;
 min-height: 473px;
 top: 180px;
 margin-bottom: 180px; /* kluge to get Safari to scroll to content bottom */
}

#page_content {
 width: 60%;
 margin-left: 200px;
 min-height: 460px;
}

#page_content h1,
#page_content h2,
#page_content h3,
#page_content h4,
#page_content h5,
#page_content h6,
#page_content p,
#page_content ul,
#page_content ol {
 position: relative;
 z-index: 100;
}

#masthead_container {
 position: absolute;
 z-index: 100;
 top: 0px;
 width: 60%;
 margin-left: 200px;
}

#masthead {
 margin-left: auto;
 margin-right: auto;
 margin-top: 8px;
 width: 261px;
 display: block;
}

.icon {
 display: block;
 background-repeat: no-repeat;
 position: relative;
 z-index: 110;
}

.icon span {
 /* hide the text of the icon */
 display: none;
}

#buy {
 width: 115px;
 height: 80px;
 background-image: url("../images/icons/icon_buy.gif");
}

#page_content > #buy {
 background-image: url("../images/icons/icon_buy.png");
}

#buy:link {
 background-position: 50% 0;
}

#buy:visited {
 background-position: 50% -240px;
}

#buy:hover {
 background-position: 50% -80px;
}

#buy:active {
 background-position: 50% -160px;
}

#reviews {
 width: 129px;
 height: 46px;
 background-image: url("../images/icons/icon_reviews.gif");
 clear: both;
}

#page_content > #reviews {
 background-image: url("../images/icons/icon_reviews.png");
}

#reviews:link {
 background-position: 50% 0;
}

#reviews:visited {
 background-position: 50% -138px;
}

#reviews:hover {
 background-position: 50% -46px;
}

#reviews:active {
 background-position: 50% -92px;
}

#learn_about_pcs {
 width: 147px;
 height: 68px;
 background-image: url("../images/icons/icon_pcs.gif");
}

#page_content > #learn_about_pcs {
 background-image: url("../images/icons/icon_pcs.png");
}

#learn_about_pcs:link {
 background-position: 50% 0;
}

#learn_about_pcs:visited {
 background-position: 50% -204px;
}

#learn_about_pcs:hover {
 background-position: 50% -68px;
}

#learn_about_pcs:active {
 background-position: 50% -136px;
}

#main_menu {
 position: absolute;
 top: 0;
 width: 173px;
 height: 473px;
 background-image: url("../images/menu/menu_background.gif");
 background-repeat: no-repeat;
 z-index: 100;
}

#main_container > #main_menu {
 background-image: url("../images/menu/menu_background.png");
}

#main_menu a {
 display: block;
 background-repeat: no-repeat;
 position: relative;
}

#main_menu a span {
 /* hide the menu text */
 display: none;
}

#btn_champion_chip {
 background-image: url("../images/menu/champion_chip.gif");
 top: 23px;
 left: 32px;
}

#main_menu > #btn_champion_chip {
 background-image: url("../images/menu/champion_chip.png");
}

#btn_spitting_image {
 background-image: url("../images/menu/spitting_image.gif");
 top: 33px;
 left: 10px;
}

#main_menu > #btn_spitting_image {
 background-image: url("../images/menu/spitting_image.png");
}

#btn_scrapbook {
 background-image: url("../images/menu/scrapbook.gif");
 top: 77px;
 left: 55px;
}

#main_menu > #btn_scrapbook {
 background-image: url("../images/menu/scrapbook.png");
}

#btn_visit_kit {
 background-image: url("../images/menu/visit_kit.gif");
 top: 89px;
 left: 33px;
}

#main_menu > #btn_visit_kit {
 background-image: url("../images/menu/visit_kit.png");
}

#btn_about {
 background-image: url("../images/menu/about.gif");
 top: 118px;
 left: 12px;
}

#main_menu > #btn_about {
 background-image: url("../images/menu/about.png");
}

#contact { /* form */
 position: relative;
 top: 150px;
 left: 57px;
 width: 82px;
 height: 34px;
}

#btn_contact {
 background-image: url("../images/menu/contact.png");
}

#main_menu > #btn_contact {
 background-image: url("../images/menu/contact.png");
}

#btn_home  {
 background-image: url("../images/menu/home.png");
 top: 163px;
 left: 43px;
}

#main_menu > #btn_home {
 background-image: url("../images/menu/home.png");
}

#btn_champion_chip,
#btn_spitting_image {
 width: 116px;
 height: 44px;
}

#btn_champion_chip:link,
#btn_spitting_image:link {
 background-position: 0 0;
}

#btn_champion_chip:visited,
#btn_spitting_image:visited {
 background-position: 0 -132px;
}

#btn_champion_chip:hover,
#btn_spitting_image:hover {
 background-position: 0 -44px;
}

#btn_champion_chip:active,
#btn_spitting_image:active {
 background-position: 0 -88px;
}

#btn_scrapbook,
#btn_about, 
#btn_contact {
 width: 82px;
 height: 34px;
}

#btn_scrapbook:link,
#btn_about:link, 
#btn_contact:link {
 background-position: 0 0;
}

#btn_scrapbook:visited,
#btn_about:visited, 
#btn_contact:visited {
 background-position: 0 -102px;
}

#btn_scrapbook:hover,
#btn_about:hover, 
#btn_contact:hover {
 background-position: 0 -34px;
}

#btn_scrapbook:active,
#btn_about:active, 
#btn_contact:active {
 background-position: 0 -68px;
}

#btn_visit_kit,
#btn_home {
 width: 69px;
 height: 38px;
}

#btn_visit_kit:link,
#btn_home:link {
 background-position: 0 0;
}

#btn_visit_kit:visited,
#btn_home:visited {
 background-position: 0 -114px;
}

#btn_visit_kit:hover,
#btn_home:hover {
 background-position: 0 -38px;
}

#btn_visit_kit:active,
#btn_home:active {
 background-position: 0 -76px;
}

#colophon {
 position: absolute;
 top: 800px;
 margin-left: 400px;
 padding: 3px;
 width: 200px;
 background: #2B5A4E; 
 color: white;
 text-align: center;
 display: none;
}

#colophon p {
 font-family: Georgia, serif;
 font-size: .9em;
 border: 1px solid #569988;
 margin: 0;
 padding: 6px;
}

.quote {
 text-align: center;
}

.quote_source {
 font-style: italic;
 margin-right: 32px;
 display: block;
 text-align: right;
 margin-top: 0;
}

.file_download {
 text-align: center;
 font-size: .7875em;
 font-weight: bold;
 font-style: italic;
}

.file_download a {
 text-decoration: none;
}

.file_download img {
 display: block;
 margin-left: auto;
 margin-right: auto;
}