/*!
 * Imagebox • JavaScript Application
 * Version 2.0.0
 * http://codecanyon.net/item/imagebox-image-viewing-script/89035
 *
 * Copyright (c) 2009-2012, Sarathi Hansen
 *
 *
 * THIS FILE IS PART OF THE Imagebox v2 LIVE DEMO
 */

/* @group Structure */

	
	#title {
		display: block;
		background-position: 0 -80px;
		margin: 0 auto;
		margin-bottom: 50px;
		width: 310px;
		height: 58px;
	}
	
	#description {
		position: relative;
		font: 14px/26px Helvetica, Arial, sans-serif;
		color: #555;
		text-align: justify;
		margin-bottom: 100px;
	}
	
	#browsers {
		position: relative;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.browser {
		display: inline-block;
		margin-left: 10px;
		width: 40px;
		height: 40px;
	}
	 #safari { margin-left: 0; }
	 #chrome { background-position: -40px 0; }
	#firefox { background-position: -80px 0; }
	  #opera { background-position: -120px 0; }
	     #ie { background-position: -160px 0; }
	
	 #safari:hover { background-position: 0 -40px; }
	 #chrome:hover { background-position: -40px -40px; }
	#firefox:hover { background-position: -80px -40px; }
	  #opera:hover { background-position: -120px -40px; }
	     #ie:hover { background-position: -160px -40px; }
	
	.label {
		position: absolute;
		display: none;
		width: 200px;
		text-align: center;
		left: 50%;
		top: -30px;
		margin-left: -100px;
		color: #888;
	}
	.browser:hover .label { display: block; }
/*	
	#footer {
		position: relative;
		text-align: center;
		color: #999;
		font-size: 12px;
		line-height: 24px;
		margin-top: 20px;
		border-top: 1px solid #ddd;
		padding-top: 20px;
	}
*/
	#logo {
		position: absolute;
		width: 40px;
		height: 39px;
		background-position: -200px 0;
		left: 50%;
		margin-left: -20px;
		top: 100%;
		margin-top: 15px;
	}
	
/* @end */

/* @group Title 
	
	h2 {
		margin: 0;
		margin-top: 120px;
		margin-bottom: 20px;
		padding-bottom: 3px;
		border-bottom: 1px solid #ddd;
		font-family: ;
		font-size: 18px;
		color: #333;
	}
	*/
	h2 small {
		display: block;
		font-size: 12px;
		font-weight: normal;
		font-style: italic;
		color: #666;
		margin: 10px 0;
		line-height: 20px;
		margin-left: 15px;
	}
	
/* @end */

/* @group Thumbnails */
	
	.thumbnail {
		display: inline-block;
		position: relative;
		padding-bottom: 3px;
		padding-right: 1px;
		margin: 0;
		cursor: pointer;
		z-index: 5;

	}
	.ib-notrigger { cursor: default; }
	
	.cover {
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(../assets/zoom.png) no-repeat center;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		-o-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-webkit-transition: opacity 0.2s linear;
	}
	
	.thumbnail:hover .cover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		opacity: 0.5;
	}
	
	.view-large {
		cursor: pointer;
		display: block;
		position: absolute;
		width: 60px;
		height: 60px;
		background-position: -240px 0;
		top: -6px;
		left: -6px;
		
	}
	
/* @end */

/* @group Misc. */
	
	img {
		vertical-align: bottom;
		
	}
	/*
	a {
		color: #93a644;
		text-decoration: none;
		font-weight: bold;

		
	}
	a:hover { text-decoration: underline; }
	*/
/* @end */