@charset "utf-8";
/* CSS Document */

.project-shadow-wide {
	width:654px;
	/*background:url(/templates/skin/bg/bg_shadow.png) top left no-repeat;*/
	padding:4px;
	cursor:pointer;
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}


.project-shadow {
	width:322px;
	/*background:url(/templates/skin/bg/bg_shadow.png) top left no-repeat;*/
	padding:4px;
	cursor:pointer;
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}

.project-right {
	margin-right:0px;
}

.project-shadow:hover, .project-shadow.hover { background-position:top right; }

.project-content {
	/*width:320px;*/
	height:202px;
	overflow:hidden;
	position:relative;
}

.project-content img { 
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

.project-content .copy { 
	position:absolute;
	top:0px;
	left:0px;
	margin-top:155px;
    background:url(/templates/skin/bg/bg_overlay_transparency.png) repeat;
	/*width:300px;*/
	padding:5px 10px;
	height:150px;
	z-index:200;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.project-content .bot-shadow {
	position:absolute;
	bottom:0px;
	left:0px;
	height:12px;
	width:320px;
	background:url(/templates/skin/bg/bg_bot_shadow.png) repeat-x;
	z-index:300;
}


.project-content .copy h3 { font-family:Tahoma; font-size:14px; color:#FFF; margin:0; font-weight:300; padding:0px; }
.project-content .copy h4 { font-family:Tahoma; font-size:11px; color:#FFF; margin:0 0 10px 0; font-weight:300; }
.project-content .copy p {  font-family:Tahoma; font-size:11px; color:#FFF; margin:0 0 10px 0; font-weight:300; }

.project ul { list-style:none; }
.project ul li { float:left; background:none; padding:0px; text-indent: -10000px; }
.project ul li a { width:95px; height:32px; padding:0px; display:block; }

.project ul li.magento a { background: url(../skin/icons/icon_magento.gif) 0px -2px; }
.project ul li.integration a { background: url(../skin/icons/icon_integration.gif) 0px -2px; }

.project ul li a:hover { background-position:0px 0px; }