div.portfolio {
	background: url(../images/portfolio-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFFFFF;
	padding-top: 146px;
	padding-left: 1px;
	height: 324px;
}

/* PORTFOLIO NAVIGATION BOX 
--------------------------------------*/
#port-nav  {
	float: left;
	margin-top: 10px;
	padding-left: 1px;
}
#port-nav ul {
	float: left;
	margin-left: 0px;
}
#port-nav ul li {
	font-size: 10px;
	text-align: center;
	margin-bottom: -2px;
	padding-bottom: 1px;
	display: inline;
}
#port-nav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 7px;
	padding-bottom: 6px;
	height: 7px;
	background: url(../images/port-navbg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 7px;
	display: block;
	width: 137px;
	margin-left: 1px;
	text-align: center;
	margin-right: 1px;
	margin-top: 2px;
	letter-spacing: 1pt;
}
#port-nav ul li a:hover {
	background: url(../images/agency-navbghov.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #212b00;
}
/* nav selected classes */
#port-nav ul li a.selected 		{ background-color: #ececec; }
#port-nav ul li a:hover.selected {
	background-image: none;
	background-color: #ececec;
}
div#port-nav > ul li 			{ margin-bottom: 2px; }

#port-nav ul li a.print, #port-nav ul li a.print:hover 		{ color: #d89600; }
#port-nav ul li a.id, #port-nav ul li a.id:hover 			{ color: #ff6600; }
#port-nav ul li a.tv, #port-nav ul li a.tv:hover 			{ color: #a28e37; }
#port-nav ul li a.radio, #port-nav ul li a.radio:hover 		{ color: #c5785d; }


/* PORTFOLIO SUBNAV BOX 
--------------------------------------*/
#port-desc {
	float: left;
	width: 276px;
	color: #212b00;
	font-size: 11px;
	margin-left: 1px;
	padding-top: 0px;
	clear: left;
	margin-top: 3px;
	height: 225px;
}
div.port-print {
	background-color: #d9a800;
	background-image: url(../images/print-tick.gif);
	height: 225px;
}
div.port-id {
	background-color: #d9822b;
	background-image: url(../images/id-tick.gif);
}
div.port-tv {
	background-color: #a6924b;
	background-image: url(../images/tv-tick.gif);
}
div.port-radio {
	background-color: #d0866d;
	background-image: url(../images/radio-tick.gif);
}
/* subsub corner ticks */
#port-desc div#cornertick {
	overflow: visible;
	width: 276px;
	z-index: 150;
	display: block;
	position: absolute;
	top: 371px;
	left: 300px;
}
#port-desc div#cornertick a {
	float: right;
}
#port-desc  div#cornertick a img	{
	float: right;
}

div.port-print, div.port-id, div.port-tv, div.port-radio {
	background-repeat: no-repeat;
	background-position: 251px bottom;
}
div#port-nav + div#port-desc 		{ margin-left: 2px; }

#port-desc ul li  {
	display: inline;
	height: 21px;
	float: left;
}
#port-desc ul li a {
	text-decoration: none;
	padding-top: 7px;
	padding-bottom: 6px;
	height: 7px;
	line-height: 7px;
	display: block;
	padding-left: 22px;
	color: #212b00;
	letter-spacing: 1pt;
}
/* portfolio PRINT subNAV styles */
#port-desc ul li.ads {
	width: 68px;
	display: block;
}
#port-desc ul li.collat {
	width: 112px;
	display: block;
}
#port-desc ul li.out {
	width: 96px;
	display: block;
}
/* selected styles */
#port-desc ul li a.selected 	{ background-color: #f9f2d9; }
#port-desc ul li a:hover 		{ background-color: #f7eecc; }
#port-desc div.subsub {
	float: left;
	clear: left;
	margin-top: 10px;
	line-height: 14px;
	width: 263px;
	padding-right: 8px;
	padding-left: 6px;
}
#port-desc div.print {
	margin-top: 6px;
	height: 169px;
}
#port-desc div.subsub a  {
	text-decoration: none;
	display: block;
	padding-left: 28px;
	color: #212b00;
	font-size: 10px;
	width: 234px;
}
#port-desc  .subsub  p  a  {
	position: absolute;
	z-index: 150;
	display: block;
	height: 16px;
}
.subsub p {
	height: 15px;
}
/* subsub hover colors */
#port-desc  div.print a:hover 	{	background-color: #EDD480; }
#port-desc  div.id a:hover 		{ 	background-color: #ecc195; }
#port-desc  div.tv a:hover 		{	background-color: #d3c9a5; }
#port-desc  div.radio a:hover	{	background-color: #e8c3b6; }