/* ------------------------------------------ THE REGISTRY 2012 ------------------------------------------ */
/* ------------------------------------------ READYMADE CSS / WORLDWIDE ARTIST GROUP ------------------------------------------ */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0}h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th{font-size:1em;font-weight:normal;font-style:normal}ul,ol{list-style:none}fieldset,img{border:none}caption,th{text-align:left}table{border-collapse:collapse;border-spacing:0}

html {
  margin-bottom: 1px;
  overflow: -moz-scrollbars-vertical !important;
  overflow-y: scroll;
}

body { font: 9px/15px Helvetica, sans-serif; background-color: #FAF7F7; color: #575050; -webkit-font-smoothing: antialiased;}
p { margin-bottom: 0px; }
a { color: #575050; text-decoration: none; outline-style: none; }
a:hover { color: #B5B5B5; text-decoration: none; }

#page { margin: 0 auto; width: 960px; padding: 0px 30px 0px 30px; z-index: 0; }

/* ---------------------- Footer  ---------------------- */

#footer {
	position: fixed;
    bottom: 0px;
	clear: both;
    width: 960px;
	text-align: left;
	
	background-color: #FAF7F7; 
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 10;
	border-top: dotted 1px #D4D4D4;
}

.footer, .footer a {
	color: #AD9D9D;
	font:  9px Helvetica, sans-serif;
	text-decoration: none;
}	
	
.footer a:hover {
	color: #B5B5B5;
	text-decoration: none;	
}

/* ---------------------- Header  ---------------------- */

#headerName {
	width: 960px; position: relative; float:left; text-align: center;
	margin: 0px 0px 0px 0px; padding: 6px 0px 5px 0px;
	border-bottom: dotted 1px #D4D4D4;
}

#headerMenu {
	width: 960px; position: relative; float:left; text-align: center;
	margin: 0px 0px 0px 0px; padding: 6px 0px 5px 0px;
	border-bottom: dotted 1px #D4D4D4;
}
	
#headerSubMenu {
	width: 960px; position: relative; float:left; text-align: center;
	margin: 0px 0px 0px 0px; padding: 6px 0px 5px 0px;
	border-bottom: dotted 1px #D4D4D4;
}
	
#headerPadding {
	width: 960px;
	height: 27px; position: relative;
	float:left; text-align: left;
}

/* ------------------------------------------ Menu Items ------------------------------------------ */

.menuName_left, .menuName_left a {
	margin: 0px 30px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
	font: 13px Helvetica, sans-serif;
}

.menuItem_left, .menuItem_left a {
	margin: 0px 30px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
	font: 12px Helvetica, sans-serif;
}
	
.menuItemSelected_left, .menuItemSelected_left a {
	margin: 0px 30px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
	font: 12px Helvetica, sans-serif;
	color: #B5B5B5;
}	

.subMenuItem_left {
	position: relative; display: inline-block;
	margin: 0px 25px 0px 0px; padding: 0px 0px 0px 0px;
	height: 15px; overflow: hidden;
	font: 12px Helvetica, sans-serif;
}
	
.subMenuItemSelected_left {
	position: relative; display: inline-block;
	margin: 0px 25px 0px 0px; padding: 0px 0px 0px 0px;
	height: 15px; overflow: hidden;
	font: 12px Helvetica, sans-serif;
	color: #B5B5B5;
}

.menuName_center, .menuName_center a {
	margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px;
	overflow: hidden;
	font: 13px Helvetica, sans-serif;
}

.menuItem_center, .menuItem_center a {
	margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px;
	overflow: hidden;
	font: 12px Helvetica, sans-serif;
}
	
.menuItemSelected_center, .menuItemSelected_center a {
	margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px;
	overflow: hidden;
	font: 12px Helvetica, sans-serif;
	color: #B5B5B5;
}	

.subMenuItem_center {
	position: relative; display: inline-block;
	margin: 0px 12px 0px 12px; padding: 0px 0px 0px 0px;
	height: 15px; overflow: hidden;
	font: 12px Helvetica, sans-serif;
}
	
.subMenuItemSelected_center {
	position: relative; display: inline-block;
	margin: 0px 12px 0px 12px; padding: 0px 0px 0px 0px;
	height: 15px; overflow: hidden;
	font: 12px Helvetica, sans-serif;
	color: #B5B5B5;
}

/* -- ARTWORK --  */

#ArtworkThumbHolder {
	width: 960px;  
	padding: 0px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
	position: relative; 
	text-align: center;   
	overflow: hidden; 
	}
	
	.tileThumb { 
		display: inline-block;
		position: relative; 
		margin: 0px 15px 0px 15px; 
		padding: 0px 0px 0px 0px; 
		}
	
	.tileImage { 
		position: relative; 
		bottom: 0px; 
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		float: center; 
		text-align: left; 
		overflow: hidden;
		vertical-align: middle;
		color: #FFF;
		}
	
	.tileText {
		display: none;
		position: absolute; 
		bottom: 4px; 
		margin: 0px 0px 0px 0px; 
		padding: 6px 5px 6px 5px;
		float: left; 
			text-align: left; 
			color: #575050;
			font: 9px Helvetica, sans-serif;
			text-decoration: none;
		color: #FFF;
		z-index: 100;
		
		/* black for browsers which cannot support rgba */
		background-color: #333;
	
		/* 70% opacity for supported browsers */
		background-color: rgba(0, 0, 0, 0.5);
		
		/* IE 5.5+ support #BB000000 is ~70% opacity on black */
		filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr=#BB000000, endColorstr=#BB000000);
		
		/* IE 8 support */
		-ms-filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr=#BB000000, endColorstr=#BB000000);
		}

/* -- ARTWORK ITEM --  */

#ArtworkHolder {
	position: relative;
	width: 960px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: center;
	}
	
.arrowLeft {
	position: relative; 
	width: 25px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	float: left; 
	text-align: left;
	overflow: hidden;
	z-index: 2;
	}
	
.arrowRight {
	position: relative; 
	width: 25px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	float: left; 
	text-align: right;
	overflow: hidden;
	z-index: 2;
	}
	
.artworkImage {
	position: relative; 
	width: 910px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
	float: left; 
	overflow: hidden;
	vertical-align: middle;
	color: #FFF;
	}
			
#ArtworkInfo {
		position: relative;
		width: 960px;  
		margin: 0px 0px 0px 0px; 
		padding: 10px 0px 30px 0px;
		position: relative; 
		text-align: center;
		overflow: hidden; 
		}	
		
	.captionLeft {
		display: inline-block;
		vertical-align: top;
		position: relative;
		width: 200px;
		margin: auto 0px;
		padding: 0px 20px 0px 0px;
		text-align: left; 
		}	
	
	.captionRight {
		display: inline-block;
		position: relative;
		margin: auto 0px;
		padding: 0px 0px 0px 0px;
		text-align: justify; 
		}	
		
	.artworkText {
		color: #575050;
		font: 9px/15px Helvetica, sans-serif;
		text-decoration: none;
		}		

/* ---------------------- Column DIVs ---------------------- */	

#columnFull {
	width: 960px; position: relative; float: left; text-align: left;
	margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden; 
	border-bottom: dotted 1px #D4D4D4;
}

#columnLeft {
	width: 210px; position: relative; float: left; text-align: left; 
	margin: 0px 40px 15px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden; display: block; 
}

#columnRight {
	width: 210px; position: relative; float: left; text-align: left; 
	margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden; display: block; 
}

#columnDouble {
	width: 460px; position: relative; float: left; text-align: left; 
	margin: 0px 40px 15px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden; display: block; 
}

#columnDoubleCV {
	width: 460px; position: relative; float: left; text-align: left; 
	margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden; display: block; 
}

#columnTriple {
	width: 710px; position: relative; float: left; text-align: left; 
	margin: 0px 40px 15px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden; display: block; 
}

#columnLeftContact {
	width: 210px; position: relative; float: left; text-align: left; 
	margin: 0px 40px 15px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden; display: block; 
}

#columnRightContact {
	width: 710px; position: relative; float: left; text-align: left; 
	margin: 0px 0px 35px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden; display: block; 
}

#columnRightContactBuffer {
	width: 710px; position: relative; float: left; text-align: left; 
	margin: 20px 0px 35px 0px; padding: 20px 0px 0px 0px;
	overflow: hidden; display: block; 
}

#ContactItemLeft {
	width: 210px; position: relative; float: left; text-align: left; 
	margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden; display: block; 
}

#ContactGalleryLeft {
	width: 210px; position: relative; float: left; text-align: left; 
	margin: 0px 40px 15px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden; display: block; 
}

#ContactGalleryRight {
	width: 210px; position: relative; float: left; text-align: left; 
	margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden; display: block; 
}
		
/* ---------------------- Imaage Thumbs ---------------------- */

.imageContainer {
	width: 460px; position: relative; float: left; text-align: left;
	margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}
	
.imageCrop {
	width: 460px; height: 270px; position: relative; float: left; text-align: left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.imageCrop220 {
	width: 210px; position: relative; float: left; text-align: left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.imageCaption {
	position: relative; float: left; text-align: left;
	width: 400px;
	margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.imageType {
	position: relative; float: left; text-align: right;
	width: 60px;
	margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

/* ---------------------- Image Tiles ---------------------- */	

#tileRow {
	width: 960px; position: relative; float: left; text-align: left;
	margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden; 
}

.imageTile {
	width: 210px; position: relative; float: left; text-align: left;
	margin: 0px 40px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.imageTileEnd {
	width: 210px; position: relative; float: left; text-align: left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.imageTileCaption {
	position: relative; float: left; text-align: left;
	width: 210px;
	margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.imageTileType {
	position: relative; float: left; text-align: right;
	width: 60px;
	margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

/* ---------------------- Left / Right Columns ---------------------- */	

.feedItem {
	width: 210px; position: relative;
	float: left; text-align: left;
	margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px;
	overflow: hidden;
	border-bottom: dotted 1px #D4D4D4;
}

.feedItemLink {
	width: 210px; position: relative;
	float: left; text-align: left;
	margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px;
	overflow: hidden;
	border-bottom: dotted 1px #D4D4D4;
}	

.feedBody {
	width: 460px; position: relative;
	float: left; text-align: left;
	margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px;
	overflow: hidden; 
	font: 9px Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: dotted 1px #D4D4D4;
}
	
.feedHeading {
	width: 210px; position: relative;
	float: left; text-align: left;
	margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px;
	overflow: hidden; 
	font: 12px Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: dotted 1px #D4D4D4;
}

.feedHeadingContact {
	width: 710px; position: relative;
	float: left; text-align: left;
	margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px;
	overflow: hidden; 
	font: 12px Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: dotted 1px #D4D4D4;
}

.feedHeadingSimple {
	width: 210px; position: relative;
	float: left; text-align: left;
	margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px;
	overflow: hidden; 
	font: 9px Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: dotted 1px #D4D4D4;
}

.feedHeadingSmall {
	width: 100px; position: relative;
	float: left; text-align: left;
	margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px;
	overflow: hidden; 
	font: 12px Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: dotted 1px #D4D4D4;
}

.feedHeadingTriple {
	width: 710px; position: relative;
	float: left; text-align: left;
	margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px;
	overflow: hidden; 
	font: 12px Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: dotted 1px #D4D4D4;
}

.feedTitle {
	position: relative;
	padding-bottom: 10px/15px;
	font: 9px Helvetica, sans-serif;
	text-decoration: none;
	overflow: hidden;
}

.feedText {
	position: relative;
	font: 9px Helvetica, sans-serif;
	text-decoration: none;
	overflow: hidden;
}

.feedCVLeft {
	width: 50px; 
	float: left;
}
	
.feedCVRight {
	width: 650px;
	float: left; 
}

/* ---------------------- Fonts ---------------------- */

.heading, .heading a {
	color: #575050;
	font: 12px Helvetica, sans-serif;
	text-decoration: none;
}

.readMore, .readMore a {
	color: #575050;
	font: 9px/15px Helvetica, sans-serif;
	text-decoration: underline;	
}

.secondary, .secondary a {
	color: #AD9D9D;
	font: 9px/15px Helvetica, sans-serif;
	text-decoration: none;
}	

.text, .text a {
	color: #575050;
	font: 9px/15px Helvetica, sans-serif;
	text-decoration: none;
}

.text_link, .text_link a {
	color: #575050;
	font: 9px/15px Helvetica, sans-serif;
	text-decoration: underline;
}

.text a:hover, .date a:hover, .text_link a:hover, .heading a:hover  {
	color: #B5B5B5;
}
	
/* ---------------------- Hovers ---------------------- */

#headerName a:hover img { 
	filter: alpha(opacity=40); 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
	-moz-opacity: 0.40; 
	opacity:0.4;  
}
	
.pointer { cursor: pointer; }	
.highlight { color: #B5B5B5; }
.active { display: block; }

.subMenuItem_center,
.menuItem_center,
.menuName_center { cursor: pointer; }

/* ---------------------- iePopup ---------------------- */

#iePopup { 
	background: #09F; 
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 10px/15px 0px;
	z-index: 999;
}