/****************************\
css hacks: 
* in front of css property: ie 7 or lower
_ in front of css property: ie 6 or lower
escaping any letter (\) between a-z0-9 hides from ie 5.x
ie5-6 cannot do tag inheritance, prefix html>body to hide from ie 6 or <.
ie 7 appears to support it. (unconfirmed)
tag:empty { only evaluates in safari. }
_height: expression(this.scrollHeight < 400 ? "400px" : "auto"); ie6 min-height
The following is a png hack to fix transparent background images in ie6 (which pngbehavior doesn't catch).
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/a.png',sizingMethod='image');

Supposedly this fixes ie6 background image flicker, (useful for css rollover menus? maybe not).  
Haven't tested.  Expressions may cause browser to act slow and laggy.  Could be implemented in javascript instead..
html { _filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
\****************************/
html,body {
position:relative;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-align:center;
background:#08040b url(/shared/61/images/sb-main-page-bg.jpg) repeat-x top left;
_padding-bottom:50px;
}
a{
color:#2a7340;
text-decoration:underline;
}
a:visited{
color:#2a7340;
text-decoration:underline;
}
a:active{
color:#2a7340;
text-decoration:underline;
}
a:hover{
color:#755c8a;
text-decoration:underline;
}
#container {
position:relative;
width:800px;
background:#fff;
border:none;
text-align:left;
}
#footer{
position:relative;
display:block;
background:url(/shared/61/images/btm-bar.jpg) repeat-x top left;
height:25px;
width:800px;
}
#header{
position:relative;
width:800px;
height:130px;
}
#mainheader{
position:relative;
width:800px;
height:400px;
background:url(/shared/61/images/main-content-bg.jpg) no-repeat bottom left;
}
#mainmenu{
position:absolute;
top:350px;
 _z-index:1;
}
#mainbanner{
 position:relative;
 width:800px;
 height:207px;
 background:#c0ab7d;
 *z-index:-1;
}
#mainbanner a{
 display:block;
}
#mainbannerimg{
 position:relative;
 width:800px;
 height:207px;
}
#mainbannerimg img{
 display:block;
}
#mainbuttons{
 position:absolute;
 top:30px;
 left:250px;
}
#shop{
 position:absolute;
 top:20px;
 left:625px;
 width:auto;
}
#logo{
 position:absolute;
 width:auto;
 top:25px;
 left:25px;
 border:none;
}
#mainlogo{
 position:absolute;
 width:auto;
 top:25px;
 left:25px;
 border:none;
}
#testimonial{
 position:relative;
 color:#656868;
}
.testimonial-author{
 font-weight:bold;
}
#quote{
 position:absolute;
 left:350px;
 top:20px;
 width:380px;
}
#mainquote{
 position:absolute;
 left:25px;
 top:175px;
 width:280px;
}
#flash{
 position:absolute;
 left:273px;
 top:-80px;
}
#leftquote{
 position:absolute;
 top:0px;
 *top:-10px;
 left:-30px;
}
#rightquote{
 position:absolute;
 bottom:10px;
 right:-5px;
}
#banner{
 position:relative;
 width:800px;
 height:147px;
 background:#c0ab7d;
}
#bannerimg{
 position:relative;
 width:800px;
 height:147px;
}
#bannerimg img{
 display:block;
}
#pageheader{
 position:absolute;
 top:20px;
 left:350px;
 width:auto;
}
#shopsmall{
 position:absolute;
 top:20px;
 left:675px;
 width:auto;
}
#wrapper{
 position:relative;
 width:800px;
 background:url(/shared/61/images/int-content-bg.jpg) no-repeat top left;
}
#maincol{
 position:relative;
 width:550px;
 padding:15px;
 float:left;
 _z-index:-1;
}
#maincol table img {
 margin:3px;
 border:1px solid #C0AB7E;
}
#content{
 display:block;
 padding:20px;
}
#rightcol{
 position:relative;
 padding:25px 15px;
 float:left;
}
#rightcol ul {
 font-size:12px;
 font-weight:bold;
 list-style:none;
 padding:0;
 margin:25px 0;
}
#rightcol ul li {
  padding-bottom:5px;
  }
#cat_header {
  font-size:14px;
  font-weight:bold;
  }
#topmenu{
 background:none;
 border:none;
 padding-top:20px;
 z-index:1;
}
#footer ul{
 float:right;
 margin:4px;
}
#footer ul a{
 padding:0px 20px;
 color:#fff;
 text-decoration:none;
 text-transform:uppercase;
}
#footer ul a:visited{
 padding:0px 20px;
 color:#fff;
 text-decoration:none;
 text-transform:uppercase;
}
#footer ul a:active{
 padding:0px 20px;
 color:#fff;
 text-decoration:none;
 text-transform:uppercase;
}

#footer ul a:hover{
 padding:0px 20px;
 color:#fff;
 text-decoration:underline;
 text-transform:uppercase;
}
#divider{
 float:left;
 width:auto;
}
/* ///////////////// TOP MENU //////////////// */
/* CSS menu code */
#topmenu ul ul {
 width:160px;                
 padding:0px;           
 cursor:default;             
 margin:0px;            
 list-style: none;
 border:solid 1px #fff;
 background:#2a7340 url(/shared/61/images/dropdown.jpg) no-repeat top left;
 _display:none;
 _position:absolute;
 _top:20px; 
 _left:0px;
}
#topmenu ul ul ul{
 width:160px;                
 padding:0px;           
 cursor:default;             
 margin:0px;            
 list-style: none;
 border:solid 1px #fff;
 background:#2a7340 url(/shared/61/images/dropdown.jpg) no-repeat top left;
 _display:none;
 _position:absolute;
 _top:-1px; 
 _left:160px;
}
#topmenu ul li {
 width:98px;
 height:20px;
 border-right:solid 1px #ccc;
 vertical-align:middle;
 _behavior: url(/shared/61/javascripts/IEmen.htc);
}
#topmenu ul ul li {
 width:160px;
 border-left:none;
 margin-top:0px;
 height:auto;
 border:none;
 background:url(/shared/61/images/menu_bg.jpg) repeat-x top left;
}
#topmenu ul li > ul {          
 display:none;               
 position:absolute;          
 top:20px;                    
 left:0px;
}
#topmenu ul ul li > ul {          
 display:none;               
 position:absolute;          
 top:-1px;                    
 left:160px;
}

#leftmenu ul li:hover, #leftmenu ul li.CSStoHighlight {
 text-decoration:none;
 list-style:none;
}
#topmenu ul ul li:hover, #leftmenu ul ul li.CSStoHighlight {
 text-decoration:none;
 list-style:none;
}
#topmenu ul ul.CSStoShow {     
 display:block;              
}
#topmenu ul li:hover > ul {    
 display:block;              
}
#topmenu ul li a {
 text-align:center;
 font-size:12px;
 color:#000;
 padding:5px 5px;
 display:block;
 line-height:11px;
 text-decoration:none;
 text-transform:uppercase;	
}
#topmenu ul li a:hover, #leftmenu ul li a.CSStoHighLink { 
 color:#2a7340;
}
#topmenu ul li:hover > a {
 color:#2a7340;
} 
#topmenu ul ul li a { 
 text-align:left;
 font-size:12px;
 padding: 5px 5px;
 display:block;
 line-height:11px;
 color:#fff;
 text-transform:uppercase;	
}
#topmenu ul ul li a:hover, #leftmenu ul li a.CSStoHighLink {color:#fff ;background:#63a272;}
#topmenu ul ul li:hover > a {color:#fff;background:#63a272;}

/* ///////////////// END TOP MENU //////////////// */

/* REMOVE PORTFOLIO ARROWS */
#arrow_left {
  display:none;
  }
#arrow_right {
  display:none;
  }
/* //////////////////////////////////////////////// */

.portfolio_category_items {
 height:auto;
}