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


/*****Basic Layout*****/

div#projectcontainer { margin: 20px 20px 0 30px;overflow: hidden; width: 960px; }

ul.filter { list-style: none;  border-bottom: 1px solid #dbe1e2; line-height: 1.25; }
ul.filter li { padding: 1ex 0 1ex 22px; border-top: 1px solid #dbe1e2; background: transparent url(../imgs/testimonials/bullets.png) no-repeat 9px 1em; }
ul.filter a { background: transparent; }
ul.filter li.current a, ul.filter a:hover { text-decoration: underline; }
ul.filter li.current a { color: #333; font-weight: bold; }

 
ul#portfolio { float: left; list-style: none; margin-left: 0; width: 900px; }
ul#portfolio li { border: 1px solid #dedede; float: left; margin: 0 15px 10px 0; padding: 5px;width: 192px;}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }
ul#portfolio li img:hover { opacity:.40;filter:alpha(opacity=40); }


#photomodule-wrap { width: 800px; margin: 20px 20px; position: relative; }
#photomodule-wrap span {float:left;width:60px;margin-top:5px;margin-left:2px; height:40px;border:none; }
#photomodule-wrap span img:hover {opacity:.40;filter:alpha(opacity=40);  }
