/******************************************************************************/
/* Image																	  */
/******************************************************************************/

a.image
{
	padding:5px;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('../image/image_preloader.gif');
}

a.image,
a.url-overlay span,
a.image-overlay span,
a.video-overlay span
{
	width:250px;
	height:170px;			
}

	a.image img
	{
		display:none;
	}

/******************************************************************************/
/* Image/Video overlay														  */
/******************************************************************************/

a.url-overlay,
a.image-overlay,
a.video-overlay
{
	display:block;
	position:relative;
	border-bottom:none !important;
}

	a.url-overlay span,
	a.image-overlay span,
	a.video-overlay span
	{
		top:5px;
		left:5px;
		opacity:0;
		display:block;
		cursor:pointer;
		position:absolute;
		background-repeat:no-repeat;
		background-position:center center;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		#filter:alpha(opacity=0);
		#display:none;
	}

	a.url-overlay span		{ background-image:url('../image/url_hover.png');	}
	a.image-overlay span	{ background-image:url('../image/image_hover.png'); }
	a.video-overlay span	{ background-image:url('../image/video_hover.png'); }

	a.url-overlay span,
	a.url-overlay:hover span,
	a.image-overlay span,
	a.image-overlay:hover span,
	a.video-overlay span,
	a.video-overlay:hover span
	{
		transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;                 
	}

	a.url-overlay:hover span,
	a.image-overlay:hover span,
	a.video-overlay:hover span
	{
		opacity:1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		#filter:alpha(opacity=100);
		#display:block;
	}

/******************************************************************************/
/* Timeline																	  */
/******************************************************************************/

#timeline 
{
	width:760px;
	height:600px;
	overflow:hidden;
	position:relative;
}

	#dates 
	{
		float:left;
		width:100px;
		height:100%;
	}

		#dates li 
		{
			z-index:2;
			width:107px;
			height:100px;
			list-style:none;
			position:relative;
			line-height:100px;
			background:url('../image/timeline/timeline_plus.png') right top no-repeat;
		}

			#dates a,
			#dates a:hover
			{
				cursor:pointer;
				text-decoration:none;
			}

			#dates a,
			#dates a span
			{
				display:block;
			}

				#dates a span
				{
					float:left;
					line-height:1;
					text-align:center;
				}

				#dates a.selected span.timeline-caption-top,
				#dates a.selected span.timeline-caption-bottom
				{
					font-size:20px;
				}

				#dates a span.timeline-caption-top,
				#dates a span.timeline-caption-bottom
				{
					width:50px;
					font-size:18px;
					padding:6px 7px 5px 7px;
					text-transform:uppercase;
				}

				#dates a span.timeline-caption-bottom
				{
					clear:both;
				}

				#dates a span.timeline-triangle
				{
					width:20px;
					height:20px;
					background:url('../image/timeline/timeline_tooltip_triangle.png') right center no-repeat;
				}
	#issues 
	{
		float:left;
		width:657px;
		overflow:hidden;
		border-left:solid 3px #000000;
	}

	#issues>li,
	#issues li div.timeline-scroll-box
	{
		height:600px;
	}

		#issues>li 
		{
			width:100%;
			list-style:none;
		}

			#issues li div.timeline-scroll-box
			{
				margin-left:50px;
			}

				#issues li div.timeline-content-box
				{
					width:560px;
					line-height:1;
					#overflow:hidden;
				}

/******************************************************************************/
/*	Pagination																  */
/******************************************************************************/

ul.pagination
{
	margin:0px;
	float:right;
	padding:0px;
	margin-top:30px;
	list-style-type:none;
}

	ul.pagination li
	{
		float:left;
	}

		ul.pagination li a
		{
			display:block;
			padding:5px 7px 3px 7px;
		}

		ul.pagination li a:hover,
		ul.pagination li a.selected
		{
			text-decoration:none;
		}

/******************************************************************************/
/*	Nivo slider																  */
/******************************************************************************/

#slider-box
{
	width:720px;
}

#slider
{
	width:700px;
	height:300px;
	border:solid 10px #FFFFFF;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('../image/slider_preloader.gif'); 
}

	#slider img
	{
		display:none;
	}

	#slider-box div.nivo-controlNav
	{
		float:right;
		margin-top:2px;
		text-align:center;
	}

	#slider-box div.nivo-controlNav a.nivo-control
	{
		font-size:15px;
		margin-left:2px;
		text-align:center;
		display:inline-block;
		padding:6px 7px 5px 7px;
	}

	#slider-box div.nivo-controlNav a.nivo-control:first-child
	{
		margin-left:0px;
	}

	#slider-box div.nivo-controlNav a.nivo-control:hover,
	#slider-box div.nivo-controlNav a.nivo-control.active
	{
		font-weight:normal;
		text-decoration:none;
	}

.nivo-caption
{
	width:95%;
	padding:2.5%;
	opacity:1 !important;
	background:transparent;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	#filter:alpha(opacity=100);
}

	.nivo-caption a,
	.nivo-caption h3
	{
		opacity:1;
		float:left;
		display:block;
		padding:2px 5px 2px 5px;
	}

	.nivo-caption a
	{
		font-size:13px;
		margin-right:2px;
		text-transform:uppercase;
	}

	.nivo-caption a:first-child
	{
		clear:both;
	}

	.nivo-caption h3
	{
		clear:both;
		font-weight:400;
		margin-bottom:2px;
	}

/******************************************************************************/
/*	Page Post																  */
/******************************************************************************/

div.page-post
{

}

	/**************************************************************************/
	/*  Page Post / Post													  */
	/**************************************************************************/		

	div.page-post div.post
	{

	}

		/**********************************************************************/
		/*  Page Post / Post / Image										  */
		/**********************************************************************/

		div.page-post div.post a.image
		{
			float:left;
			margin-right:20px;
		}

		/**********************************************************************/
		/*  Page Post / Post / Post info									  */
		/**********************************************************************/

		div.page-post div.post ul.post-info
		{
			display:block;
		}

			div.page-post ul.post-info li
			{
				float:left;
			}

		/**********************************************************************/
		/*  Page Post / Post/  Post content									  */
		/**********************************************************************/

		div.page-post div.post span.post-content
		{
			display:block;
			line-height:120%;
			padding-top:50px;
		}

	/**************************************************************************/
	/*  Page Post / Comment list										      */
	/**************************************************************************/	

	div.page-post ul.comment-list,
	div.page-post ul.comment-list li ul
	{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}

	div.page-post ul.comment-list
	{
		margin-top:20px;
	}

	div.page-post ul.comment-list li ul
	{
		margin-left:80px;
	}

		div.page-post ul.comment-list li,
		div.page-post ul.comment-list li ul li
		{

		}

		div.page-post ul.comment-list li>div.clear-fix
		{
			margin-bottom:25px;
		}

			div.page-post ul.comment-list li div>ul li,
			div.page-post ul.comment-list li div>img
			{
				float:left;
			}

			div.page-post ul.comment-list li div>p
			{
				margin-top:0px;
				padding-top:30px;
				padding-bottom:0px;
			}

			div.page-post ul.comment-list li div p>span
			{
			}

			div.page-post ul.comment-list li div>p,
			div.page-post ul.comment-list li div>ul
			{
				margin:0px 0px 0px 100px;
			}

/******************************************************************************/
/*	Page Blog																  */
/******************************************************************************/

div.page-blog { }

	/**************************************************************************/
	/*	Page Blog / Blog list											      */
	/**************************************************************************/

	ul.blog-list { }

		ul.blog-list>li 
		{ 
			margin-top:50px;
		}

		ul.blog-list>li:first-child
		{
			margin-top:0px;
		}

			ul.blog-list li h3
			{
				margin-bottom:10px;
			}

				ul.blog-list li h3 a
				{				
					font-weight:400;
				}

			ul.blog-list li a.image
			{
				float:left;
				margin-right:20px;
			}

			ul.blog-list li p
			{
				padding-top:0px;
			}

		/**********************************************************************/
		/*	Page Blog / Blog list / Post info								  */
		/**********************************************************************/

		ul.blog-list li ul.blog-list-post-info
		{
			margin-bottom:20px;
		}

			ul.blog-list li ul.blog-list-post-info li
			{
				float:left;
			}	

/******************************************************************************/
/*	Page Portfolio															  */
/******************************************************************************/

div.page-portfolio { }

	/**************************************************************************/
	/*	Page Portfolio / Portfolio list										  */
	/**************************************************************************/		

	ul.portfolio-list { }

		ul.portfolio-list>li
		{
			padding-top:50px;
		}

		ul.portfolio-list>li:first-child
		{
			padding-top:0px;
		}

			ul.portfolio-list li h3+p
			{
				padding-top:0px;
			}

			ul.portfolio-list li h3
			{
				#float:left;
			}

			ul.portfolio-list li p
			{
				#clear:both;
			}

/******************************************************************************/
/*	Page Services															  */
/******************************************************************************/				

div.page-services { }

/******************************************************************************/
/*	Page Contact															  */
/******************************************************************************/

div.page-contact { }

	/**************************************************************************/
	/*	Page Contact / Map													  */
	/**************************************************************************/	

	div.page-contact #map
	{
		width:345px;
		height:200px;
	}

		div.page-contact #map a
		{
			font:11px Tahoma;
			text-decoration:none !important;
		}

	/**************************************************************************/
	/*	Page Contact / Contact box											  */
	/**************************************************************************/	

	div.page-contact div.contact-box
	{
		width:325px;
		padding:10px;
		margin-bottom:2px;
	}

	/**************************************************************************/
	/*	Page Contact / Social list											  */
	/**************************************************************************/		

	div.page-contact ul.social-list
	{
		display:none;
	}

		div.page-contact ul.social-list li
		{
			margin-bottom:2px;
		}

			div.page-contact ul.social-list li div
			{
				padding-top:5px;
			}