/****************************\
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{
margin:0px;
padding:0px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background:#fff;
}
a{
color:#7799b4;
text-decoration:none;
}
a:active{
color:#7799b4;
text-decoration:none;
}
a:visited{
color:#7799b4;
text-decoration:none;
}
a:hover{
color:#c3d3de;
text-decoration:none;
}
#container{
position:relative;
width:100%;
border:none;
text-align:left;
}
#header{
position:relative;
background:url(/shared/47/images/header_bg.jpg) repeat-x top left;
height:114px;
}
#logo{
position:relative;
border:none;
height:114px;
}
#flags{
position:absolute;
top:0px;
right:10px;
height:114px;
}
#wrapper{
position:relative;
background:#fff url(/shared/47/images/leftcol_bg.gif) repeat-y top left;
min-height:400px;
*height: expression(this.scrollHeight < 400 ? "400px" : "auto");
}
#leftcol{
position:relative;
width:109px;
float:left;
}
#leftmenu ul{
list-style:none;
margin:0px;
padding:0px;
width:104px;
}
#leftmenu ul li {
  padding-bottom:8px;
  width:100px;
}
#leftmenu ul li a{
color:#fff;
text-decoration:none;
}
#leftmenu ul li a:active{
color:#fff;
text-decoration:none;
}
#leftmenu ul li a:visited{
color:#fff;
text-decoration:none;
}
#leftmenu ul li a:hover{
color:#c3d3de;
text-decoration:underline;
}
#maincol{
position:relative;
float:left;
width:670px;
}
#content{
float:none;
display:block;
padding:10px;
width:auto;
}
#footer{
position:relative;
display:block;
height:20px;
background:#c3d3de url(/shared/47/images/leftcol_bg.gif) repeat-y top left;
}
#portfolio_category_box {
width:610px;
position:relative;

}
.portfolio_category_items{
height:auto;
}

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.portfolio_category_items:after {
 content: "."; 
 display: block; 
 height: 0px; 
 font-size:0px;
 clear: both; 
 visibility: hidden;
 }
 
.portfolio_category_items{display: inline-block;}

/* Hides from IE-mac \*/
* html .portfolio_category_items{height: 1%;}
.portfolio_category_items{display: block;}
/* End hide from IE-mac */  

/*printer styles should be its own document*/