/* rules for the body*/

html body 
{
  background: #c5a886;
  margin: 0px;
  padding: 0px;
  font-size: 11pt;
  font-family: times new Roman;
  font-weight:normal;
}

/*rules for the sitebody */
#sitebody
{
    margin: 0px;
    padding: 0px;
    width: expression(document.body.clientWidth < 802? "800px" : "auto");
    min-width: 800px;
    height: 100%;
    width: 100%;
    
}

/* rules for the header banner*/

#header_banner
{
    margin: 0px;
    padding: 0px;
	margin-top: 10px;
	height: 170px;
	background: #fdfae8;
	width: 100%;
	position: relative;
}

/*rules for the logo imgage */

#logo
{
   position: absolute;
   top: 20px; 
   left: 5%;
}

/*rules for the movie */

#movie
{
    position: absolute;
    left: 55%;
    top: 0px;
}

/*rules for the nav bar*/

#nav_banner
{
    background-image: url('images/nav_right.gif');
    background-repeat: repeat-x;
    height: 47px;
    width: 100%;
}

/*rules for the nav bar*/

#nav_container
{
    height: 47px;
    min-height: 47px;
    position: relative;
    width: expression(document.body.clientWidth < 802? "800px" : "auto");

}

#nav_container ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 47px;
    min-height: 47px;
    position: absolute;
    top: 0px;
    padding-right: 0px;

}

#nav_container li
{
    font-size: 14pt;
    font-family: times new Roman;
    font-weight:normal;
    font-style: italic;
    color: #8d481c;
    float: left;
    
}

.nav_list_items
{
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 13px;
    background-image: url('images/nav_left.gif');
    background-repeat: repeat-x;

}
.nav_list_items a
{
    text-decoration: none;
    color: #8d481c;
}

.nav_list_items a:hover
{
    text-decoration: underline;
}

#nav_bg_img
{ 
    background-image: url('images/nav_curve.gif');
    background-position: 100% 0%;
    background-repeat: no-repeat;
    padding: 5px;
    padding-left: 0px;
    padding-right: 15px;
    padding-bottom: 13px;
}

/*Menu option selected on main menu*/
#nav_selection1
{
    text-decoration: underline;
}

/*rules for the main content area */

#main_container
{
    margin-top: 1%;
    height: auto;
    width: expression(document.body.clientWidth < 802? "800px" : "auto");
}

/*rules for the left content section */

.left_section
{
    border: solid 7px #8d481c;
    border-right: none;
    width: 18%;
    height: 40%;  /*ajustment for IE 6:50 and bellow as does not recoginize % */
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #fdfae8;
    position: relative;
    float: left;
    margin-right: 0px;
    padding: 0px;
    display: inline;
}
html>body .left_section /*makes it auto for not IE browsers expect IE7 but has special style sheat*/
{
    height: auto;  
}

/*rules for the right section curved right hand ege with drop shaddow */
#right_edge
{
    background-image: url('images/right-side-drop-shaddow.gif');
    background-repeat: repeat-y;
    width: 22px;
    height: 100%;
    margin-right: -10px;
    position: absolute;
    right: 5px;
}
#right_curve_img
{
    background-image: url('images/curved-corner-right.gif');
    width: 22px;
    height: 22px;
    margin-top: -8px;
    position: absolute;
}


/*rules for the bottom edge of the side section with the drop shaddow */

#bottom_edge
{
    background-image: url('images/bottom-side-drop-shaddow.gif');
    background-repeat: repeat-x;
    height: 22px;
    width: 100%;
    position: absolute;
    bottom: -12px; 
    left: 0px;
}
#bottom_edge_img
{
    background-image: url('images/right-corner-drop-shaddow.gif');
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0px;
    bottom: -12px;
   
}

/*rules for the side bar */

.side_bar_content
{
    margin-left: 10px;
    margin-right: 20px;
    margin-top: 10px; /*for IE*/
    padding-top: 0px;
    padding-bottom: 2px;
    text-align: center;
}

html>body .side_bar_content /*setting for browsers other than IE*/
{
   margin-top: 10px;
} 

/*side bar paragraph*/

#side_bar_para
{
  margin: 0px;
  text-align: justify;
  font-style: italic;
  padding-top: 0px;
  margin-top: -15px;
  width: 95%
  
}

/*rules for the side navigation*/
.side_navigation
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-top: 2px;
    text-align: left;
    color: #8d481c;
}

.side_navigation li a
{
    font-size: 14pt;
    font-family: times new Roman;
    font-weight: normal;
    font-style: italic;
    text-decoration: none;
    color: #8d481c;
}

.side_navigation a:hover
{
   text-decoration: underline;
}

#side_navigation
{
    text-decoration: underline;
}

.link_text
{
    margin-top: -2px;
    font-size: 14px;
    color: Black;
    font-style: italic;
}
/*rules for the page headers */

.section_headers
{
    font-size: 17pt;
    font-family: times new Roman;
    font-weight: normal;
    font-style: italic;
    color: #8d481c;
    text-align: left;
}

/*rules for the section header*/
.section_headers2
{
    font-size: 15pt;
    font-family: times new Roman;
    font-weight: normal;
    font-style: italic;
    color: #8d481c;
    text-align: left;
    margin-top: 10px;
}

/*place the text for shop*/

#shop_place_text
{
    margin-top: -7px;
}

/*rules for the images on the home page */

.images1
{
    border: solid 7px #8d481c;
    width: 85px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.images1 img
{
    padding: 0px;
    margin: 0px;
    margin-bottom: -4px; /*to get rid of the gap in IE exp for 7 which has own .css*/
}
html>body .images1 img /*for browsers other than IE*/
{
    margin-bottom: 0px;
}
/*rules for the link by side bar image  - link to the shop*/

#place_link
{
    text-align: justify; 
    margin-bottom: 10px;
    width: 95%;
}

#place_link a
{
    text-decoration: none;
    color: Black;
    font-weight: bolder;
    font-size: smaller;
}


/*rules for the right content section */

.right_section
{
    border: solid 7px #8d481c;
    border-left: none;
    padding-left: 0px;
    width: 75%;
    height: 40%;  /*rule for IE 6:50 and older as does not recognize auto height - IE7 on own .css*/
    margin-left: 0px;
    margin-right: 2%;
    background-color: #fdfae8;
    position: relative;
    float: right;
    display: inline;
}

html>body .right_section /*to make auto for browsers other than IE*/
{
    height: auto;
}

/*rules for the left section with the drop shaddow*/

#left_edge
{
    background-image: url('images/left-side-drop-shaddow.gif');
    width: 22px;
    height: 100%;
    left: 0px;
    margin-left: -10px;
    position: absolute;
}

#left_curve_img
{
    background-image: url('images/curved-corner-left.gif');
    width: 22px;
    height: 22px;
    margin-top: -8px;
    position: absolute;
}

/*rules for the bottom edge of the right section with the drop shaddow */

#right_bottom_edge
{
    background-image: url('images/bottom-side-drop-shaddow.gif');
    background-repeat: repeat-x;
    height: 22px;
    width: 100%;
    position: absolute;
    bottom: -12px; 
    right: 0px;
    left: 0px;
}
#right_bottom_edge_img
{
    background-image: url('images/leftt-corner-drop-shaddow.gif');
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: -12px;
}

/*rules for the content of the main section top */
.main_content_top
{
    width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 13px;/*for IE*/
    padding-bottom: 2px;
}

/*for browsers other than IE*/
html>body .main_content_top
{
    padding-top: 5px;
    margin-top: -5px;
}


#para_top_main
{
    margin: 0px;
    text-align: justify;
    padding-top: 0px;
    margin-top: -15px;
    width: 96%
}

#para_top_main2
{
    margin: 0px;
    text-align: justify;
    padding-top: 0px;
    width: 96%;
    margin-bottom: 40px;
}

.para_top_main3
{
    text-align: justify; 
    width: 96%; 
    padding-top: 0px; 
    margin: 0px; 
    margin-top: -15px;
}

#para_top_main3
{
   padding-bottom: 30px;
}

/* rules for the list on index page*/
.into_list
{
    margin-top: -30px; 
    margin-left: 25px;
    list-style-image: url("images/list_icon1.gif");
}
html>body .into_list
{
  margin-left: -10px;
}
/*style for the bottom section index page*/
#env_header
{
    margin-top: -5px;
}

#env_para
{
    text-align: justify; 
    width: 96%; 
    padding-top: 0px; 
    margin: 0px; 
    margin-top: -15px; 
    margin-bottom: 20px;
}
/*rules for the main bottom left image

#images2
{
    border: solid 7px #8d481c;
    width: 85px;
    margin: 0px;
    margin-right: 12px;
    margin-top: 12px;
    padding:0px;
    float: left;
}

#images2 img
{
    padding: 0px;
    margin: 0px;
}

.float_text
{
  margin-top: -15px;
  text-align: justify;
}
*/
/*rules for the main content bottom right

#main_right_bottom
{
    width: 45%;
    float: right;
    display: inline;
    margin-right: 20px;
}

#para_right_main
{
    margin-top: -13px;
    padding-top: 0px;
    text-align: justify;
}
*/
/*rules for the main bottom right image

#images3
{
    border: solid 7px #8d481c;
    width: 85px;
    margin: 0px;
    margin-left: 12px;
    margin-top: 12px;
    padding:0px;
    float: right;
}

#images3 img
{
    padding: 0px;
    margin: 0px;
}
*/
/*rules for the footer*/
#footer
{
  width: expression(document.body.clientWidth < 802? "850px" : "auto");
  width: 100%;
}

#footer_nav
{
    margin-left: 35%;
    width: 100%;
}
html>body #footer_nav /* so will work in IE have to add the 100% width - then cancel out with auto*/
{
  width: auto;  
}

#Footer ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#footer li
{
    float: left;
    color: white;
    padding: 7px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10pt;
    font-family: times new Roman;
    font-weight:normal;
    font-style: italic;
    white-space:nowrap;
}

.nav_list_items_bottom a
{
    text-decoration: none;
    color: white;
}

.nav_list_items_bottom a:hover
{
    text-decoration: underline;
}


/*style for first text on the contence section - descriptive */

#top_text
{
    font-style: italic; 
    font-size: 12pt; 
    margin-top: -20px;
    text-align: left;
    padding-top: 0px;
    width: 44%;
}

/*style for the woodcarving page*/

.carving_img_place
{
   float: right; 
   text-align:right;
   clear: left; 
   padding: 10px; 
   margin-top: -38px; 
   margin-right: 0px; 
}

html>body .carving_img_place
{
   margin-top: -45px; 
   margin-right: 40px;
}

.carving_img_style
{
    border: solid 7px #8d481c; 
    margin-left: 0px; 
    margin-bottom: 10px;
    margin-left 50px;
}

/* rules for the list on woodcarving page*/
.wood_styles_list
{
    margin-top: -15px; 
    margin-left: 20px;
    list-style-image: url("images/list_icon1.gif");
}

html>body .wood_styles_list
{
    margin-left: -25px; 
}

/*style for the paragraphed sections */
.para
{
  text-align: justify; 
  width: 96%; 
  padding-top: 0px; 
  margin: 0px; 
  margin-top: -5px; 
  margin-bottom: 10px;
}

.para2
{
  text-align: justify; 
  width: 96%; 
  padding-top: 0px; 
  margin: 0px; 
  margin-top: -15px; 
  margin-bottom: 10px;
}
.para3
{
  text-align: justify; 
  width: 96%; 
  padding-top: 0px; 
  margin: 0px; 
  margin-top: 0px; 
  margin-bottom: 10px;
  color: #8d481c;
  font-style: italic;
}
/*style fo the quotes*/
.quote
{
  font-style: italic; 
  color: #8d481c; 
  width: 35%; 
  background-color: #fbf4cb; 
  margin-top: 2px; 
  margin-left: 10px; 
  padding: 5px; 
  margin-right: 0px; 
  margin-bottom: 10px; 
  border-color: #8d481c;  
  border-width: 3px; 
  border-style: double; 
  float: right;
}
.quote2
{
    width: 45%;
}

.quote3
{
  font-style: italic; 
  color: #8d481c; 
  width: 45%; 
  margin-top: 0px; 
  margin-right: 30px; 
  margin-bottom: 20px; 
  background-color: #fbf4cb;  
  padding: 5px; 
  border-color: #8d481c;  
  border-width: 3px; 
  border-style: double; 
  float: right
}
.quoted
{
    margin-left: 5px;
}

html>body .quote3
{
    margin-top: 10px;
}

/*style for the gallery*/
.side_bar_title
{
    font-size: 14pt; 
    font-family: times new Roman; 
    font-style: italic; 
    font-weight: normal;
    color: #8d481c; 
    text-align: left;
}

/*place the gallery nav*/
#gallery_nav
{
    margin-top: -13px;
}

/*style for the id images next to daf and Emyr on about and contact*/

.id_image
{
    float: left; 
    clear: left; 
    margin-top: 5px;
}

.id_image_style
{
    border: double 5px #8d481c; 
    margin-right: 10px; 
    margin-bottom: 5px;
}

/*style for the gallery*/
.gallery_text
{
    margin-right: 18px; 
    margin-bottom: 300px;
}

.side_bar_text
{
    margin-top: -18px;
    font-size: 14px;
    color: Black;
    font-style: italic;
    text-align: left;
}

.side_bar_list
{
 list-style-image : url("images/list_icon1.gif");
 font-size: 12pt; 
 font-family: times new Roman; 
 font-style: italic; 
 font-weight: normal; 
 text-align: left; 
 margin-top: 5px; 
 margin-left: 25px;    
}

html>body .side_bar_list
{
  margin-left: -15px; 
  margin-top: -15px;  
}

.list_headers
{
  font-size: 12pt; 
  font-family: times new Roman; 
  font-style: italic; 
  font-weight: normal;
  color: #8d481c; 
  text-align: left; 
  margin-top: -15px;
}

/*commissions page*/
.comm_list
{
  margin-top: -15px; 
  margin-left: 20px;
  list-style-image: url("images/list_icon1.gif");
}

html>body .comm_list
{
  margin-left: -20px;
}

.left_img
{
  float: left; 
  margin-top: -10px;  
}

.left_img_pos
{
  border: solid 5px #8d481c; 
  margin-right: 20px; 
  margin-bottom: 0px;   
}

.right_img
{
  float: right; 
  margin-top: -10px;
}

.right_img_pos
{
  border: solid 5px #8d481c; 
  margin-left: 20px; 
  margin-bottom: 0px;
}

html>body .right_img_pos
{
  margin-right: 40px;
}

.comm_text
{
  text-align: justify; 
  padding-top: 0px; 
  margin-left: 147px; 
  margin-right: 140px;
  margin-top: -15px; 
  margin-bottom: 0px;
}

html>body .comm_text
{
  width: 65%; 
}

.contact_link
{
  padding-top: 0px; 
  margin: 0px; 
  margin-top: -15px; 
  margin-bottom: 20px;
}

#contact_ref a
{
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
#contact_ref a:hover
{
  text-decoration: underline;
}
/*shop page*/
.shop_space
{
  margin-bottom: 225px; 
}

/*contact page*/
.para_con
{
  text-align: justify; 
  width: 96%; 
  padding-top: 0px; 
  margin: 0px; 
  margin-top: -45px; 
  margin-bottom: 10px;
}

html>body .para_con
{
  margin-top: -15px;  
}

#emyr_con_img
{
  float: left; 
  clear: left; 
  margin-top: 9px;
}

#emyr_place_img
{
  border: double 5px #8d481c; 
  margin-right: 0px; 
  margin-bottom: 5px;
}

#daf_con_img
{
  float: left; 
  clear: left; 
  margin-top: 9px;
}

#daf_place_img
{
  border: double 5px #8d481c; 
  margin-right: 10px; 
  margin-bottom: 10px;
}
.addy_list
{
  font-size: 16px; 
  list-style: none; 
  padding-top: 3px; 
  padding-left: 90px;
}

html>body .addy_list
{
  padding-left: 130px;
}
.addy_style
{
  font-style: italic; 
  font-weight: bold;
}
/*style of email contact*/
.mail_style
{
    text-decoration: none;
    color: Black;
}

/*style for the gallery*/ /*changed  added for asp gallery*/

a.gallery, a.gallery:visited {color:#000;}
.gallery_container {position:relative; width:auto; height:465px; background:#c5a886; border:2px solid #8d481c; bottom: 0px; margin-bottom: 20px; margin-right: 35px; text-align: center;}
.gallery_container2 {position:relative; width:auto; height:550px; background:#c5a886; border:2px solid #8d481c; bottom: 0px; margin-bottom: 20px; margin-right: 35px; text-align: center;}
#gallery_container_abstract {position:relative; width:700px; height:650px; background:#888; border:1px solid #000; margin: 10px auto; bottom: 12px;}
#gallery_container_joie {position:relative; width:700px; height:350px; background:#888; border:1px solid #000; margin: 10px auto; bottom: 0px; margin-bottom: 20px;}
a.gallery, a.gallery:visited {display:inline; color:#8d481c; text-decoration:none; border:2px solid #8d481c; width:55px; height:55px; float:left; margin:10px 5px; position:relative; cursor:default;}
.image_container {position:relative; width:400px; height:200px; background:#c5a886; margin: auto;}


a.gallery span {visibility:hidden; display:block; position:absolute; width:445px; height:335px; top:189px; left:9px; color:#000; background:#fdfae8; text-align: center; border:2px solid #8d481c; font-family:times new Roman; letter-spacing:1px; cursor:default;}

a.slide1 span {left: -2px; top: 75px;}/*have to have to different possition for IE and Firefox - IE starts at -5 and goes up by -75 each row*/
a.slide2 span {left: -71px; top: 75px;}
a.slide3 span {left: -140px; top: 75px;}
a.slide4 span {left: -209px; top: 75px;}
a.slide5 span {left: -278px; top: 75px;}

a.slide1b span {left: -2px; top: 150px;}/*have to have to different possition for IE and Firefox - IE starts at -5 and goes up by -75 each row*/
a.slide2b span {left: -71px; top: 150px;}
a.slide3b span {left: -140px; top: 150px;}
a.slide4b span {left: -209px; top: 150px;}
a.slide5b span {left: -278px; top: 150px;}
a.slide6b span {left: -2px; top: 71px;}
a.slide7b span {left: -71px; top: 71px;}
a.slide8b span {left: -140px; top: 71px;}
a.slide9b span {left: -209px; top: 71px;}
a.slide10b span {left: -278px; top: 71px;}

a.gallery:hover {white-space:normal; border:2px solid #fdfae8; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:2px solid #8d481c; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:2px solid #fdfae8; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:2px solid #8d481c; position:relative; margin:10px; z-index:10;}

.thomb_nail {position1: absolute; height: 55px; width: 55px; border: none; padding: none; margin-bottom: -5px;}

.icon_style {border: none;}

.gallery_text {position: absolute; font-size: 11px; padding: 0px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; text-align: center;}

#iconimage {position: absolute; color: #888;}

#place_info 
{
    margin-top: -15px;
    margin-bottom: 5px;
}

/*lonks page*/

#links
{
    margin-top: -10px;
    min-height: 380px;
}