@font-face {
    font-family: 'DINCondBold';
    src: url('fonts/dincb09-webfont.eot');
    src: url('fonts/dincb09-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dincb09-webfont.woff') format('woff'),
         url('fonts/dincb09-webfont.ttf') format('truetype'),
         url('fonts/dincb09-webfont.svg#DINCondBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ----------------------------------------------------------- */
/* HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML */
/* ----------------------------------------------------------- */

html { width: 100%; height: 100%; overflow: auto; }
	body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	
	a { outline: none; }
	a img { border: none;}
	
	h1 { padding: 0; margin: 0; font-family: 'DINCondBold',Arial; font-size: 99px; text-transform: uppercase; }
	h2 { padding: 0; margin: 0; color: #000; font-family: 'DINCondBold',Arial; font-size: 25px; text-transform: uppercase; }

/* ----------------------------------------------------------- */
/* ID ID ID ID ID ID ID ID ID ID ID ID ID ID ID ID ID ID ID ID */
/* ----------------------------------------------------------- */

	#container { width: 950px; position: relative; margin: 45px auto 0 auto; }
		#logo { left: 110px; top: 0px; width: 220px; height: 238px; position: absolute; }
		
		#menu { left: 325px; top: 255px; width: 625px; height: auto; position: absolute; }
		
		#social { left: 681px; top: 0; width: 270px; height: 20px; position: absolute; z-index: 50; }
		
		#content { left: 0; top: 255px; widows: 355px; height: auto; position: absolute; }
		
		#back { left: 880px; top: 65px; width: 31px; height: 56px; position: absolute; }
		#title { left: 355px; top: 142px; width: 595px; height: 95px; position: absolute; }
		#titleHome { left: 355px; top: 0px; width: 400px; height: 250px; position: absolute; }

/* ----------------------------------------------------------- */
/* CLASS CLASS CLASS CLASS CLASS CLASS CLASS CLASS CLASS CLASS */
/* ----------------------------------------------------------- */

	a.back { width: 31px; height: 56px; display: block; background-image: url(../images/bck-back.png); background-position: center center; text-indent: -9999px; }

	.contentBlock { width: 355px; height: auto; left: 0; top: 0; margin-bottom: 15px; }
		.contentBlock .arrow { background-image: url(../images/bck-left.png); background-position: right center; }
		.contentBlock .contentContainer { width: 309px; height: auto; float: right; }
		.contentBlock .content { padding: 0 15px 0 0; }
		.contentBlock .bottom { width: 54px; height: 45px; background-image: url(../images/bck-bottom.png); background-position: right top; }
		.contentBlock .top { width: 54px; height: 45px; background-image: url(../images/bck-top.png); background-position: right bottom; }

	.margin235 { margin-top: 235px; }
	.margin470 { margin-top: 470px; }
	.margin705 { margin-top: 705px; }
	.margin940 { margin-top: 940px; }
		
	
	.menuBlock { width: 625px; height: 220px; float: left; position: relative; margin: 0 0 15px 0; }
		.menuBlock .image { width: 555px; height: 165px; left: 30px; top: 0px; position: absolute; background: #999; }
		.menuBlock .link { width: 585px; height: 55px; left: 0; top: 165px; position: absolute; background-image: url(../images/bck-1.png); background-repeat: no-repeat; background-position: left center; }
			.menuBlock .link a { font-family: 'DINCondBold',Arial; font-size: 47px; width: 530px; height: 55px; padding: 0 0 0 55px; display: block; text-transform: uppercase; color: #FFF; text-decoration: none; display: menuBlock; }
			.menuBlock .link a:hover { color: #FFF; text-decoration: none; opacity: 0.7; moz-opacity: 0.7; filter: alpha(opacity=70); }
		.menuBlock .arrow { width: 35px; height: 55px; left: 585px; top: 165px; position: absolute; background-image: url(../images/bck-2.png); background-repeat: no-repeat; background-position: left center; }
		.menuBlock .menu { width: 250px; height: auto; left: 370px; bottom: 0; position: absolute; display: none; }
			.menuBlock .menu ul { padding: 10px 15px 20px 15px; width: 185px; margin: 0; list-style: none; }
				.menuBlock .menu ul li { margin: 10px 0; }
				.menuBlock .menu ul li a { color: #FFF; text-transform: uppercase; text-decoration: none; font-weight: bold; }
	
	.txt { color: #FFF; line-height: 25px; }
		.txt a { color: #FFF; text-decoration: underline; }
		.txt a:hover { color: #000; text-decoration: underline; }
		
		.txt a.link { font-size: 14px; font-weight: normal; color: #FFF; text-decoration: none; }
		.txt a:hover.link { font-size: 13px; color: #000; text-decoration: none; }
		
	.txtDark { color: #000; line-height: 25px; }
		.txtDark a { color: #000; text-decoration: underline; }
		.txtDark a:hover { color: #FFF; text-decoration: underline; }
		
		.txtDark a.link { font-size: 14px; font-weight: normal; color: #000; text-decoration: none; }
		.txtDark a:hover.link { font-size: 13px; color: #FFF; text-decoration: none; }
		
	
	
	.brown .link,
	.brown .arrow,
	.brown .menu ul,
	.brown td,
	.brown a.back,
	.contentBlock.brown { background-color: #C36D3C; }
	h1.brown { color: #C36D3C; }
	
	.blue .link,
	.blue .arrow,
	.blue .menu ul,
	.blue td,
	.blue a.back,
	.contentBlock.blue   { background-color: #A4CBE8; }
	h1.blue { color: #A4CBE8; }
	
	.grey_1 .link,
	.grey_1 .arrow,
	.grey_1 .menu ul,
	.grey_1 td,
	.grey_1 a.back,
	.contentBlock.grey_1   { background-color: #9C9D9F; }
	h1.grey_1 { color: #9C9D9F; }
	
	.grey_2 .link,
	.grey_2 .arrow,
	.grey_2 .menu ul,
	.grey_2 td,
	.grey_2 a.back,
	.contentBlock.grey_2   { background-color: #58585A; }
	h1.grey_2 { color: #58585A; }
	
	.black .link,
	.black .arrow,
	.black .menu ul,
	.black td,
	.black a.back,
	.contentBlock.black   { background-color: #000; }
	h1.black { color: #58585A; text-transform: none; font-size: 50px; line-height: 50px; margin: -7px 0 0 0; }
	
	.white { background-color: #FFF !important; }
	
/* ----------------------------------------------------------- */
/* SUBMENU  SUBMENU  SUBMENU  SUBMENU  SUBMENU  SUBMENU  SUBMEN*/
/* ----------------------------------------------------------- */
#submenu { position: absolute; top: 75px; left: 330px; }
#submenu li {
    display: inline;
}
#submenu li a {
    font-family: 'DINCondBold',Arial;
    font-size: 20px; text-transform: uppercase;
    text-decoration: none;
    color: #FFF;
    padding: 3px 20px;
}
#submenu li a.brown { background-color: #C36D3C; }
#submenu li a.blue { background-color: #A4CBE8; }
#submenu li a.grey_1 { background-color: #9C9D9F; }
#submenu li a.grey_2 { background-color: #58585A; }