/* 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-image: url(/pages/images/pages/page_bg.gif);
background-repeat: repeat;
}
#wrapper {
width: 790px;
margin: 0em auto;
margin-top: 0;
background-image:url(/pages/images/pages/border_bg.gif);
background-repeat:repeat-y;
margin-top:-13px;
}

#print {
display:none;
}

* html #wrapper {
margin-top:0px;
}

* + html #wrapper {
margin-top:0px;
}

#innerWrapper {

}

/*======== header styles ========*/
#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;
}
   ul#listMenu {
/*font-weight: bold;*/
  font-size: 1.4em;
list-style:none;
width: 100%;
padding-top: 175px;
margin-left: 40px;
   }
   
 * html ul#listMenu {
 padding-top: 160px;
 }  
 
  * + html ul#listMenu {
 padding-top: 160px;
 } 
 
   ul#listMenu li {
      float:left;
  border-left: #DBD8C0 solid 2px;
      padding: 0 0.75em;
   }
   
 #header ul#listMenu li.noBorder {
  border-style: none;
   }
   
   ul#listMenu li a{
      color: #DBD8C0;
  text-decoration: none;
 
   }
   ul#listMenu li a:hover{
      color: #FFF;
      text-decoration: underline;
   }
/*======== end header styles ========*/

/*======== content styles ========*/
#content {
/* don't set font-size here if using ems or 1em will not equal 10px*/
background-color: #ece0d0;
width: 760px;
float:left;
margin-left: 15px;
}

* html #content {
margin-top:-10px;
margin-left:8px;
}


* + html #content {
margin-top:-10px;
margin-left:15px;
}

   #content div.block {
   padding:1em;
   }
   
   
   #content a, #content a:visited {
   
   }
   
   #content a:hover {
   
   }
   

   #content p {
font-size: 1.2em;
line-height: 1.5em;
padding: 0.5em;
padding-right: 2em;
}
   
   #content h2 {
      font-size: 1.4em;
  margin-top: 1em;
   }
   
   #content h3 {
   font-size: 1.6em;
color:#240202;
margin-top: 1em;
   
   }
   
   #content h4 {
      font-size: 1.2em;
  margin-top: 0.5em;
   }
   
  
   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;}
   /*======== end text elements ========*/
  
  
   #content img {
      margin:10px;
  border:4px solid #240202;
   }
  
   
   /*======controls image alignment========*/
   
   #content .right {
   float:right;
   }
   
   #content .left {
   float:left;
   }
   
   #content ul li {
   margin-left: 1em;
   }
   
   #content p.caption {
   text-align:center;
   margin-top:2px;
   font-size:.9em;
   }
   
   #gallery_wrap {
   width:725px;
   padding-left:15px;
   }
   
   #gallery_cat_wrap {
   padding-top:10px;
   width:160px;
   height:370px;
   float:left;
   }
   
   * html #gallery_cat_wrap {
   width:170px;
   }
   
   .gallery_cat {
   width:80px;
   float:left;
   text-align:center;
   font-size:1.1em;
   }
   
   .gallery_cat img {
   border:2px solid #240202;
   }
   
   #large_pic {
   float:right;
   width:475px;
   padding-right:30px;
   margin-bottom:20px;
   }
   
   * html #large_pic {
   margin-bottom:10px;
   }
   
   #large_pic p {
   height:0px;
   }
   
   #large_pic img {
   border:4px solid #240202;
   }
   
   
/*======== end content styles ========*/


/*======== lists ========*/
   ul, ol {margin: 1em 3em;}
   ul li ul, ol li ol, ol li ul,  ul li ol {margin: 1em 2em;}
   ol {margin-left: 3.5em;}
   ul li, ol li {margin-bottom: 0.5em;}
   ul li a, ol li a {color:#636263;}
   ul li a:hover, ol li a:hover {color:#CCC;}
   /*======== end lists ========*/
   
   /*======== forms ========*/
   form {margin: 0.5em 0;}
   form a {color:#636263;}
   form a:hover {color:#CCC;}
   
   form#contact_form {
   padding-left:15px;
    float:left; 
width:165px;
   }
   
   form#contact_form textarea {
   font-size:10px;
   font-family:verdana;
   margin:5px;
   }
   
   form#contact_form input {
   margin:5px;
   font-size:10px;
   width:145px;
   font-family:verdana;
   }
   
   form#contact_form fieldset {
   border:1px solid #16281f;
   }
   
   form#contact_form label {
   padding-left:6px;
   }
   
   form#contact_form legend {
   font-weight:bold;
   font-size:11px;
   padding:3px;
   }
   
   /*======== end forms ========*/


/*======== 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;
   }
   
 #column1_cat {
 width:175px;
 padding-left:15px;
  float:left;
  padding-top:10px;
 }  
 
* html column1_cat {
 padding-top:20px;
}

* + html column1_cat {
padding-top:20px;
}
 
 #column1_cat h2 {
 border-bottom:1px solid #240202;
 text-align:center;
 margin-top:0px;
 padding-top:10px;

 }
 
 #column1_cat ul {
 list-style-type:none;
 }
 
  #column1_cat ul li {
  
  }
  
  #column1_cat ul li a {
  text-decoration:none;
  color: #240202;

font-size: 1.1em;
  }
  
  #column1_cat ul li a:hover {
  text-decoration:underline;
  }
  
  #column2_cat {
width:500px;
float:right;
padding-left:20px;
margin-bottom:15px;
padding-right:15px;
padding-top:10px;
  }
  
  #column2_cat img {
  border:none;
  }
  
  * html #column2_cat {
   padding-top:20px;
  }
  
   * + html #column2_cat {
  padding-top:20px;
  }
  
  #column2_cat h2 {
  text-align:center;
  }
  
  .description {
  width:350px;
  float:left;
  }
  
  .description h3 {
  border-bottom:solid 1px #240202;
  }
  
  .sample {
  float:right;
  width:150px;
  }
  
  .sample img {
  float:right;
  }
  
  .cat_thumbs {
  width:205px;
  float:left;
  padding:15px;
  }
  
  .cat_thumbs p {
  color:#240202;
  font-weight:bold;
  margin:0px;
  }
  
/*======== end column styles ========*/

/*======== footer styles ========*/
#footer {

border-top:solid #16281f 10px;
height: 89px;
clear: both;
background-color: #ece0d0;
width: 760px;
left: 15px;
position: relative;
}
   #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 ========*/ 

#content img.no_image_border {
  border: none;
}