/*  
Background #FCFFF5 (off white, cream)
--
Dark tan of header,
Menu_bar anchors text color:  #CAB69A
--
Dark Brown Lettering: #2D2626
--
Menu_bar maroon,
Sub_menu block bg,
Red heart: #4f242d
--
Submenu block anchor hover bg: #806167
--
White of feather on Stories,
Menu_bar anchor: hover : #E6ECEA
--
Orange sidebar: #a36149
Turquoise sidebar: #3B6081
Gold sidebar: #A48C66
Blue sidebar: #404B69
DarkGreen sidebar: #344231
Tan background of pictures: #E4DDCB


header_logo width: 450
Headline font: zapfino


*/


/* ********************************** */
/* ********** LAYOUT  *************** */
/* ********************************** */

body {
  background-color: /*#c67601*/ /*#844f01*/ /*#968f97*/ /*#46334c*/ #5a4154 ;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 76%;
  color: #2D2626;
  font-weight: normal;
}


#main {
  width: 900px;
  position: relative;
  top: 0;
  margin: 0 auto 0;
  min-height: 821px;
  color: #2D2626;
    font-size: 1.5em;
}

a:link {
/* blue */
color: #404B69;
text-decoration: underline;
}

a:visited {
 /* color: #A48C66; */
/*  purple */
 color: #845678;
}


a:hover {
/* color: #4f242d; */
color: #A48C66;
text-decoration: underline;
font-style: oblique;
}


#header_img {
  float: right
}

.noBottom {
  margin-bottom: 0
}

/* ********************************** */
/* ********** NOTE: MENU BAR  *************** */
/* ********************************** */

#menu_bar {
  float: right;
  width: 701px;
  height: 30px;
  background:  url("/images/pages/menu_bar_slice.jpg") repeat-x;
  padding-bottom: 1em;
}

#stories #stories_button a, #weavings #weavings_button a, #gallery #weavings_button a, #about #about_button a, #FAQ #FAQ_button a, #contact #contact_button a {
  color: #ddd;

}



/* ********************************** */
/* **********NOTE: FOOTER   *************** */
/* ********************************** */

#footer {
  position: absolute; bottom: 0; right: 50px;
  margin-top: 3em;
  text-align: center;
  font-size: 1.25em;
  width: 600px;
}

#fb_icon {
  margin-left: 1em;
  margin-bottom: -10px;
}

#facebook {
  text-align: center;
}

#fb_text {
  margin: 0;
  padding: 0;
  font-size: .8em;
  text-align: center;
}

#copyright {
  clear: both;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: .6em;
}

#credit {
  text-align: right;
  color: #999;
  font-size: 9px;
  margin-top: 0;
}

#credit a {
  color: #999;
  text-decoration: underline;
}


/* ********************************** */
/* ********** PAGES  (GENERIC) *************** */
/* ********************************** */
#pages_content {
  position: relative;
  width: 700px;
  min-height: 547px;
  float: right;
  padding-bottom: 5em;
}

#pages_content p {
  width: 625px;
  margin: 1em auto;
}
#pages_content h2 {
  width: 600px;
  margin: 0 auto;
}

.subhead {
  font-size: .8em;
  margin-top: 0;
}



/* ********************************** */
/* ********** HOME   *************** */
/* ********************************** */

#menu_bar_home {
  float: right;
  width: 600px;
  height: 30px;
}

#home_content {
  position: relative;
  width: 600px;
  min-height: 547px;
  float: right;
  background: #e0d9c6 url('/images/home/home_bg.jpg') repeat-y;
}



#left_weaving {
  width: 300px;
}


#feather_home {
  position: absolute;
  top: 230px;
  left: 330px;
  z-index: 2001;
}

#slideshow {
  position: absolute;
  right: 20px;
  top: 60px;
  margin-left: 1em;
  width: 250px;
  height: 400px;
  border: 8px solid #2D2626;
}

#home_text {
  margin: 0 1em 1em 1em;
  width: 45%;

}

#home_menu {
  font-size: 1.1em;
  list-style-type: none;
   margin-top: 6em; 
}

#home_menu li {
  padding-top: 1em;
}



/* ******************************************************** */
/* ********** WEAVINGS GALLERY CUSTOM ORDER  *************** */
/* ******************************************************** */

#weavings #content, #gallery #content, #order #content {
  position: relative;
  width: 900px;
  min-height: 547px;
  float: right;
  background: #FCFFF5 url('/images/pages/weavings_bg.jpg') repeat-y;
}


#weavings_horse {
  position: absolute;
  width: 270px;
  top: 10px;
  left: 50px;
  z-index: 2001;
}

#personal_items {
  margin-left: 3em;
}

.gallery_box {
  width: 600px;
  margin: 3em auto 1em auto;
  border: 1px dotted #4f242d;
  padding-bottom: 1em;
  padding-right: 1em;
  font-size: .9em;
}

.tan {
  background: #E4DDCB;
}

.white { 
  background: #FFF;
}

#gallery .gallery_box h4 {
  margin-bottom: 0;
  margin-top: 0;
}
#gallery .gallery_box p {
  margin: 0 0 1em 0;
}

#gallery .text_box {
  margin-top: 1em;
}

#gallery .gallery_box img {
  float: left;
  margin: 0 1em 0 1em;
}

#gallery .gallery_pic {
  margin: 0;
}

#gallery .gallery_pic p {
  font-size: 11px;
}

#gallery .footnote {
  font-size: .8em;
  text-align: left;
  float: right;
  margin: 0;
}

#gallery .buttonHolder {
  width: 100px; 
  float: right; 
  font-size: 80%;
  margin: -30px 60px 0 0;
}

.shipping {
  font-size: .8em;
}

#large_view body {
  margin: 1em auto;
}

#order h3 {
  width: 625px;
  margin: 0 auto;
}

#price {
  margin-left: 1em;
}

#order .col1 {
  width: 45%;
  margin: 1em 0 1em 2em;
}

#order .col2 {
  float: right;
  width: 45%;
  margin: 0 0 1em 0;
}

#order #method1 {
  width: 45%;
  margin: -1em 0 2em 2em;
}

#order #method2 {
  float: right;
  width: 45%;
  margin: -1em 0 1em 0;
}

#order .indent {
  margin-left: 1.5em;
}



.addr {
 margin-bottom: .5em;
}

#captcha_box {
  width: 320px;
  margin: 1em auto;
}


#order #emailButton{
  margin: 0 auto;
}

#order #send_button {
  text-align: center;
}

.required {
  color: #e00;
}

.error {
  color: #e00;
  margin: 1em 0 1em 2em;
}

/* ********************************** */
/* ********** STORIES   *************** */
/* ********************************** */

#stories #content {
  position: relative;
  width: 900px;
  min-height: 547px;
  float: right;
  background: #FCFFF5 url('/images/pages/stories_bg.jpg') repeat-y;
}




#stories_feather {
  position: absolute;
  width: 214px;
  top: 60px;
  left: 50px;
  z-index: 2001;
}

.story_box {
  width: 625px;

  margin: 3em auto 1em auto;
  border: 4px ridge #4f242d;
  padding-bottom: 1em;
  padding-right: 1em;
}

#stories .story_box p, #stories .story_box h3 {
  margin: 0;
}

#stories .story_box p.story_photo_title {
  margin-left: 0;
  padding: 0;
  font-size: .8em;
  width: 50%;
  text-align: center;
}

.beloved {
  margin-top: 0;
  position: absolute;
  width: 200px;

}

.weave {
  position: relative;
  margin-top: 175px;
  margin-left: 100px;
}

.story {
  position: relative; 
  float: right;
  width: 50%;
  font-size: .9em;
}

#stories p.narrow {
  width: 250px;
  line-height: 2;
}

#stories p.poem {
  width: 270px;
  line-height: 1;
  margin-bottom: 1em;
}




/* ********************************** */
/* ********** ABOUT US   *************** */
/* ********************************** */

#about #content {
  position: relative;
  width: 900px;
  min-height: 547px;
  float: right;
  background: #FCFFF5 url('/images/pages/about_us_bg.jpg') repeat-y;
}

#about_us_heart {
  position: absolute;
  width: 197px;
  top: 10px;
  left: 80px;
  z-index: 2001;
}



/* ********************************** */
/* ********** FAQ   *************** */
/* ********************************** */

#FAQ #content {
  position: relative;
  width: 900px;
  min-height: 547px;
  float: right;
  background: #FCFFF5 url('/images/pages/faq_bg.jpg') repeat-y;
}

#faq_feather {
  position: absolute;
  width: 214px;
  top: 50px;
  left: 80px;
  z-index: 2001;
}

#FAQ .question img, #FAQ .answer img {
  margin-bottom: -8px;
}




/* ********************************** */
/* ********** CONTACT US   *************** */
/* ********************************** */

#contact #content {
  position: relative;
  width: 900px;
  min-height: 547px;
  float: right;
  background: #FCFFF5 url('/images/pages/contact_bg.jpg') repeat-y;
}

#contact_us_feather {
  float: left;
  width: 108px;
  height: 170px;
  margin: 3em 1em 0 5em;
}

#contact_text {
  margin: 4em 0 0 1em;
  font-size: 1.25em;
}

#contact #large_contact_feather {
  position: absolute;
  width: 214px;
  top: 50px;
  left: 20px;
  z-index: 2201;
}
#contact #email_block {
  margin-left: 2em;
  line-height: 1.5em;
}

#emailButton {
  border-radius: 12px;
  height: 2em;
  font-size: 1em;
  margin: 1em 0 2em 5em;
}

a.notBot {
  text-decoration: none;
  color: #000;
}

a.notBot span {
	display: none;
	text-decoration: none;
}

a.notBot:hover {
/** fix for IE6 popup bug.  nice one Microsoft! */
	overflow: hidden;
	text-decoration: none;
}

a.notBot:hover span {
  display: inline;
  font-size: .8em;
  width: 250px;
  border: 1px solid #6C7C97;
  line-height: 100%;
  position: absolute;
  background-color: #eee;
  padding: 5px;
  margin-left: -50px;
  margin-top: 25px;
  overflow: hidden;
  z-index: 90002;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul#menu {
  padding:0; 
  list-style:none; 
  text-align:center; margin:0 auto;
  width:700px;
  position:absolute; left: 0; top: -5px; 
}


/* menu_bar text */
ul#menu li {
  display: inline; 
  margin: 0 -2px; 
  text-align: left;
}

/* menu_bar anchors */
ul#menu li a {
  display: inline-block; 
  height: 36px; 
  margin: 5px 0 0 0;
  padding: 0 20px 0 0; 
  line-height: 30px; 
  text-decoration: none; 
  color:#CAB69A;
}

/* main menu item */
ul#menu li a.sub {

}

/* sub menu block position*/
ul#menu ul {
  padding: 0; 
  margin: -6px 0 0 3px; 
  list-style: none; 
  position: absolute; left: -9999px;
}


/* sub-menu block text*/
ul#menu ul li {
  float: left; 
  margin: 0; 
  text-align: left; 
  font-size: 11px;
}


/* sub menu block line items */
ul#menu ul li a {
  display: block; 
  line-height: 20px; 
  margin: 0; 
  padding: 0 10px; 
  background: transparent; 
  width:175px;}

html>/**/body ul#menu li {display:inline-block; padding:0;}

* html ul#menu li a.sub {margin-right:3px;}
* html ul#menu li a {margin-bottom:-4px;}

ul#menu li a b {display:block; height:36px; float:left; padding:0 0 0 20px;}

/* menu_bar anchor hover */
ul#menu li a:hover {
  position: relative; 
  background-position: right bottom; 
  color: #E6ECEA;
}
ul#menu li a:hover b {background-position:left bottom;}

ul#menu li:hover {position:relative;}
ul#menu li:hover > a {background-position:right bottom; color:#E6ECEA;}
ul#menu li:hover > a b {background-position:left bottom;}

ul#menu :hover ul {left:1px; width:105px; top:41px;}
* html ul#menu :hover ul {top:36px;}

/*submenu block line items*/
ul#menu :hover ul li {
  display: block; 
  float: left; 
  margin: 0; 
  border-bottom: 1px solid #000;
}

/* submenu block bg color                                            *
* when the menu is hovered over, the ul shows itself as these colors */
ul#menu :hover ul li a {
  display: block; 
  float: left; 
  margin: 0; 
  height: 25px; 
  line-height: 25px; 
  width: 95px;
  background: #4f242d; 
  color: #CAB69A;
}

/* submenu link hover:                                          *
* when the menu is hovered over, the submenu shows, when the    *
* submenu links are hovered over, they are these colors         */
ul#menu :hover ul li a:hover {
  background: #806167; 
  color:#E6ECEA;
}
ul#menu :hover ul li:hover > a {
  background:#806167; 
  color:#E6ECEA;
}

ul#menu a:hover {
  font-style: normal;
}

ul#menu :hover ul ul {left:-9999px;}

ul#menu :hover ul :hover ul {left:105px; top:0; width:150px;}

/* sub menu block */
ul#menu :hover ul :hover ul li {display:block; float:left; margin:0;}

ul#menu :hover ul :hover ul li a {
  display:block; 
  float:left; 
  margin:0; 
  height:25px; 
  line-height:25px; 
  background:#CAB69A; 
  color: #000;
}

ul#menu :hover ul :hover ul li a:hover {color:#fff; background:#840;}