.primary-col {
	display:block;
	float: right;
	position:relative;
	overflow:hidden;
	z-index:100;
	width: 563px;
	height: 398px;
	padding: 25px;
}
.scrollon {
	display:block;
	float:left;
	position:relative; 
	overflow:hidden;
	width: 537px;
	height: 398px;
	z-index:1;
}
.scrolloff {
	display:block;
	float:left;
	position:relative; 
	overflow:hidden;
	width: 563px;
	height: 398px;
	z-index:1;
}
.content {
	position:absolute;
	visibility:hidden;
	left:0px;
	top:0px; 
	width:100%;
	z-index:1; 
}
.head {
	position:relative;
	padding-bottom: 15px;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #666666;
	text-align: left;
	padding-left:1px;
}
.body {
	position:relative;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height:1.5em;
	text-align: left;
	padding-left:1px;
}
.logo {
	float:right;
	padding-bottom:15px;
	padding-left:15px;
	text-align:right;
}
.non-logo {
	float:left;
}
.secondary-col {
	display: block;
	float: left;
	position:relative;
	overflow:hidden;
	border-right: 2px solid #B7B7B7;
	width: 260px;
	height: 448px;
}
/*** category nav ***/
.cat-cont {
	display: block;
	position:relative;
	overflow:hidden;
	z-index:200;
	width: 260px;
}
.cat-content {
	display:block;
	position:absolute;
	visibility:visible;
	left:0px;
	top:0px;
	z-index:1;
}
.cat-item-off {
}
.cat-item-off a {
	display: block;
	float:left;
	width: 210px;
	padding-left:25px;
	padding-right:25px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #B7B7B7;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-align: left;
	color:#666666;
	cursor:pointer;
}
.cat-item-off a:hover {
	color: #666666;
	text-decoration:none;
}
.cat-item-on {
}
.cat-item-on a {
	display: block;
	float:left;
	width: 210px;
	padding-left:25px;
	padding-right:25px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #B7B7B7;
	background-color:#D8D8D8;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-align: left;
	color:#666666;
	cursor:pointer;
}
.cat-item-on a:hover {
	color: #666666;
	text-decoration:none;
}
/*** portfolio nav ***/
.nav-cont {
	display: block;
	position:relative;
	overflow:hidden;
	z-index:200;
	width: 260px;
	height: 448px;
}
.nav-pane {
	display:block;
	float:left;
	position:relative; 
	overflow:hidden;
	z-index:1;
	width: 260px;
	height: 448px;
}
.nav-content {
	display:block;
	position:absolute;
	visibility:hidden;
	left:0px;
	top:0px;
	z-index:1;
	cursor:pointer;
}
.nav-item-off {
	cursor:pointer;
}
.nav-item-off a {
	display: block;
	float:left;
	width: 260px;
	border-bottom: 1px solid #B7B7B7;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-align: left;
	color:#666666;
	cursor:pointer;
}
.nav-item-off a:hover {
	text-decoration:none;
	color: #666666;
	cursor:pointer;
}
.nav-item-on {
	cursor:pointer;
}
.nav-item-on a {
	display: block;
	float:left;
	width: 260px;
	border-bottom: 1px solid #B7B7B7;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-align: left;
	color:#666666;
	cursor:pointer;
}
.nav-item-on a:hover {
	text-decoration:none;
	color: #666666;
	cursor:pointer;
}
.nav-item-logo {
	display: block;
	float:left;
	width: 90px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	cursor:pointer;
}
.nav-item-text {
	display: block;
	float:right;
	width: 110px;
	background-color:#F6F6F6;
	padding:15px;
	cursor:pointer;
}
.nav-item-text-head {
	font-family: arial, sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-align: left;
	color:#666666;
	padding-left:1px;
	cursor:pointer;
}
.nav-item-text-summary {
	font-family: arial, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-align: left;
	color:#666666;
	padding-left:1px;
	cursor:pointer;

}