* {
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
}

body {
	margin:16px;
	background-image: url(images/top-bkgrd.gif);
	background-repeat: repeat-x;
}

#wrap {
	width:1200px;
	margin:0 auto;
}

a:link {color:#3d42a2;text-decoration:none;}
a:visited {color:#3d42a2;text-decoration:none;}
a:hover {color:#3d42a2;text-decoration:underline;}
a:active {color:#3d42a2;text-decoration:none;}
.bodytext {
	font-size:14px;
	color:#626262;
	text-align: justify;
	line-height:23px;
}
.bodytext-nav {
	font-size:14px;
	color:#626262;
	text-align: left;
	line-height:23px;
	margin:44px 0 0 20px;
}
h1 {
	font-size:19px;
	color:#333333;
	font-weight:bold;
	text-align: left;
}
h2 {
	font-size:16px;
	color:#333333;
	font-weight:600;
	text-align: left;
	font-style:normal;
	padding:4px 0;
	margin:10px 0;
	border-top:1px solid #F4F5F7;
	border-bottom:1px solid #F4F5F7;

}
h3 {
	font-size:15px;
	color:#333333;
	font-weight:600;
	text-align: center;
	font-style:normal;
	padding:0;
	margin:0 0 3px 0;

}

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
padding-top: 5px;
height: 30px;
}

.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
float:right;
list-style:none;
padding:0px;
}

.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}

.nav-container li a{
float:none;
padding-right:28px;
}

/*^'^ Primary Items ^'^*/	
#nav-container a{	
color: #626262;
font-size:14px;
text-decoration:none;
font-weight:600;
}

#nav-container a:hover{
color: #333333;
}


/*   piece display   */

.tile .piece {
	float:left;
	text-align:center;
	width:200px;
	padding:10px;
	height:350px;
	margin:9px;
	background:#FCFCFC;
	border-radius:5px;
	border:1px solid #EEE;
	box-shadow:2px 2px 2px rgba(204,204,204,.4);
}
.tile .pieceImg {
	width:200px;
	height:200px;
	line-height:200px;
}

.tile .pieceImg:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.tile .pieceImg img {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
}

.tile .pieceArtist {
	font-size:14px;
	font-style:italic;
}

.tile .pieceLoc, .tile #header, .tile .pieceMed, .tile .pieceColl {
	display:none;
}


.row .piece, .row #header {
	clear:both;
	width:100%;
	text-align:center;
	height:50px;
	padding:5px 0;
	font-size:14px;
}

.row #header{
	margin-top:4px;
}


.row .pieceImg {
	float:left;
	width:50px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	margin-left:4px;
}

.row .pieceImg:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.row .pieceImg img {
	width:50px;
	height:auto;
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
}

.row .pieceTitle {
	width:25%;
	float:left;
	height:50px;
	line-height:50px;
}

.row .pieceArtist {
	width:22%;
	float:left;
	height:50px;
	line-height:50px;
}
.row .pieceLoc {
	width:9%;
	float:left;
	height:50px;
	line-height:50px;
}

.row .pieceColl {
	width:25%;
	float:left;
	height:50px;
	line-height:50px;
}

.row .pieceInv {
	width:15%;
	float:left;
	height:50px;
	line-height:50px;
}

.row .pieceMed {
	width:20%;
	float:left;
	height:50px;
	line-height:50px;
}

.row .cell {
	background:#FCFCFC;
	border-radius:5px;
	margin-right:.5%;
	border:1px solid #EEE;
	box-shadow:2px 2px 2px rgba(204,204,204,.4);
	overflow:hidden;
}

.row .cell:last-child {
	margin-right:0;
}

.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }

#click {
	font-size:15px;
	height:16px;
	width:16px;
	line-height:16px;
	margin-top:-16px;
	color:#999;
	cursor:default;
}

.icon {
	line-height:23px;
}

.icon img {
	margin: auto;
   vertical-align: middle; 
   display: inline-block;
}

input.icon{
	margin: auto;
   vertical-align: middle; 
   display: inline-block;
}

.pagination {
	font-size:14px;
	color:#333;
}