@media screen,projection {

#portfolio-header {
	float:left; width:387px; height:63px;
}
#portfolio-header h1 {font-variant:normal; margin:8px 0 0 15px}

#portfolio-item {
	float:left; width:263px; overflow:hidden;
}
#portfolio-item h2 {
	font:normal bold 10px verdana, geneva, sans-serif;
	color:#606060;
	margin:8px 0 2px 0;
}
#portfolio-item p {
	font:italic normal 11px verdana, geneva, sans-serif;
	color:#606060;
	margin:2px 0;
}

#portfolio-lay {
	position:relative; left:15px; width:640px; height:280px;
	background-image:url(../img/spoint.gif);
	background-repeat:repeat-x;
	background-position:0 182px;
}
#portfolio-img {
	width:362px;height:279px;float:left;
}
#portfolio-img img {width:342px;height:279px;display:block;border:0}

#portfolio-description {
	float:left; position:relative; width:275px; height:181px; overflow:auto;
}
#portfolio-description div {padding:0 0 0 10px; padding-right:0}
#portfolio-description p {
	font:normal normal 11px verdana, geneva, sans-serif;
	color:#606060;
	margin:0 0 12px 0;
}

#portfolio-launch {
	position:absolute; bottom:8px; font-size:10px; background-color:#fff;
}
#portfolio-launch a {display:block}

#portfolio-icons {
	position:absolute; left:350px; top:195px; width:225px;
}
#portfolio-icons img {width:22px;height:22px;border:0; margin:0 5px 5px 5px}

#prev-next {
	position:relative; clear:both;
	padding:0 35px; margin-top:10px; font-size:10px; height:40px;
}
#prev-next div {height:20px;padding-top:4px}
#prev {float:left;width:34%}
#next {float:right;width:32%; text-align:right}
#cl-list {float:left; width:33%; text-align:center}

a:link {color:#494e90; text-decoration:none}
a:visited {color:#494e90; text-decoration:none}
a:hover {color:#090e60; text-decoration:none}
}

@media print {
#prev-next, #portfolio-launch {display:none}
#portfolio-icons img {border:0; margin:30px 10px}
}