/* Portfolio Filter Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { color: #333; font: 12px/18px Verdana, Helvetica, Arial, sans-serif; }
h1 { font-size: 1.667em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.333em; }
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; }

a { color: #333; }
a:visited { }
a:hover { text-decoration: none; }
p, ul, ol, dl, table { margin: 0; }
ul, ol, dd {margin:0; }

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#container { 
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1020px;
}

p#filter{
	color: #333333;
    float: left;
    font-family: Trebuchet MS;
    font-size: 18px;
    margin: 8px 12px 0 0;
    text-shadow: 1px 1px 1px #EFF2F3;
}
ul#filter { 
    background: url("../images/menu_line.jpg") repeat-x scroll center top transparent;
    border-left: 3px solid #C8C8C8;
    border-right: 3px solid #C8C8C8;
    float: left;
    font-size: 16px;
    line-height: 37px;
    list-style: none outside none;
    margin: 1px 0 15px;
    padding-bottom: 7px;
    position: relative;
    width: 472px;

	-moz-border-radius: 7px 7px 7px 7px; 
	-webkit-border-radius: 7px 7px 7px 7px; 
	-khtml-border-radius: 7px 7px 7px 7px;   
	border-radius: 7px 7px 7px 7px; 
	behavior: url(/pie/PIE.htc);
}
ul#filter li#fst{
	-moz-border-radius: 10px 0 0 10px; 
	-webkit-border-radius: 10px 0 0 10px; 
	-khtml-border-radius: 10px 0 0 10px; 
	border-radius: 10px 0 0 10px; 
	behavior: url(/pie/PIE.htc);
}
ul#filter li { 
    border-right: 1px dotted #333333;
    float: left;
    height: 45px;
    margin: 3px 0 0;
    padding: 4px 10px 0;
}
ul#filter li img{
	vertical-align:middle;
}
ul#filter li:last-child {
	border-right: medium none;
}
ul#filter a span{
	display:none;
}
ul#filter a {color: #333; text-decoration: none; font-weight:normal;text-decoration:none; }

/*
ul#filter li.current{
	background:url(../images/menu_curr.png) repeat-x top center;
}
*/
ul#filter li.current a, ul#filter a:hover { text-decoration: none; }
/*ul#filter li.current a { color: #fff; font-weight: normal; }*/

ul#portfolio { 
	float: left; 
	list-style: none; 
	margin-left: 0; 
	width: 1009px; 
}
ul#portfolio li { 
    border-right: 1px dotted #36393C !important;
    border-top: 1px dotted #36393C !important;
    float: left;
    height: 137px;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    vertical-align: middle;
}
/*
ul#portfolio li.border{
	border-right: 1px solid #96aab7; 
}
ul#portfolio li.bot{
	border-bottom: 1px solid #96aab7; 
}
ul#portfolio li.entertainment{
	padding-bottom: 5px;
}
*/
ul#portfolio a { display: block;  }
ul#portfolio a:hover { text-decoration: none; }

ul#portfolio img{

}

/* portfolio hover */

.hide {position:absolute; z-index:800; left:-9999px;}


.hide {
background:#fff;
color:#000;
/*width:330px;*/
padding:3px 12px;	
border:1px solid #a6a6a8;
-moz-border-radius: 15px 15px 15px 15px; 
-webkit-border-radius: 15px 15px 15px 15px; 
-khtml-border-radius: 15px 15px 15px 15px; 
border-radius: 15px 15px 15px 15px; 
behavior: url(/pie/PIE.htc);
}

.hide h3 {
font-size:16px; 
font-family:georgia, serif; 
color:#800; 
margin:0; 
padding:5px 0;
text-align:center
}
.hide p {
	padding:0; 
	margin:0; 
	font-size:13px; 
	line-height:1.5em;
}