/*
=================================
CSS File for the EDRM graphic for Litigation pages 
Creation Date = July 2012
By = Ricardo Zea

Basic colors:

	ed1c24 = base red
	f03f45 = light red
	ae0e13 = dark red 1
	de1219 = dark red 2
	0d729f = blue 
	40a7d4 = light blue
*/


/* MAIN CONTAINER
=================================*/
#edrm { height:970px; position:relative; overflow:hidden; zoom:1; }

	/*TOP TITLE*/
	#edrm h2 { padding:10px 0 30px 30px; margin-bottom:10px; font-size:25px; line-height:10px; color:#fff; background:#ed1c24; border:#de1219 2px solid; border-radius:2px; font-size-adjust:.52; }
	#edrm h2 span { display:block; font:60px 'OmnesLight', Arial, Helvetica, sans-serif; }
	
	/*IE7*/
	*+html #edrm { height:1000px; }

/* COLUMNS
=================================*/
.col-item { float:left; width:105px; height:760px; padding:110px 8px 0; margin-right:10px; background:#d5d5d5; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.col-item.col-6 { margin:0; border:none; }

	/*DISTANCES*/
	.col-item.col-1,
	.col-item.col-2 { padding-top:333px; }
	.col-item.col-3 { padding-top:278px; }
	.col-item.col-5,
	.col-item.col-6 { padding-top:339px; }
	
		/*IE7*/
		*+html .col-item { width:89px; height:480px; }
		*+html .col-item.col-4 { height:720px; }
		*+html .col-item.col-5,
		*+html .col-item.col-6 { padding-top:346px; }

/* BOXES
=================================*/
.col-item ul { margin:0; }
.col-item ul li { padding:0; background:none; position:relative; }

	/*LEVEL 1*/
	.col-item .level-1 > li { padding-bottom:40px; position:relative; }
	.col-item .level-1 > li span { display:block; padding:20px 0; margin:0; color:#fff; text-decoration:none; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,.2); border:#de1219 2px solid; border-radius:5px; background:#ed1c24; outline:none; font:14px/16px Calibri, Arial, Helvetica, sans-serif; box-shadow:1px 1px 2px rgba(0,0,0,.2); }
	.col-item .level-1 > li span.thin { padding:12px 0; }
	.col-item .level-1 li.last { margin:0; padding:0; background:none; }
	.col-item .level-1 li.last a { margin:0; }
	
		/*Double arrows*/
		.col-item.col-3 li,
		.col-item.col-4 li { background:url(../images/img-up-down-black-arrows.png) center bottom no-repeat; }
		
		/*Side arrows*/
		.side-arrow { width:14px; height:21px; position:absolute; top:21px; left:-15px; background:url(../images/img-red-arrow-large-vector.png) right center no-repeat; }
		.side-arrow.single { left:-26px; width:25px; }
		
		/*Side lines*/
		.side-line { width:11px; height:60px; position:absolute; top:0; left:100%; border-right:#ed1c24 1px solid; background:url(../images/img-red-arrow-large-vector.png) -50px center no-repeat; }
		
			.side-line.a { height:106px; top:-25px; }
			.side-line.b { height:218px; top:-138px; background-position:-50px 159px; }
			.side-line.c { height:259px; top:-31px; background-position:-50px 52px; }
			.side-line.d { height:198px; top:31px; background-position:-50px -9px; }
			.side-line.e { height:260px; top:0; background:none; }
			.side-line.f { height:20px; top:13px; background-position:-50px 10px; }
			
				/*IE7*/
				*+html .side-line.a { height:110px; }
				*+html .side-line.b { height:221px; }
				*+html .side-line.c { height:304px; }
				*+html .side-line.d { height:220px; }
				*+html .side-line.e { height:282px; background-position:-50px 21px; }
				
				/*IE8*/
				.side-line.c { height:269px\9; }
				
				/*IE9+*/
				:root .side-line.c { height:251px \0/IE9; }				
	
		/*LEVEL 2*/
		.col-item .level-1 .level-2 li { margin:5px 0; }
		.col-item .level-1 .level-2 li:last-of-type { margin-bottom:0; }
		.col-item .level-1 .level-2 a,
		.col-item .level-1 .level-2 a:visited { display:block; text-decoration:none; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,.2); padding:9px 0 !important; color:#ed1c24; font-size:16px; background:#fff; border:transparent 2px solid; border-color:#fff; border-radius:5px; outline:none; font:12px Calibri, Arial, Helvetica, sans-serif; box-shadow:1px 1px 2px rgba(0,0,0,.1); }
		.col-item .level-1 .level-2 a:hover { background:#eee; border-color:#aaa; }
		.col-item .level-1 .level-2 a:active,
		.col-item .level-1 .level-2 a:focus { background:#fff; border-color:#999; }
	
	/*TOP SECTIONS*/
	.top-section { width:105px; position:absolute; top:0; left:0; z-index:1; padding:10px; text-align:center; background:#b4b4b4; border-bottom:#fff 10px solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.top-section span { display:block; padding:5px 0; color:#ed1c24; background:#fff; font-size:14px; font-size-adjust:.52; letter-spacing:-.5px; text-shadow:0 1px 0 rgba(0,0,0,.1); border-radius:3px; }
	
	.top-section a,
	.top-section a:visited { display:block; outline:none; text-decoration:none; border:#fff 2px solid; border-radius:5px; }
	.top-section a:hover { border-color:#999; }
	.top-section a:active,
	.top-section a:focus { border-color:#666; }
	
		/*IE7*/
		*+html .top-section { width:89px; }

/* BOTTOM INDICATOR
=================================*/
.indicator { width:680px; height:140px; padding-top:50px; position:relative; bottom:70px; clear:both; background:url(../images/bg-ramp.png) center no-repeat; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

	/*INSIDE ARROWS*/
	.inside-arrows { width:920px; height:33px; position:absolute; top:53px; left:0; background:url(../images/img-arrow-large-edrm.png) -265px center repeat-x; }

.indicator span { display:inline-block; padding:10px 20px; color:#fff; position:relative; z-index:1; background:#414141; text-shadow:0 1px 0 #000; font:18px 'OmnesLight', Arial, Helvetica, sans-serif; }
.indicator .right { float:right; }

	/*IE7*/
	*+html .indicator { height:95px; position:absolute; bottom:0 !important; }
	*+html .indicator .left { float:left; }
	*+html .indicator .right { float:right; }	
	
/* OVERRIDING RULES
=================================*/

	/*FOOTER*/
	#social-icons li a { padding:0; }