/*  SINGLE WORK
------------------------------------------------------------------*/

.reflection {
	background: #222521 url("../images/about_panel_reflection.png") left top no-repeat;
	height: 23px;
	margin: 1px 20px 0 0px;
	clear: left;
}

/* All Works
------------------------------------------------------------------*/
#centerContainer {
	margin: 0 0 0 20px;
	padding: 0;
}
#allWorkContainer  {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
#allWorkContainer h2 {
	font: normal 1.2em/1.2 "Century Gothic", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #4690BB;
	margin: 0 0 1em 0;
	padding: 0;
	clear: both;
}
#allWorkContainer ul.portfolio {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	display: block;
}
#allWorkContainer ul.portfolio li {
	margin:0 2% 0 0;
	padding: 0;
	list-style: none;
	background: none;
	width: 31%;
	height: 17em;
	float: left;
	display: block;
}
#allWorkContainer ul.portfolio .workContainer {
	margin: 0;
	padding: 0;
}
#allWorkContainer ul.portfolio .workContainer .tl { background: url("../images/about_corner_tl.png") left top no-repeat; padding: 0; }
#allWorkContainer ul.portfolio .workContainer .tr { background: url("../images/about_corner_tr.png") top right no-repeat; padding: 0; }
#allWorkContainer ul.portfolio .workContainer .bl { background: url("../images/about_corner_bl.png") left bottom no-repeat; padding: 0; }
#allWorkContainer ul.portfolio .workContainer .br { background: url("../images/about_corner_br.png") right bottom no-repeat; padding: 5px; }
.workContainer .imgContainer {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 100%;
}
#allWorkContainer ul.portfolio li .imgContainer .client {
	width: 100%;
	height: 7em;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	border: none;
}
#allWorkContainer ul.portfolio li .imgContainer a:hover.client {
	opacity: 0.7;
}
#allWorkContainer ul.portfolio li .imgContainer .client img { display: none; }

#allWorkContainer ul.portfolio li .imgContainer .client#web01 {
	background: transparent url("../images/web/portfolio_web_01.jpg") left top no-repeat; 
	/*Experimental*/
	position:relative; top:0px;
}
#allWorkContainer ul.portfolio li .imgContainer .client#web02 { 
	background: transparent url("../images/web/portfolio_web_02.jpg") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#web03 { 
	background: transparent url("../images/web/portfolio_web_03.jpg") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#web04 { 
	background: transparent url("../images/web/portfolio_web_04.jpg") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#web05 { 
	background: transparent url("../images/web/portfolio_web_05.jpg") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#web06 { 
	background: transparent url("../images/web/portfolio_web_06.jpg") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#graphics01 { 
	background: transparent url("../images/graphics/portfolio_graphics_01.png") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#graphics02 { 
	background: transparent url("../images/graphics/portfolio_graphics_02.png") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#graphics03 { 
	background: transparent url("../images/graphics/portfolio_graphics_03.png") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#render01 { 
	background: transparent url("../images/3d/portfolio_3d_01.jpg") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#render02 { 
	background: transparent url("../images/3d/portfolio_3d_02.jpg") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#render03 { 
	background: transparent url("../images/3d/portfolio_3d_03.jpg") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#photography01 { 
	background: transparent url("../images/photography/portfolio_photo_01.png") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#photography02 { 
	background: transparent url("../images/photography/portfolio_photo_02.png") left top no-repeat; 
}
#allWorkContainer ul.portfolio li .imgContainer .client#photography03 { 
	background: transparent url("../images/photography/portfolio_photo_03.png") left top no-repeat; 
}

.workContainer .reflection {
	background: transparent url("../images/portfolio_reflection.png") left bottom no-repeat;
	height: 21px;
	margin: 0;
	clear: left;
	display: block;
}
#allWorkContainer ul.portfolio li .workContainer p {
	font: normal .8em/1.4 Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #BBBFB9;
	letter-spacing: .04em;
	padding: 0;
	margin: 0 0 .5em 0;
}
#allWorkContainer ul.portfolio li .workContainer p strong {
	font: normal 1.17em/1 "Century Gothic", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #4690BB;
	margin: -.9em 0 2em 0;
	letter-spacing: -.01em;
	padding: 0;
}
#allWorkContainer ul.portfolio li .workContainer p strong a, 
#allWorkContainer ul.portfolio li .workContainer p strong a:visited {
	color: #4690BB;
	border: none;
	text-decoration: none;
	padding: 0;

}
#allWorkContainer ul.portfolio li .workContainer p strong a:hover {
	color: #C6E783;
	border: none;
	text-decoration: none;
}