
#leftcolumn {
	float:left;
	width:540px;/*420
	background-color:blue;*/
}

#rightcolumn {
	text-align:left;
	border-style: none;
	margin-left:860px;
	display:block;
	height:510px;
	_height:auto;
	background: url(/images/rnavbg.png) repeat-y;
}
#centercolumn {
	width:320px;
	border-style: none;
	float:right;
	left:-90px;
	top:-514px;
	_top:0px;
	position:relative;	
}
#wrapper {
	text-align:left;
	position:absolute;
	margin-top:-36px;
}
#searchbydesc {
	/*background-color:yellow;*/
	text-align:left;
	padding-left:20px;
	top:15px;
	position:relative;
}

#portfoliopiece {
	width:382px;
	height:393px;
	/*background-color:#ccc;*/
	position:relative;
	left:20px;
	float:left;
}
#portfoliopiece img{
	position:absolute;
	_position:relative;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	border:5px #ffffff solid;
}
#portfoliosublist{
	width:382px;
	height:103px;
	left:30px;
	padding-top:6px;
	text-align:left;
	position:relative;
	clear:left;
}
#portfoliosublist img{
	width:38px;
	height:38px;
	margin:2px;
	
	position:relative;
}
#portfoliopieceinfo{
	width:146px;
	float:right;
	left:15px;
	position:relative;
	text-align:left;
	padding-left:8px;
}
#descriptiontoggle{
	padding-top:30px;
	padding-right:30px;
	text-align:right;
}
#artistdescription{
	text-align:left;
	display:none;
	visibility:hidden;
	width: 282px;
	padding-left:20px;
}
.thumb {
border:1px #fff solid;
margin:2px;
}
.thumbselected {
border:1px #8d9168 solid;
margin:2px;
}
.text1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#83895d;
}			
.text2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#66353f;
}	
.text3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#66353f;
}
.text4,
.text4 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#464847;
	text-decoration:none;
}

.text5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:605f5e;
}

	/* Scroll Bar Master Styling Starts Here */
	/* All comments can be freely removed from the css */
	
	/*
	Your custom scrollbar images do not need to have the same size as in example images, but the 
	placement of the images with respect to eachother in the image may play an important role
	as some elements are auto-sized by fleXcroll. You do not need to define images for
	all elements, you may want to have some transparency, or simply a filled color without
	using an image. The example images in this archive is optimized for the least number of http calls,
	only 2 images are needed for full operation, but you may have separate images
	for each element or make different group combinations in the images, or simply have a color
	defined for horizontal scrollbar and horizontal scrollbase, and get away with a single image
	for vertical bar if you will only use vertical scrollbars.
	*/
	#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 288px;
	height: 340px;
	overflow: auto;
	/*border: 1px #000 solid;*/
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: transparent;
	margin: 0.3em auto;
	top:25px;
	padding: 0px;
	text-align: left;
	}
	
	
	/* Basic styling with no images starts here */
	
	
	/* .scrollgeneric is required for proper scrollbar display,
	not for user customization, and is mandatory*/
	.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
	}
	
	/* For scrollbars, defining a color for background alongside with an image 
	is always a good idea, this way the scrollbars are visible until images load */
	.vscrollerbase {
	/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
	width: 15px;
	background-color: transparent;
	top: 0px;
	}
	
	.vscrollerbar {
	width: 15px;
	background-color: transparent;
	top: 0px;
	left: 2px;
	padding: 5px;
	z-index: 2;
	}
	
	.vscrollerbarbeg {
	/*top image holder for vertical scroll bar*/
	background: url(/images/vscroller.png) 0px -10px;
	width: 15px;
	height: auto;
	top: 0px;
	}
	
	.vscrollerbarend {
	/*bottom image holder for vertical scroll bar*/
	background: url(/images/vscroller.png);
	width: 15px;
	height: 10px;
	}
	.vscrollerbase {
	background-color: transparent;
	background-image: url(/images/scrollbaseback.png);
	}
	
	/*right menu*/

	.arrowlistmenu{
		width: 100px; /*width of accordion menu*/
	}
	
	.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
		font: bold 11px Arial;
		color: white;
		background-image: url(/images/rnavbglight.png);
		margin-bottom: 0px; /*bottom spacing between header and rest of content*/
		text-transform: uppercase;
		padding: 2px 0px 2px 10px; /*header text padding*/
		cursor: hand;
		cursor: pointer;
		border-bottom:1px #dbdbc7 solid;
	}
	
	.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
		background-image: url(/images/sbbg2.png);
		color:#fff;
	}
	
	.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
		list-style-type: none;
		margin: 0;
		padding: 0;
		/*margin-bottom: 8px; bottom spacing between each UL and rest of content*/
	}
	
	.arrowlistmenu ul li{
		padding-bottom: 2px; /*bottom spacing between menu items*/
		font-size:10px;
		font-family:Arial;
		background-image: url(/images/sbbglite.png);
	}
	
	/*added*/
	.arrowlistmenu ul li .submenuheader{ /*CSS for Sub Menu HEADER*/
		background-image: url(/images/sbbglite.png);
		color: #464847;
		font: bold 10px Arial;
		padding: 2px 0 2px 10px; /*header text padding
		margin-left: 10px;
		margin-bottom: 0px;*/
		cursor: hand;
		cursor: pointer;
	}
		
	.arrowlistmenu ul li .subcategoryitems{ /*CSS for Sub Menu UL*/
		margin-left: 0px;
		padding-left:10px;
	}
		
	.arrowlistmenu ul li .subcategoryitems a{ /*CSS for Sub Menu UL*/
		color: #000;
	}
	
	.arrowlistmenu ul li .subcategoryitems a:hover{ /*hover state CSS*/
		color: #66353f;
		background-color: #F3F3F3;
	}
	.menuheader a, .menuheader a:active ,.menuheader a:hover,.menuheader a:visited{
		padding-left:0px;
		text-decoration:none;
		font: bold 10px Arial;
		color: white;
	}
	 
	.arrowlistmenu ul li a{
		color: #000;
		display: block;
		padding: 2px 0;
		padding-left: 10px; /*link text is indented 10px*/
		text-decoration: none;
		font-weight: bold;
		border-bottom: 1px solid #dadada;
		
	}
	
	.arrowlistmenu ul li a:visited{
		color: #000;
	}
	
	.arrowlistmenu ul li a:hover{ /*hover state CSS*/
		color: #66353f;
		background-color: #F3F3F3;
	}

	

