/* 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;  color:#000;}

/*****Basic Definitions*****/
body { color: #000; font: 15px; font-family:Arial, Helvetica, sans-serif;}
h1 { font-size: 1.667em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.000em; }
h4 { font-size: 14px; color:#000;height:80px;}
h5, h6 { font-size: 1em; }

a {color: #000; text-decoration:none }
a:visited {  color:#000;}
a:hover { text-decoration: underline;  color:#000;}
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }

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

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

div#container h2 { 
	float: left; 
	padding: 0px;
	height:20px;
	background:#3366cc;
	padding:12px;
	padding-top:19px;
	margin-top:-93px;
	margin-left:px;
  font-size:12px;
	color:#fff;
	text-decoration:none;
}
div#container h2:hover { 
	float: left; 
	padding: 0px;
	height:20px;
	background:#000;
	padding:12px;
	padding-top:19px;
	margin-top:-93px;
	margin-left:px;
  font-size:12px;
	color:#fff;
	text-decoration:none;
}

ul#filter { background:#fff;float: left; font-size: 16px; list-style: none; margin-left: 0;margin:0px;padding:0px;border-bottom:0px;margin-bottom:0px;
	float: left;
	line-height: 16px;
	margin-right: 0px;
	padding-right: 0px;
	 width: 100%;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #000; text-decoration: none;float: center;  }
ul#filter h2 { margin:20px;margin-bottom:0px;font-size:14px;border-bottom:1px solid #d2d2d2;padding-bottom:14px;width:160px; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #000; text-decoration: none;}

ul#portfolio { float:right; list-style: none; margin:0px;width:100%;background:#fff;padding:0px;}
ul#portfolio li { 
	margin:10px;
	padding:0px;
	border:1px solid #fff;
	font-size:16px;
	text-decoration:none;
}

ul#portfolio li p a{ 
  color:#000;
	padding:0px;
	margin-top:20px;
	font-size:16px;
	min-height:100px;
	text-decoration:none;
}

ul#portfolio li:hover { 
	margin:10px;
	border:1px solid #fff;
	padding:0px;
	text-decoration:none;
}

ul#portfolio img { 
	float: center; 
	width:auto;
	height:auto;
}

ul#portfolio h2 { 
	background:#000;padding:6px;margin-top:0px;width:100%;margin-right:0px;color:#fff;font-size:14px;text-decoration:none;
}
ul#portfolio h2:hover { 
	background:#111;padding:6px;margin-top:0px;width:100%;color:#fff;font-size:14px;text-decoration:none;text-decoration: underline;
}

ul#portfolio h2 a {float: center;  display: block;color:#fff;padding:0px;text-decoration: none;margin-top:0px;}
ul#portfolio h2 a:hover {float: center;color:#fff; text-decoration: none; }

ul#portfolio a {float: center;  display: block;color:#000;padding:0px;text-decoration: none;margin-top:0px;}
ul#portfolio a:hover {float: center;color:#000; text-decoration: none; }











ul#home { float: right; list-style: none; margin-left: 0; width: 668px; margin-right:0px;background:#fff;padding-bottom:13px;}
ul#home li { 
	float: left; 
	padding: 0px;
	width: 676px;
	height:20px;
	background:#000;
	padding:0px;
}
ul#home h2 { 
	float: left; 
	padding: 0px;
	width: 112px;
	height:23px;
	background:#DBDBDB;
	padding:6px;
	padding-left:11px;
	margin-top:12px;
  font-size:12px;
	color:#000;
	text-decoration:none;
}
ul#home h2:hover { 
	float: left; 
	padding: 0px;
	width: 112px;
	height:23px;
	background:#C9C9C9;
	padding:6px;
	padding-left:11px;
	margin-top:12px;
  font-size:12px;
	color:#000;
	text-decoration:underline;
}

ul#home a { display: block;background:#fff;padding:12px;width:676px;height:20px;text-decoration: none;border-bottom:6px solid #d2d2d2;}
ul#home a:hover { text-decoration: none; }
ul#home img{ max-width:100%; height:auto;}