@charset "utf-8";
/* CSS Document */

    * { margin: 0; padding: 0; list-style: none; text-decoration: none;}
	
	html {
		font-family: Helvetica,Arial,sans-serif; 
        /*color: #2C3E54;	*/	
		background: #fff url('../images/background.jpg') 0px top repeat-x;
		font-size: 12px;
		color: #747474;

	}
	
	body {
	    padding-top: 50px;
	}
	
	a {
		color: #A80000;
	}
	
	#Top {
	    float: left;
		width: 100%;
		height: 115px;
	}
	
	.Header {
	    float: left;
		width: 1000px;
		height: 55px;
		display: none;
		position: absolute;
		z-index: 1;
	}
	
	.Header .MainNav {
	    float: left;
		width: 100%;
		height: 50px;
		background: #fff;
	}
	
    .Header .MainNav .Inner {
	    float: right;
		width: 950px;
		height: 50px;
		background: none;
	}
	
    .Header .MainNav h1 {
	    float: left;
		width: 285px;
		height: 50px;
		background: url('../images/logo.jpg') 0px center no-repeat;
	} .Header .MainNav h1 span { display: none; }
	
	.Header .MainNav h1 a {
	    float: left;
		height: 26px;
		width: 98px;
		background: none;
		margin-top: 12px;
	}
	
	.Header .MainNav ul {
	    float: right;
		height: 55px;
	}
	
	.Header .MainNav ul li{
	    float: left;
		height: 55px;
	}
	
	.Header .MainNav ul li a {
	    float: left;
		height: 22px;
		padding-top: 18px;
		margin-right: 42px;
		color: #262626;
		font-size: 12px;
		position: realitve;
		z-index: 9999;
	}
	
	.Header .MainNav ul li a:hover {
	    color: #A80000;
	}
	
	.Header .MainNav ul li a.Active {
	    height: 37px;
	    background: url('../images/mainmenu_item_active_tr.png') center bottom no-repeat;
		color: #A80000;
	}
	
	.Header .MainNav ul li a.Bold {
	    /* color: #262626; */
		color: #A80000;
		font-weight: bold;
	}
	
	.Header .MainNav div.Partner {
	    float: right;
		height: 42px;
		width: 37px;
		margin: 4px;
	}
	
	.Header .MainNav div.Partner a {
	    float: left;
		width: 37px;
		height: 42px;
		
	} .Header .MainNav div.Partner a:hover, .Header .MainNav div.Partner a.Active { background-position: 0 -42px; }
	
	.Header .MainNav div.Partner a span { display: none; }
	
	.Header .MainNav div.Partner div.Cloud {
	    float: left;
		position: relative;
		z-index: 2;
		left: -41px;
		bottom: 89px;
		width: 117px;
		height: 41px;
		padding-top: 9px;

		text-align: center;
		font-size: 10px;
		display: none;
	}
	
	
	.Header .Shadow {
	    float: left;
		width: 100%;
		height: 5px;
		background: url('../images/bigger_shadow.png') right bottom no-repeat;
		display: none;
		z-index: -9999;
		position: relative;
	}
	
	.Beam {
	    float: left;
		width: 950px;
		height: 34px;
		display: none;
		top: 100px;
		position: absolute;
		z-index: 0;
	}
	
	.Beam .SubNav {
	    float: left;
		width: 100%;
		height: 30px;
		/*background: #A80000;*/
		background: #A80000;
	}
	
	.Beam .SubNav ul {
	    float: right;
		height: 30px;
	}
	
	.Beam .SubNav ul li {
	    float: left;
		height: 30px;
	}
	
	.Beam .SubNav ul li a {
	    float: left;
		height: 21px;
		padding-top: 9px;
		margin-right: 36px;
		font-size: 11px;
		color: #fff;
		font-weight: bold;
	}
	
	.Beam .Shadow {
	    float: left;
		width: 100%;
		height: 4px;
		background: url('../images/smaller_shadow.png') right bottom no-repeat;
		display: none;
	}
	
	#Container {
	    margin: 0 auto;
		width: 910px;
		padding: 0 50px 0 40px;
	}
	
	.Animation {
	    float: left;
		width: 900px;
		height: 277px;
		background: url('../images/animation_bg.png') top right no-repeat;
		padding-left: 10px;
		display: none; 
	}
	
	.BoxSet {
	    float: left;
		width: 904px;
		margin-top: 40px;
		padding-left: 12px;
	}
	
	.BoxSet .Box {
	    float: left;
		width: 186px;
		height: 179px;
		background: url('../images/box_separator.jpg') right repeat-y;
		padding: 0 20px;
		margin: 23px 0;
		display: none; 
	}
	
	.BoxSet .Box h2 {
	    float: left;
		width: 130px;
		height: 50px;
        padding-left: 66px;
        font-size: 14px;
        color: #A80000;	
        line-height: 16px;		
	}
	
	.BoxSet .Box h2 strong, .BoxSet .Box h2 span {
	    float: left;
		width: 120px;	
	}
	
	.BoxSet .Box h2 span { font-weight: normal; }
	
	.BoxSet .Box h2.Ico {
	    background-position: left top;
		padding-top: 9px;
		height: 41px;
	}
	
	.BoxSet .Box h2.Alert {
	    background: url('../images/ico_alert.jpg') left top no-repeat;
		padding-top: 9px;
		height: 41px;
	}
	
	.BoxSet .Box h2.Document {
	    background: url('../images/ico_document.jpg') left top no-repeat;
		padding-top: 9px;
		height: 41px;
	}
	
	.BoxSet .Box h2.Preludium {
	    background: url('../images/ico_preludium.jpg') left top no-repeat;
	}
	
	.BoxSet .Box h2.Comments {
	    background: url('../images/ico_comments.jpg') left top no-repeat;
	}
	
	.BoxSet h3 {
        font-size: 14px;
        color: #A80000;	
        line-height: 16px;		
	}
	
	.BoxSet .Box p {
	    float: left;
		width: 186px;
        padding-top: 16px;	
        color: #262626;
        font-size: 11px;
        line-height: 16px;		
	}
	
	.BoxSet .Box p span.Quote {
	    font-style: italic;
	}
	
	.BoxSet .Box p.Author {
	    padding-top: 0px;		
	}
	
	.BoxSet .Box p a {
	    float: right;
		font-size: 11px;
		color: #A80000;
		font-weight: bold;
	}
	
	.BoxSet .RemoveBg {
	    background: none;
	}
	
	.BoxSet .ActiveBox {
	    float: left;
		width: 186px;
		background: url('../images/box_active_bg.png') left top no-repeat;
		padding: 23px 20px;
		margin: 0;
		cursor: pointer;
	}
	
	.BoxSet .ActiveBox h2 {
	    color: #262626;
	}
	
	.BoxSet .ActiveBox p a {
	    /*color: #262626;*/
		color: #A80000;
	}
	
	.BoxSet .ActiveBox h2.Preludium {
	    background: url('../images/ico_preludium_black.jpg') left top no-repeat;
	}
	
	.BoxSet .ActiveBox h2.Alert {
	    background: url('../images/ico_alert_black.jpg') left top no-repeat;
	}
	
	.BoxSet .ActiveBox h2.Document {
	    background: url('../images/ico_document_black.jpg') left top no-repeat;
	}
	
	.BoxSet .ActiveBox h2.Comments {
	    background: url('../images/ico_comments_black.jpg') left top no-repeat;
	}
	
	.Content {
	    float: left;
		width: 904px;
		padding-left: 6px;
	}
	
	.Content .Left {
	    float: left;
		width: 225px;
		margin-right: 60px;
		padding-left: 4px;
		background: url('../images/submenu_left_shadow.png') left top no-repeat;
	}
	
	.Content .Left .SubMenu {
	    float: left;
		width: 183px;
		background: #fff;
		border: 1px solid #c0c0c0;
		padding: 10px;
	}
	
	
	
	.Content .Left .Shadow {
	    float: left;
		width: 225px;
		height: 5px;
		background: url('../images/submenu_bottom_shadow.png') right top no-repeat;
	}
	
	.Content .Left .SubMenu h2 {
	    float: left;
		width: 183px;
		color: #262626;
		font-size: 14px;
		font-weight: normal;
		padding: 5px 0 14px 0;
	}
	
	.Content .Left .SubMenu ul {
	    float: left;
		width: 183px;
        background: url('../images/dotted_grey.gif') 0px top repeat-x;
	}
	
	.Content .Left .SubMenu ul ul {
	    float: left;
	    background: none;
		padding-left: 30px;
		width: 153px;
		padding-top: 15px;
		padding-bottom: 10px;
		background: url('../images/dotted_grey.gif') 0px bottom repeat-x;
	}
	
		
	.Content .Left .SubMenu ul li {
	    float: left;
		width: 183px;
        background: url('../images/dotted_grey.gif') 0px bottom repeat-x;
	}
	
	.Content .Left .SubMenu ul ul li {
	    float: left;
		width: 153px;
        background: none;
		margin-bottom: 5px;
	}
	
	.Content .Left .SubMenu ul li a {
	    float: left;
		width: 183px;
		padding: 15px 0 15px 20px;
	    font-size: 12px;
		/*color: #262626;*/
		color: #A80000;
		background: url('../images/submenu_item_tr.gif') left center no-repeat;
	}
	
	.Content .Left .SubMenu ul ul li a {
	    float: left;
		width: 153px;
		padding: 0;
	    font-size: 12px;
		/*color: #262626;*/
		color: #A80000;
		background: none;
	}
	
	.Content .Left .SubMenu ul li a:hover {
	    color: #A80000;
	}
	
	.Content .Left .SubMenu ul li a.Active {
	    font-weight: bold;
	}
	
	.Content .Left .SubMenu ul li a.Active:hover {
	    /*color: #262626;*/
		color: #A80000;
	}
	
	.Content .Right {
	    float: left;
		width: 555px;
	}

	
	.Content .Right h2 {
	    float: left;
		width: 555px;
        background: url('../images/dotted_black.gif') 0px bottom repeat-x;
		color: #262626;
		font-size: 16px;
		font-weight: normal;
		padding: 25px 0 14px 0;
		margin-bottom: 20px;
		font-family: magneto;
	}
	
	.Content .Right h2 span {
	    float: right;
		color: #999999;
	}
	
	.Content .Right h3 {
        font-size: 13px;
        line-height: 16px;		
		padding-bottom: 5px;
	}
	
	.Content .Right ul {
	    float: left;
		width: 555px;	
	}
	
	.Content .Right ul.Offer li {
	    float: left; 
		margin-bottom: 6px;
		cursor: pointer;
	}
	
	.Content .Right ul.Offer li div {
	    float: left;
		width: 518px;	
		padding: 18px 18px 20px 18px;
		border-bottom: 1px solid #dfdfdf;
		color: #262626;
	}
	
	.Content .Right ul.Offer li img {
	    float: left;
		width: 50px;
		height: 50px;
		margin-right: 20px;
	}
	
	.Content .Right ul.Offer li strong {
	    float: left;
		width: 447px;
		margin-bottom: 5px;
	}
	
	.Content .Right ul.Offer li p {
	    float: left;
		width: 447px;
		margin-bottom: 2px;
	}
	
	.Content .Right ul.Offer li.Active{
	    float: left;
		padding-bottom: 21px;
		background: url('../images/list_item_active_bg.png') left bottom no-repeat;
	}
	
	.Content .Right ul.Offer li.Active div{
	    float: left;
		width: 517px;	
		background: #fffde7;
		border-top: 1px solid #dfdfdf;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		border-bottom: 0;
		padding-left: 17px;
		padding-top: 17px;
		padding-bottom: 0px;
	}
	
	.Content .Right ul.Projects {
	    margin-bottom: 30px;
	}
	
	.Content .Right ul.Projects li {
	    float: left; 
		margin-bottom: 6px;
		cursor: pointer;
	}
	
	.Content .Right ul.Projects li div {
	    float: left;
		width: 517px;	
		padding: 18px 19px 20px 18px;
		border-bottom: 1px solid #dfdfdf;
		color: #262626;
	}
	
	.Content .Right ul.Projects li img {
	    float: left;
		width: 110px;
		height: 80px;
		padding: 1px 1px 5px 1px;
		margin-right: 20px;
		background: url('../images/projects_img_bg.png') no-repeat;
	}
	
	.Content .Right ul.Projects li strong {
	    float: left;
		width: 385px;
		margin-bottom: 5px;
	}
	
	.Content .Right ul.Projects li p {
	    float: left;
		width: 385px;
		margin-bottom: 2px;
	}
	
	.Content .Right ul.Projects li a.Details {
	    float: right;
		font-size: 11px;
		/*color: #262626;*/
		color: #A80000;
		margin-top: 12px;
	}
	
	.Content .Right ul.Projects li.Active{
	    float: left;
		padding-bottom: 21px;
		background: url('../images/list_item_active_bg.png') left bottom no-repeat;
	}
	
	.Content .Right ul.Projects li.Active div{
	    float: left;
		width: 517px;	
		background: #fffde7;
		border-top: 1px solid #dfdfdf;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		border-bottom: 0;
		padding-left: 17px;
		padding-top: 17px;
		padding-bottom: 0px;
	}
	
	.Content .Right div.Text {
	    float: left;
		width: 555px;	
		padding-top: 10px;
	}
	
	.Content .Right div.Text p {
	    font-size: 12px;
        line-height: 20px;
        color: #262626;
        padding-bottom: 18px;		
	}
	
	.Content .Right div.Text p a {
	    color: #A80000;
	}
	
	.Content .Right .Image {
	    float: left;
		width: 555px;
        padding-bottom: 4px; 
        background: url('../images/image_box_shadow.jpg') right bottom no-repeat;	
        margin-top: 8px;	
        margin-bottom: 20px;		
	}
	
	.Content .Right .Image .Box {
	    float: left;
		width: 534px;
        border: 1px solid #ececec;
        background: #fff;
        padding: 9px;		
	}
	
	.Long {
	    float: left;
		width: 900px;
		padding-left: 10px;
	}
	
	.Long h2 {
	    float: left;
		width: 900px;
        background: url('../images/dotted_black.gif') 0px bottom repeat-x;
		color: #262626;
		font-size: 14px;
		font-weight: normal;
		padding: 25px 0 14px 0;	
		margin-bottom: 32px;
	}
	
	.Long ul {
	    float: left;
		width: 900px;
		padding-top: 10px;
	}
	
	.Long ul li{
	    float: left;
		width: 127px;
		height: 234px;
		padding: 19px 19px 0 19px;
		margin-left: 47px;
	}
	
	.Long ul li:hover{
		background: url('../images/references_item_active.png') no-repeat;
	}
	
	.Long ul li a img {
	    border: 1px solid #d6d6d6;
	}
	
	.Long ul li strong {
	    float: left;
		width: 127px;
		text-align: center;
		padding-top: 7px;
		color: #262626;
		font-size: 12px;
		line-height: 17px;
	}
	
	.Footer {
	    float: left;
		width: 882px;
		height: 75px;
		background: url('../images/footer_bg.jpg') top right no-repeat;
		padding-left: 10px;
		margin-top: 45px;
		padding-top: 18px;
		padding-right: 18px;
		display: none;
	}
	
	.Footer ul.Links {
	    float: right;
		margin-right: 20px;
	}
	
	.Footer ul.Links li {
	    float: left;
		margin-left: 30px;
	}
	
	.Footer ul.Links li a, .Footer ul.Links li span {
	    float: left;
		font-size: 12px;
		/*color: #262626;*/
		color: #262626;
	}
	
	.Footer ul.Links li.Newsletter {
	    cursor: pointer;
	    padding-right: 18px;
		background: url('../images/plus.jpg') center right no-repeat;
	}
	
	.Footer div.NewsletterBox {
	    float: left;
		position: relative;
		z-index: 2;
		width: 230px;
		height: 52px;
		background: url('../images/newsletter_bg.png') no-repeat;
		cursor: auto;
		bottom: 55px;
		left: 625px;
		padding: 11px;
		display: none;
	}
	
	.Footer div.NewsletterBox input {
	    float: left;
		border: 0;
		background: url('../images/newsletter_input.jpg') no-repeat;
		width: 163px;
		height: 26px;
		font-size: 10px;
		color: #242626;
		padding: 0px 6px;
		margin-right: 10px;
	}
	
	.Footer div.NewsletterBox span {
	    float: left;
		font-size: 15px;
		font-weight: bold;
		color: #242626;
		width: 8px;
		height: 8px;
		padding: 4px;
		padding-left: 8px;
		margin-top: 5px;
		cursor: pointer;
	}
	
	.Footer div.NewsletterBox span.Plus {
	    background: url('../images/plus_black.jpg') center center no-repeat;
	}
	
	.Footer div.NewsletterBox span.Minus {
	    background: url('../images/minus_black.jpg') center center no-repeat;
	}
	
	.Footer div.NewsletterBox strong {
	    font-weight: normal;
		font-size: 11px;
	}
	
	.Footer ul.Icons {
	    float: right;
	}
	
	.Footer ul.Icons li {
	    float: left;
		margin-left: 12px;
	}
	
	.Footer ul.Icons li a{
	    float: left;
	}
	
	.Footer ul.Icons li a.yt {
		width: 40px;
		height: 15px;
		background: url('../images/ico_youtube.jpg') no-repeat;
	} .Footer ul.Icons li a.yt:hover { background-position: 0 -15px; }
	
	.Footer ul.Icons li a.fb {
		width: 16px;
		height: 15px;
		background: url('../images/ico_facebook.jpg') no-repeat;
	} .Footer ul.Icons li a.fb:hover { background-position: 0 -15px; }
	
	.Footer ul.Icons li a span {
	    display: none;
	}
	
	div.RemoveNewsletter {
	    float: left;
		width: 555px;
	}
	
	div.RemoveNewsletter input.Text {
	    float: left;
		width: 298px;
		border: 1px solid #ccc;
		padding: 3px 5px;
		font-size: 15px;
		height: 22px;
		margin-right: 5px;
	}
	
	div.RemoveNewsletter input.Button {
	    float: left;
		padding: 3px 5px;
		height: 30px;
	}
	
.text_rot {
	color: #A80000;
}

h4 {
	padding-bottom: 3px;
}

.active_menu {
color: #A80000; 
font-weight: bold;
}