/* background colors were added for easy identification - remove theses*/
* {
   /* removes all margins & padding from all elements to eliminate browser differences */
   margin: 0;
   padding: 0;
}
body {
background-color: #000;
font-family: Arial, Helvetica, sans-serif;
/* setting the text size to 62.5% makes 1em = 10px */
   font-size: 62.5%;
background-color: #ededed;
background-repeat: repeat;

}


* html body {
text-align:center;
}

#wrapper {
width: 790px;
margin: 0em auto;
margin-top: 15px;
background-image:url(/pages/images/pages/border_bg.gif);
background-repeat:repeat-y;
}
#innerWrapper {
   /* no style needed*/
}

/*======== header styles ========*/

h2#print {display:none;}

#header {
position: relative;
background-image: url(/pages/images/pages/header.jpg);
background-repeat: no-repeat;
background-position: 0 0;
width: 100%;
height: 196px;
left: 15px;
border-top:solid #b0a58e 10px;
width:760px;
}

* html #header {
left:1px;
}

   ul#listMenu {
/*font-weight: bold;*/
  font-size: 14px;
list-style:none;
width: 100%;
padding-top: 175px;
margin-left: 65px;
   }
   
   * html ul#listMenu {
   width:699px;
   }
   
   
   ul#listMenu li {
      float:left;
  border-left: #fff solid 2px;
      padding: 0 0.75em;
   font-size: 14px;
   }
   ul#listMenu li.noBorder {
  border-style: none;
   }
   ul#listMenu li a{
      color: #fff;
  text-decoration: none;
   font-size: 14px;
 
   }
   ul#listMenu li a:hover{
      color: #FFF;
      text-decoration: underline;
   }
/*======== end header styles ========*/

  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#636263;}
   h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#CCC;}
   
   /*======== text elements ========*/
   p {margin: 1em 0;}   
   blockquote {margin-left: 2em;}
   dl {margin: 0 1em;}
   dd {margin-left: 1em;}
   p a, blockquote a, dl a, abbr a, acronym a {color:#410a0a;}
   p a:hover, blockquote a:hover, dl a:hover, abbr a:hover, acronym a:hover {color:#b96868;}
   
 
   
   /*

div#show3 {
background-color:#efefef;
width:140px;
margin:0 auto;
border:1px solid #444444;
}
div#show3 table td, div#show4 table td {
height:24px;
background-image:url('38.gif');
}
div#show4 table td {
background-image:url('40.gif');
}
div#show3 table input,  div#show4 table input {
outline-style:none;
}



/*======== content styles ========*/
body#home #content {
   background-color: transparent;
width: 760px;
background-image: url(/pages/images/pages/home_bg.jpg);
background-position:0px;
height:345px;
float:left;
margin-left: 15px;}

* + html body#home #content {
position:relative;
top:0px;
left:0px;
}

* html body#home #content {
background-position:0 -80px;
height:345px;
margin-left:7.5px;}

* + html body#home #content {
position:relative;
top:0px;
left:0px;}

 body#home #content p {
width:275px;
font-size: 12px;
line-height: 1.2em;
padding: 0.5em;
padding-right: 2em;
position: relative;
top:-235px;
left: 434px;
text-align:left;
   }
   

   * html body#home #content p {
   width:260px;
   top:100px;
   left:40px;
   }
   
   * + html body#home #content p {
   width:260px;
   top:-290px;
   left:435px;
   }
   
   * html body#home  #content div.block {
   margin:0px;
   padding:0px;
   }
   


body#kithara #content {
   background-color: transparent;
width: 760px;
background-image: url(/pages/images/pages/cases_bg.jpg);
background-position:0px;
height: 400px;
float:left;
margin-left:15px;}

* html body#kithara #content {
margin-left:7.5px;
}

* + html body#kithara #content {
position:relative;
top:0px;
left:0px;
}

body#reclaimed_wood #content {
   background-color: transparent;
width: 760px;
background-image: url(/pages/images/pages/wood_bg.jpg);
background-position:0px;
height: 350px;
float:left;
margin-left: 15px;}

body#reclaimed_wood #content p {
top:60px;
}

* html body#reclaimed_wood #content {
margin-left:7.5px;
}

* + html body#reclaimed_wood #content {
position:relative;
top:0px;
left:0px;
}

#slideshow {
position:relative;
top:10px;
left:33px;
width:330px;
}

* html #slideshow {
float:left;
/*position:relative;
top:10px;
left:-185px;
margin:0px;
padding:0px;*/

}

#slideshow img {
position:relative;
top:-8px;
left:-30px;
width:330px;
}

 #content p {
width:275px;
font-size: 12px;
line-height: 14px;
padding: 0.5em;
padding-right: 2em;
position: relative;
top:90px;
left: 434px;
text-align:left;
   }
   
   * html #content p {
   left: 200px;
   top:80px;
   }
   


   #content h2 {
      font-size: 1.4em;
  margin-top: 1em;
   }
   #content h4 {
      font-size: 1.2em;
  margin-top: 0.5em;
   }
   
     #content h3 {
   display:none;
   }
   
   #content img {
      margin: 0.75em 3em;
   }
   #content ul li {
   margin-left: 1em;
   }
/*======== end content styles ========*/

/*======== column1 styles ========*/
#column1 {
/* don't set font-size here if using ems or 1em will not equal 10px*/
   background-color: transparent;
   width: 340px;
   float: left;
}
   #column1 img {
      padding-left: 2.5em;
   }
   #column1 p {
      font-size: 1.2em;
  line-height: 1.4em;
  padding: 0.5em;
  padding-left: 2.5em;
   }
/*======== end column styles ========*/

/*======== footer styles ========*/
#footer {
border-top:solid #b0a58e 10px;
border-bottom:solid #b0a58e 10px;
height: 89px;
clear: both;
background-color: #fff;
width: 760px;
left: 15px;
position: relative;
}

* html #footer {
left:-3px;
}

* + html #footer {
left:8px;
}
#footer a {
color:#410a0a;
}

#footer a:hover {
color:#b96868;
}

   #footer img {
   padding: 48px 0 0 175px;
   }
   #footer p {
color: #240202;
font-size: 1.1em;
padding-top: 1em;
text-align: center;
   }
/*======== end footer styles ========*/

/*======== Tony Aslett's clearing method ========*/ 
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
   /* the period is placed on the page as the last thing before the div closes */
    content: "."; 
 /* inline elements don't respond to the clear property */            
display: block;
/* ensure the period is not visible */          
    height: 0; 
 /* make the container clear the period */                 
    clear: both; 
 /* further ensures the period is not visible */              
    visibility: hidden;     
}
.clearfix {
   display: inline-block;
}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
}
.clearfix {
   display: block;
}
/* End hide from IE-mac */
/*======== end Tony Aslett's clearing method ========*/