﻿.projectFrame
{
    width: 793px;
    height: 318px;
    overflow: visible;
    position: relative;
    z-index: 100;
}

.projectFrame .projectLeftBtn
{
    width: 36px;
    height: 54px;
    position: absolute;
    left: 0;
    top: 145px;
    background: transparent url('../Media/system/buttons/proj_left_clicker.png') no-repeat scroll left top;
    cursor: pointer;
    z-index: 150;
}

.projectFrame .projectRightBtn
{
    width: 36px;
    height: 54px;
    position: absolute;
    right: 0;
    top: 145px;
    background: transparent url('../Media/system/buttons/proj_right_clicker.png') no-repeat scroll left top;
    cursor: pointer;
    z-index: 150;
}

.projectFrame .imageContainer
{
    width: 793px;
    height: 318px;
    position: relative;
    overflow: hidden;
    z-index: 50;
}

.projectFrame .imageContainer img
{
    position: absolute;
    top: 0;
    left: 0;
}

.projectFrame .projectTitle
{
    position: absolute;
    top: 20px;
    left: -20px;
    z-index: 100;
    overflow: hidden;
}

.projectFrame .projectTitle .wrapperProject
{
    position: relative;
    overflow: hidden;
}

.projectFrame .projectTitle .wrapperProject .item
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.projectFrame .projectTitle .wrapperProject .item .overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 110;
    background-color: White;
}

.projectFrame .projectTitle .wrapperProject .item .display
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 115;
    overflow: hidden;
}

.display .header
{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0 0 30px;
    white-space: nowrap;
    color: #333333;
}

.display .title
{
    font-size: 21px;
    font-weight: bold;
    padding: 0 10px 0 30px;
    white-space: nowrap;
    color: #333333;
}

.display .link
{
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 10px 40px;
    white-space: nowrap;
    background: transparent url('../Media/system/backgrounds/666_smallarrow.gif') no-repeat scroll 30px 2px;
    line-height: 12px;
}

.display .link a:link, .display .link a:visited
{
    color: #333333;
    text-decoration: none;
}

.display .link a:hover
{
    color: #333333;
    text-decoration: underline;
}

.display .link a:active
{
    color: #333333;
    text-decoration: none;
}

.rightBar
{
    background: transparent url('../Media/system/backgrounds/right_menu_bg.gif') repeat-y scroll left top;
    width: 208px;
    margin-right: 1px;
    padding-left: 1px;
    margin-bottom: 5px;
}

.quickAccess
{
    background-color: #333333;
    padding: 10px 0;
}

.quickAccess .header
{
    width: 208px;
    margin-bottom: 10px;
}

.quickAccess .item
{
    width: 208px;
}

.quickAccess .separator
{
    width: 208px;
    height: 1px;
    background: transparent url('../Media/system/backgrounds/right_menu_sep.gif') no-repeat scroll left top;
    margin: 7px 0;
}

.newsBlock
{
    width: 198px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.newsBlock .newsItem
{
    width: 178px;
    padding: 0 10px;
}

.newsBlock .title
{
	margin-bottom: 15px;
	margin-top: 10px;
}

.newsBlock .separator
{
    width: 178px;
    height: 1px;
    background: transparent url('../Media/system/backgrounds/news_sep.gif') no-repeat scroll left top;
    margin: 7px 0;
    overflow: hidden;
}

.newsBlock .newsItem .date
{
    color: #999999;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
}

.newsBlock .newsItem .title
{
    color: #666666;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 0;
}

.companyLogos
{
	width: 200px;
	height: 95px;
	overflow: hidden;
	position: relative;
	background: transparent url('../Media/system/backgrounds/logoUpperSepRep.gif') repeat-x scroll left top;
	padding-top: 5px;
}

.companyLogos .wrapper
{
	position: absolute;
	top: 5px;
}

.newsHighlight
{
	width: 793px;
	position: relative;
	z-index: 110;
}

.newsHighlight .vertSep
{
	width: 1px;
	float: left;
	height: 125px;
	background: transparent url('../Media/system/backgrounds/highlight_vert_sep.gif') no-repeat scroll left top;
}

.newsHighlight .newsItem
{
	float: left;
	width: 376px;
	padding: 10px;
}

.newsHighlight .newsItem .title
{
	position: relative;
	top: -20px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	background: transparent url('../Media/system/backgrounds/highlight_bg_repeat.gif') repeat-x scroll left top;
	float: left;
	padding: 8px 20px 10px;
	white-space: nowrap;
	overflow: hidden;
}

.newsHighlight .newsItem .title a:link, .newsHighlight .newsItem .title a:visited, .newsHighlight .newsItem .title a:hover, .newsHighlight .newsItem .title a:active
{
	color: White;
	text-decoration: none;
}

.newsHighlight .newsItem .lead
{
	font-family: Arial;
	font-size: 11px;
	color: #999999;
	line-height: 1.2em;
}

.newsHighlight .newsItem .link
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 10px;
	background: transparent url('../Media/system/backgrounds/999_smallarrow.gif') no-repeat scroll left center;
	line-height: 2em;
}

.newsHighlight .newsItem .link a:link, .newsHighlight .newsItem .link a:visited, .newsHighlight .newsItem .link a:hover, .newsHighlight .newsItem .link a:active
{
	color: #666666;
	text-decoration: none;
}

