/* -------- MAIN COLORS --------
	
	
	----------------------------- */
	
	@media all
	{
		*
		{
			font-family: Tahoma, Arial, Verdana, Sans-Serif;
			font-size: 11px;
			line-height: 16px;
			margin: 0px;
			padding: 0px;
		}
		
		html
		{
			background-image: url('http://mediahub.bg/public/img/Background/Gradient.jpg');
			background-position: center center;
			height: 100%;
			width: 100%;
		}
		
		body
		{
			background-image: url('http://mediahub.bg/public/img/Background/Lines.png');
			background-repeat: no-repeat;
			height: 100%;
			width: 100%;
		}
		
		div.Body
		{
			background-image: url('http://mediahub.bg/public/img/Background/Body.gif');
			background-position: center center;
			background-repeat: no-repeat;
			height: 100%;
			width: 100%;
		}
		
		div.Main
		{
			height: 590px;
			left: 50%;
			margin: -295px 0px 0px -420px;
			position: absolute;
			top: 50%;
			width: 840px;
		}
		
		div.Header
		{
			height: 380px;
			left: 10px;
			position: absolute;
			top: 10px;
			width: 820px;
			z-index: 1;
		}
		
		div.Content
		{
			background-image: url('http://mediahub.bg/public/img/Content/Background.png');
			height: 260px;
			left: 10px;
			position: absolute;
			top: 320px;
			width: 820px;
			z-index: 2;	
		}
		
		div.Content div.Left
		{
			float: left;
			height: 250px;
			overflow: hidden;
			padding: 10px 10px 0px 0px;
			position: relative;
			width: 540px;
		}
		
		div.Content div.Left div.ScrollData
		{
			height: 230px;
			margin: 10px 0px 0px 10px;
			overflow: hidden;
			position: relative;
			width: 510px;
		}
		
		div.Content div.Left div.ScrollData h1
		{
			color: #ed2024;
			font-size: 13px;
			font-weight: bold;
			padding-bottom: 5px;
		}
		
		div.Content div.Left div.ScrollData p
		{
			color: #555;
			padding-bottom: 10px;
			text-align: justify;
		}
		
		div.Content div.Left div.ScrollData a
		{
			border-bottom: 1px dotted #ef5b5e;
			color: #ed2024;
			font-size: 11px;
			text-decoration: none;
		}
		
		div.Content div.Left div.ScrollData a:hover
		{
			border-bottom: 1px dotted #999;
			color: #777;
		}
		
		div.Content div.Left div.PagingData
		{
			height: 200px;
			margin: 10px 0px 0px 10px;
			overflow: hidden;
			width: 530px;
		}
		
		div.Content div.Left div.ProjectItem
		{
			color: black;
			height: 100px;
			width: 520px;
		}
		
		div.Content div.Left div.ProjectItem div.Image
		{
			background-image: url('http://mediahub.bg/public/img/Content/ProjectImageHolder.jpg');
			background-repeat: no-repeat;
			float: left;
			height: 85px;
			position: relative;
			width: 200px;
		}
		
		div.Content div.Left div.ProjectItem div.Image img
		{
			left: 5px;
			position: absolute;
			top: 5px;
			z-index: 5;
		}
		
		div.Content div.Left div.ProjectItem div.Image a
		{
			display: block;
			height: 20px;
			left: 100px;
			position: absolute;
			top: 65px;
			width: 70px;
			z-index: 6;
		}
		
		div.Content div.Left div.ProjectItem div.Image a.BG
		{
			background-image: url('http://mediahub.bg/public/img/Content/OpenSiteBG.png');
		}
		
		div.Content div.Left div.ProjectItem div.Image a.EN
		{
			background-image: url('http://mediahub.bg/public/img/Content/OpenSiteEN.png');
		}
		
		div.Content div.Left div.ProjectItem div.Image a:hover
		{
			background-position: 0px -20px;
		}
		
		div.Content div.Left div.ProjectItem strong
		{
			font-size: 14px;
		}
		
		div.Content div.Left div.ProjectItem strong a
		{
			color: black;
			font-size: 14px;
			text-decoration: none;
		}
		
		div.Content div.Left div.ProjectItem strong a:hover
		{
			color: #ed2024;
		}
		
		div.Content div.Left div.ProjectItem strong span
		{
			color: #777;
			font-size: 12px;
		}
		
		div.Content div.Left div.ProjectItem p
		{
			color: #999;
			margin-top: 5px;
			text-align: justify;
		}
		
		div.Content div.Left div.ProjectEmptyItem
		{
			height: 100px;
			width: 520px;
		}
		
		div.Content div.Left div.Paging
		{
			background-image: url('http://mediahub.bg/public/img/Content/PagingBack.jpg');
			height: 40px;
			padding: 10px 10px 0px 0px;
			position: relative;
			width: 530px;
		}
		
		div.Content div.Left div.Paging a
		{
			background-color: #eee;
			background-image: url('http://mediahub.bg/public/img/Content/PagingButton.jpg');
			color: #777;
			display: block;
			float: right;
			height: 21px;
			margin-left: 3px;
			padding-top: 1px;
			text-align: center;
			text-decoration: none;
			width: 27px;
		}
		
		div.Content div.Left div.Paging a:hover
		{
			background-color: #eee;
			color: #ed2024;
		}
		
		div.Content div.Left div.Paging a.Active
		{
			background-color: #eee;
			background-position: 0px -22px;
			color: #a11a1f;
		}
		
		div.Content div.Left div.Paging span
		{
			background-color: #eee;
			color: #777;
			left: 10px;
			position: absolute;
			top: 11px;
			text-shadow: white 0px 1px 0px;
		}
		
		div.Content div.Left div.Paging span strong
		{
			background-color: #eee;
			color: #a11a1f;
		}
		
		div.Content div.Left div.ProjectInfo
		{
			background-image: url('http://mediahub.bg/public/img/Content/ProjectInfoImageHolder.jpg');
			background-repeat: no-repeat;
			height: 230px;
			margin: 10px 0px 0px 10px;
			overflow: hidden;
			position: relative;
			width: 520px;
		}
		
		div.Content div.Left div.ProjectInfo img
		{
			left: 5px;
			position: absolute;
			top: 5px;
		}
		
		div.Content div.Left div.ProjectInfo a
		{
			color: white;
			display: block;
			font-weight: bold;
			height: 22px;
			left: 4px;
			padding-top: 4px;
			position: absolute;
			text-align: center;
			text-decoration: none;
			text-shadow: #821519 0px 1px 0px;
			top: 200px;
			width: 242px;
		}
		
		div.Content div.Left div.ProjectInfo div.Info
		{
			color: #999;
			height: 230px;
			left: 270px;
			position: absolute;
			text-align: justify;
			top: 0px;
			width: 250px;
		}
		
		div.Content div.Left div.ProjectInfo div.Info span
		{
			font-size: 14px;
			font-weight: bold;
		}
		
		div.Content div.Left div.ProjectInfo div.Info strong
		{
			color: #222;
		}
		
		div.Content div.Right
		{
			background-image: url('http://mediahub.bg/public/img/Content/SideNewsBack.jpg');
			background-position: 10px 10px;
			background-repeat: no-repeat;
			float: left;
			height: 240px;
			overflow: hidden;
			padding: 15px 15px 0px 15px;
			width: 240px;
		}

		div.Content div.Right div.SideNews
		{
			color: #ddd;
			height: 188px;
			padding: 2px 7px 0px 7px;
			text-align: justify;
			width: 226px;
		}
		
		div.Content div.Right div.SideNews a
		{
			color: #ddd;
			height: 188px;
			font-weight:normal;
			padding: 2px 7px 0px 7px;
			text-align: justify;
			width: 226px;
		}
		
		div.Content div.Right div.SideNews strong
		{
			color: #ccc;
			padding-bottom: 5px;
			text-shadow: #666 0px 1px 0px;
		}
		
		div.Content div.Right a
		{
			color: #555;
			display: block;
			font-weight: bold;
			height: 21px;
			margin-top: 4px;
			padding-top: 4px;
			text-align: center;
			text-decoration: none;
			text-shadow: white 0px 1px 0px;
			width: 240px;
		}
		
		div.Content div.Right a:hover
		{
			color: #333;
		}
		
		a.Creator
		{
			display: block;
			height: 40px;
			left: 670px;
			position: absolute;
			top: 570px;
			width: 150px;
			z-index: 3;
		}
		
		a.BG
		{
			background-image: url('http://mediahub.bg/public/img/Content/CreatorBG.jpg');
		}
		
		a.EN
		{
			background-image: url('http://mediahub.bg/public/img/Content/CreatorEN.jpg');
		}
		
		a.Creator:hover
		{
			background-position: 0px -40px;	
		}

		.body
		{ 
			width:375px; 
			height:100px; 
		}
		
		/* Scrollbar ------------------------------------------------------ */
		
		div.NavPanel
		{
			height: 230px;
			left: 521px;
			position: absolute;
			top: 0px;
			width: 9px;
		}
		
		div.NavPanel div
		{
			height: 100%;
			position: relative;
			width: 100%;
		}
		
		div.NavPanel span.dragger
		{
			background-image: url('http://mediahub.bg/public/img/Content/ScrollDragger.gif');
			background-position: center center;
			font-size: 0px;
			position: absolute;
			right: 0px;
			top: 11px;
			width: 9px;
		}
		
		span.arrdown,
		span.arrup
		{
			cursor: pointer;
			display: block;
			font-size: 0px;
			height: 11px;
			position: absolute;
			right: 0px;
			width: 9px;
		}
		
		span.arrdown
		{
			background-image: url('http://mediahub.bg/public/img/Content/ScrollArrowDown.gif');
			bottom: 0px;
		}
		
		span.arrup
		{
			background-image: url('http://mediahub.bg/public/img/Content/ScrollArrowUp.gif');
			top: 0px;
		}
	}