/***************************************
= site-wide layout styles
-------------------------------------- */
body { 
margin: 0; 
padding: 0; 
background: url(../images/background/background.jpg) #552a21 repeat-y center; 
text-align: center; 
}

#container {
position: relative;
width: 715px;
text-align: left;
margin: 0 auto;
padding: 14px;
color: #000;
}

#branding {  
height: 135px;
margin-right: 4px;
background: url(../images/background/back_header.gif) repeat-x; 
}

#tagline {
position: absolute;
top: 105px;
left: 122px;
}

#newsletter {
position: absolute;
top: 13px;
right: 32px;
}

#footer {
clear: both;
background-color: #fff;
color: #bda2a2;
height: 20px;
padding-top: 5px;
}

/***************************************
= layout styles for a specific type of page
-------------------------------------- */
/* homepage  */
#home-content { 
background: url(../images/background/back_homepg.gif) repeat-y;
height: 355px;
padding: 0;
}

#home-left { 
float: left;
width: 190px;
padding-left: 105px;
}

#home-banner {
position: absolute;
top: 319px;
left: 14px;
} 

#home-feature { 
width: 399px;
padding: 0;
float: right;
color: #591717;
font-weight: bold;
font-size: 90%;
}

#home-left  h2{ 
font-size: 110%;
margin-bottom: 1em;
font-weight: bold;
color: #661b09;
}

#nheader h1 {
	font-size: 12px;
	visibility: hidden;
	margin: 0;
	padding: 0;
	}

/* subpage */
#subpage-container { 
text-align: left;
margin: 0 auto;
background: url(../images/background/back_subpg-sm.gif) repeat-y; 
}

#subpage-nav a {
text-decoration: none;
color: #fff;
font-weight: bold;
}
#subpage-nav ul {
line-height: 1.5;
}
#subpage-nav li {
padding: 0 5px 10px 25px;
list-style: none;
}
#subpage-nav li .active {
color: #cd6f5c;
}

.product-info {
background-color: #d4cac7;
}

.product-info h3 {
color: #661b09;
font-size: 105%;
font-weight: bold;
}

.form-desc {
color: #565656;
font-weight: bold;
font-size: 90%;
text-align: right;
}

/***************************************
=header navigation
-------------------------------------- */
#branding h1 {
float: left;
}

#branding h1 a {
display: block;
height: 134px;
width: 104px;
background: url(/images/logo.gif) no-repeat 0 0;
overflow: hidden;
text-indent: -9000em;
}

#primary-nav {
clear: right;
float: right;
margin-top: 118px;
padding-right: 5px;
font-size: 10px;
}
#primary-nav li {
float: left;
padding-right: 10px;
padding-left: 10px;
letter-spacing: 4px;
list-style: none;
}
#primary-nav li a{
color: #fff;
text-decoration: none;
font-weight: bold;
}

#quicklinks {
position: absolute;
top: 95px;
right: 32px;
}

#quicklinks li {
float: left;
padding-left: 20px;
letter-spacing: 3px;
list-style:none;
font-size: 10px;
}

#quicklinks li  a{
font-weight: bold;
text-decoration: none;
}

/***************************************
=typography & misc
-------------------------------------- */

body {
font: 75% Arial, Verdana, sans-serif;
}

a {
color: #552a21;
}

#container {
line-height: 1.25;
}

#container p, #container ul, #container ol {
margin-bottom: 1em;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.tablehead {
background-color: #d15c44;
color: #fff;
}

.tablerowgray {
background-color: #d1d4c7;
}
/***************************************
= image alignment
-------------------------------------- */
div.image-right {
float: right;
padding: 0 2px 10px 10px;
clear: right;
font-weight: bold;
font-size: 11px;
}
