@charset "UTF-8";
/* Mac Adams Styles */

/*font face*/
@font-face
{
	font-family:'Vera';
	src:url('../fonts/Vera/Vera.ttf') format('truetype');
}
	@font-face
	{ 
  		font-family:'Vera-Bold';
  		src:url('../fonts/Vera/Vera-Bold.ttf') format('truetype');
	}
@font-face
{
	font-family:'Din-Light';
	src:url('../fonts/Din-Light/din-light.ttf') format('truetype');
}
@font-face
{
	font-family:'Museo500';
	src:url('../fonts/Museo/museo500.ttf') format('truetype');
}

html,body
{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
a,a img
{
	border:0;
	border:none;
	outline:none;
}
	#nav_background
	{
		height:70px;
		width:100%;
		background:#000;
		position:absolute;
		opacity:0.80;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter:alpha(opacity=80);
		-khtml-opacity:0.80;
		-moz-opacity:0.80;
	}
	/*.collection_view #nav_background
	{
		opacity:0.0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
		-khtml-opacity:0.0;
		-moz-opacity:0.0;
	}*/
	#site_logo
	{
		width:100%;
		height:0px;
		overflow:visible;
		padding:10px 0;
		text-align:center;
		position:absolute;
		z-index:2;
	}
		#logo_button
		{
			font-family:'Museo500','Trebuchet MS',sans-serif;
			font-size:3.0em;
			color:#be0000;
			font-weight:normal;
  			font-style:normal;
			text-decoration:none;
		}
	#social_wrapper
	{
		position:absolute;
		bottom:4px;
		right:3px;
		z-index:3;
	}
		#social_wrapper a
		{
			padding:0 4px;
			color:#fff;
			text-decoration:none;
		}
			#social_wrapper a #gb_agency
			{
				font-family:'Din-Light', Arial, sans-serif;
				font-weight:normal;
  				font-style:normal;
			}
	#outer_wrapper
	{
		height:100%;
		width:100%;
		position:absolute;
		z-index:1;
	}
		/*main viewer - artwork viewer*/
		#main_viewer
		{
			position:absolute;
			top:70px;
			left:0;
			bottom:30px;
			right:0;
			overflow:hidden;
			padding:0;
			box-sizing:border-box;
			display:none;
		}
			#main_viewer.video_display
			{
				padding:20px;
				text-align:center;
				overflow:scroll;
			}
				#main_viewer.video_display a
				{
					font-family:'Vera', Arial, sans-serif;
					font-size:14px;
					color:#000;
				}
			#viewer_stage
			{
				position:absolute;
				top:0;
				right:0;
				bottom:50px;
				left:0;
			}
				#biography_wrapper
				{
					position:absolute;
					top:0;
					right:0;
					bottom:0;
					left:0;
				}
					#biography_image
					{
						height:100%;
						width:240px;
						text-align:center;
					}
					#biography_text
					{
						font-family:'Vera', Arial, sans-serif;
						font-size:12px;
						position:absolute;
						top:0;
						right:0px;
						bottom:0px;
						left:240px;
						overflow:scroll;
						padding:20px;
						background:#f9f9f9;
					}
				#viewer_image,#viewer_info
				{
					width:100%;
					text-align:center;
					box-sizing:border-box;
					position:absolute;
					top:0;
					right:0;
					bottom:85px;
					left:0;
				}
					#viewer_info
					{
						background:#fff;
						z-index:1;
					}
						#viewer_info_wrapper
						{
							width:50%;
							margin:auto;
							font-family:'Vera', Arial, sans-serif;
							position:absolute;
							top:0;
							bottom:0;
							left:0;
							right:0;
						}
							#viewer_title
							{
								font-size:24px;
								padding:25px;
								box-sizing:border-box;
							}
							#viewer_description
							{
								font-size:12px;
								box-sizing:border-box;
							}
								#viewer_description a
								{
									color:#000;
								}
								#viewer_description span
								{
									font-size:14px;
								}
				#viewer_thumbs
				{
					height:80px;
					width:100%;
					padding:5px;
					box-sizing:border-box;
					position:absolute;
					bottom:0;
					background:#f1f1f1;
					overflow:scroll;
					-ms-overflow-style:none;
				}
					#viewer_image img,#viewer_thumbs img
					{
						height:100%;
						max-width:100%;
					}
					#viewer_image video
					{
						height:100%;
						max-width:100%;
					}
					#viewer_thumbs a
					{
						height:100%;
						padding:0 5px 0 0;
						opacity:0.30;
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
						filter:alpha(opacity=30);
						-khtml-opacity:0.30;
						-moz-opacity:0.30;
					}
						#viewer_thumbs a:hover,#viewer_thumbs a.image_selected
						{
							height:100%;
							opacity:1.0;
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
							filter:alpha(opacity=100);
							-khtml-opacity:1.0;
							-moz-opacity:1.0;
						}
				#book_description
				{
					width:290px;
					font-size:10px;
					font-family:'Vera', Arial, sans-serif;
					text-align:right;
					padding:10px;
					box-sizing:border-box;
					position:absolute;
					right:0;
					bottom:80px;
					z-index:1;
				}
					#book_description a
					{
						color:#be0000;
					}
			#viewer_nav
			{
				height:50px;
				position:absolute;
				left:240px;
				right:0;
				bottom:0;
			}
				.viewer_navs
				{
					height:100%;
					width:50%;
					font-family:'Vera', Arial, sans-serif;
					color:#fff;
					float:left;
					position:relative;
				}
				.category_wrapper
				{
					padding:10px;
				}
					#viewer_nav_left
					{
						background:#4b4b4b;
					}
					#viewer_nav_right
					{
						background:#6b6b6b;
					}
						.large_title
						{
							font-size:14px;
						}
						.small_title
						{
							font-size:10px;
						}
		/*main content - full background*/
		#main_content
		{
			height:100%;
			width:100%;
			float:left;
			background:#000;
		}
			#main_content.collection_view
			{
				background:#fff;
			}
			#main_background
			{
				height:100%;
				width:100%;
				-webkit-background-size:cover;
				-moz-background-size:cover;
				-o-background-size:cover;
				background-size:cover;
				position:absolute;
			}
			/*#main_content.fadein
			{
				-webkit-transition:background 0.5s linear;
				-moz-transition:background 0.5s linear;
				-o-transition:background 0.5s linear;
				-ms-transition:background 0.5s linear;
				transition:background 0.5s linear;
			}*/
			#menu_button
			{
				position:absolute;
				padding:30px 25px;
				/*right:0;*/
				left:0;
				color:#fff;
				text-decoration:none;
			}
			.collection_view #menu_button
			{
				color:#000;
			}
			#menu_button:hover, #menu_lines_right:hover
			{
				color:#999;
			}
				.menu_text
				{
					font-family:'Vera', Arial, sans-serif;
					font-size:14px;
					font-weight:normal;
  					font-style:normal;
					float:left;
					padding:0 6px;
				}
				.menu_line_wrapper
				{
					height:18px;
					width:20px;
					overflow:hidden;
				}
				#menu_lines_right
				{
					padding:30px 10px;
					position:absolute;
					right:0;
					color:#fff;
					text-decoration:none;
					display:none;
				}
				#menu_lines_top
				{	
					float:left;
				}
					.menu_line
					{
						padding:1px 0;
					}
						.menu_inner
						{
							height:3px;
							width:20px;
							background:#fff;
						}
						.collection_view #menu_line_top.menu_inner
						{
							background:#000;
						}
			.menu_indicator
			{
				height:24px;
				width:5px;
				background:#be0000;
				position:absolute;
				right:0;
				display:none;
			}
			#top_indicator
			{
				top:25px;
			}
			#bottom_indicator
			{
				bottom:10px;
			}
						
			/*info buttons*/
			#info_text
			{
				height:30px;
				width:220px;
				background:#000;
				padding:10px;
				font-family:'Vera', Arial, sans-serif;
				font-weight:normal;
  				font-style:normal;
				color:#fff;
				position:absolute;
				bottom:30px;
				left:-220px;
			}
				#info_text a
				{
					color:#fff;
					text-decoration:none;
				}
					#info_text a:hover
					{
						color:#999;
					}
					#info_text a.disabled:hover
					{
						color:#fff;
						cursor:default;
					}
				#collection_title
				{
					font-size:14px;
				}
				#collection_info
				{
					font-size:11px;
				}
				#collection_info.small_text
				{
					font-size:9px;
				}
			#info_pop
			{
				position:absolute;
				left:20px;
				bottom:40px;
			}
				/*#info_pop img
				{
					opacity:0.5;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter:alpha(opacity=50);
					-khtml-opacity:0.5;
					-moz-opacity:0.5;
				}*/
			
			/*navigation bottom*/
			#nav_bottom
			{
				height:30px;
				width:100%;
				background:#242424;
				position:absolute;
				bottom:0;
			}
				#copyright_text
				{
					padding:8px 0 0 6px;
					font-family:'Vera', Arial, sans-serif;
					font-size:12px;
					font-weight:normal;
 				 	font-style:normal;
					color:#999;
				}
				#secondary_copyright
				{
					font-size:10px;
				}
		#side_menu
		{
			height:100%;
			width:250px;
			background:#000;
			position:absolute;
			left:100%;
			overflow:scroll;
			-ms-overflow-style:none;
		}
			#side_menu.collection_view
			{
				background:#6b6b6b;
			}
		#side_menu::-webkit-scrollbar
		{
			width: 0 !important
		}
		
			#menu_close
			{
				position:absolute;
				padding:30px 10px;
				right:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:18px;
				color:#999;
				text-decoration:none;
			}
			#menu_close:hover
			{
				color:#fff;
			}
			#side_links
			{
				box-sizing:border-box;
				/*padding:60px 0 0 30px;*/
				padding:80px 0 0 30px;
			}
				#side_links a
				{
					font-family:'Vera', Arial, sans-serif;
					font-weight:normal;
  					font-style:normal;
					color:#999;
					text-decoration:none;
					display:block;
					padding:0 0 15px 0;
				}
				#side_links a:hover, #side_links a.side_selected, #side_links #menu_collection a:hover
				{
					color:#fff;
				}
					#side_links #menu_main a
					{
						font-size:14px;
					}
				#side_links #menu_collection
				{
					display:none;
				}
					#side_links #menu_collection a
					{
						font-size:12px;
						padding:0 10px 5px 0;
					}
					.side_red
					{
						color:#be0000;
					}
					#side_links a.side_secondary
					{
						font-size:12px;
						padding-left:30px;
					}