/*------------------------------------------------------------------------------------------------------------- Normalizing section ---*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding :  0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4 
{  font-size:  100%;  }

/*  Removes list-style from lists */
ol, ul
{ list-style : none; }

/*  Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, stron, th, var
{ font-style : normal; font-weight : normal; }

/* Removes borders and spacing from tables */
table
{ border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset, 
{ border : 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align : left; }

/* Removes quotation marks from q */
q:before, q:after
{ content :''; }

div.inner{
width: 960px; }

body {
background: #e1d6c9 url('../graphics/hen_hoops_gradient_4.gif') top left repeat-x; 
 }

#branding {
height: 155px;
position: relative;
padding-left: 10px;
padding-top: 5px;
background: #59340c url('../images/hen_hoops_bg_7.jpg') top right no-repeat; 
border-bottom: 1px solid #442606;
}

div#container {
width: 990px;
margin: 0 auto;
background: #fff;
}

div#content {
background: #f5f4f0;
float: left; }

#branding ul {
position: absolute;
top: 5px;
right: 10px;
}

#branding ul li {
display: inline;
border-right: 1px solid #fff;
font-size: 100%;}

#branding ul li a {
color: #fff; 
text-decoration: none;
padding: 0 10px; }

#branding span {
position: absolute;
top: 25px;
right: 10px;
font-size: 220%; 
color: white;}

ul#mainNav{
width: 100%;
display: block;
background: #5B3812 url("../graphics/nav_button_1.gif") repeat-x scroll left top;
float: left;
border-top: 1px solid #553515;

}

#mainNav a {
padding: 0 1.8em;
color: #fff;
text-decoration: none;
border-right: 1px solid #442606;}

#mainNav a:hover {
color: red; 
}

ul#mainNav li {
height: 2.8em;
line-height: 2.8em;
display: block;
overflow: hidden;
float: left;

}

.currentItem #home,
.currentItem #henHoops,
.currentItem #henHutches,
.currentItem #raisingChickens,
.currentItem #colorOptions,
.currentItem #shipping,
.currentItem #order,
.currentItem #about,
.currentItem #news,
.currentItem #contact {
color: red;
}



h1 {
margin: 20px 0 10px 0;
font-size: 200%;
color: #261707;
border-bottom: 1px solid #f1eeeb;}

h2, h3 {
font-size: 150%;
margin: 20px 0 8px 0;
font-weight: bold;
color: #261707; }

div#primaryContent {
width: 950px;
margin-bottom: 20px;
margin-left: 20px;
float: left;
margin-top: 5px;
background: transparent url('../graphics/primary_content_bg_1.png') top left repeat;}


img.floatRight{
float: right;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px; 
margin-right: 15px;}

#primaryContent p {
line-height: 1.2em;
margin-bottom: 10px; 
font-size: 105%;
color: #261707;
margin-left: 15px;
}


#primaryContent h1,
#primaryContent h2, 
#primaryContent ul,
#primaryContent  div,
#primaryContent table {
margin-left: 15px;
margin-right: 15px; }

div.article {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ddd; }

.article ul li,
.article ol li {
list-style-type: square; 
margin-left: 15px;
font-size: 105%; 
margin-bottom: 5px;
color: #261707;
line-height: 1.2em;}

.article ol li {
list-style-type: }

#primaryContent div.article {
margin-left: 0; }

#primaryContent a {
color: #e31d26; }

#primaryContent a:hover {
text-decoration: underline; }

div#footer {
border-top: 7px solid #970f05;
padding-top: 20px;
background: #442606;
padding-bottom: 50px;
clear: both; }

#footer ul {
margin-top: 20px;
text-align: center;
 }

#footer ul li {
padding: 0 8px;
border-right: 1px solid #fff;
display: inline; }

#footer ul li a {
color: #fff; 
text-decoration: none;}


td, th {
padding: 6px 12px;
border: 1px solid #bbb;
text-align: center;
font-size: 105%; }

th {
background: #442606;
color: #fff;
text-align: center; }

.bold {
font-weight: bold;}

#branding ul li.last {
border-right: none;
} 

#branding ul li.last a{
padding-right: 0;}

ol {
list-style: decimal;
list-style-position: inside; }

ul.features {
list-style-type: square;
list-style-position: outside;
padding-left: 20px; }

ul.features li {
font-size: 105%; 
margin-bottom: 5px;
color: #261707;}


#primaryContent .features a {
font-weight: bold; 
text-decoration: underline; 
 }
#primaryContent .features span {
margin: 0; }


div.model {
width: 420px;
float: left; 
margin-right: 20px;
margin-bottom: 20px;
background: #fff;}

.model img {
margin-bottom: 0px;
float: right;
margin-left: 0; }

.model ul {
margin-bottom: 10px; }

.model h3 {
font-size: 95%;
padding: 3px;
padding-left: 5px;
margin-top: 0px;
background: #E1D6C9; }

.clearLeft {
clear: left; }

.clearRight {
clear: right; }
li.price {
color: #000;
font-weight: bold; }

.logo img{
border: none; }

div#home_box {
float: left;
margin-top: 15px;
width: 475px; }

#home img {
margin: 0; }

.floatRight {
float: right; }

.floatLeft {
float: left; }

a.logo {
margin: 0; }

div.or {
margin: 25px 0 0 0; 
float: left;}

a.button {
text-decoration: none;
float: left;
margin: 15px;
}

div.or span {
display: block;
float: right;
color: #333;
font-size: .9em;
clear: right;
 }



#primaryContent .or a:hover {
text-decoration: underline; }

.button img {
border: none;}

div#map {
float: right; }

div#featuresGallery {
float: right;
margin-left: 20px;
width: 420px; 
}

#featuresGallery #placeholder img{
margin: 0 0 5px 0; }

#featuresGallery #cutline {
display: block;
float: right;
margin-right: 15px;
clear: right;}



ul#features_thumbs {
float: left; 
clear: right;
margin: 5px 0 0 0;}

ul#features_thumbs li {
display: inline;
 }

ul#features_thumbs a {
border: 1px solid #ddd;
display: block;
float: left;
margin-right: 2px;
line-height: 0;
color: #fff;
}

ul#features_thumbs a:hover {
border: 1px solid #E31D26;
line-height: 0;
}


table {
margin-bottom: 15px; }

ul.colors {
float: left;

margin-bottom: 10px; }

ul.colors li{
display: block;
float: left;
position: relative;
padding: 0 0 20px 0;
height: 60px;
width: 60px;
margin-bottom: 10px;}

ul.colors li span {
position: absolute;
bottom: 0;
left: 0; 
}

ul.colors li image {
position: absolute;
top: 0;
left: 0;  }

#primaryContent p.intro {
font-size: 155%; }

span.italic {
font-style: italic; }

span.listPrice {
text-decoration: line-through;
color: grey; }

span.special {
color: red; }

div.special {
background: #d91b0c url('../graphics/special.gif') repeat-x 0 0;

clear: both;
color: white; }

div.special a {
color: white; }

div.special p {
padding: 10px;
margin-left: 20px;
font-size: 120%;
 }

object.video {
width: 640px; 
height: 385px; 
margin: 0 15px 10px 15px; }

div.video {
margin: 0 15px 10px 0; }

div.video .floatRight {
margin: 0 0 10px 15px; }