/*
	By = Ricardo Zea

	- To target only IE6, use: *html or _property {...}
	- To target only IE7, use: *+html or *property {...} - Keep in mind that you have to put the IE7 property first if you're using the same selector.
	- To target only IE8, use: \9 >> p { color:#f00\9; } - http://stackoverflow.com/questions/660652/ie8-css-selector
		The above solution doesn't work with font-family, so instead you need to use "\0/ !important" >> { font-family:Arial \0/ !important; } - 			
		http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/
*/

/* ---------------------------------------------------------------- */
/* 							HOME RESET								*/
/* ---------------------------------------------------------------- */
#header { background:none; margin:0; width:930px; }
ul#top-right-links { margin:0; padding:0; float:right; }
#megamenus { background:none; top:82px; }
#bg-footer { display:none; }
#footer { padding-top: 0 !important; position:absolute; left:0;top:0; /*top:644px;*/ top:615px; }
#credits { top:10px; }
#megamenus div.menu-container { top:40px; }
#left-links ul.bottom { float:right; }
#search-wrapper { padding:0; }

/* ---------------------------------------------------------------- */
/* 							HOME CSS								*/
/* ---------------------------------------------------------------- */
body {
	background:url(../images/bg-website.jpg) 0 0 repeat-x #E3E3E3;
	margin:auto;
	/*overflow:hidden;*/
	overflow-y:visible;
	overflow-x:hidden;
	color:#000;
	}
	
#frame {
	background:url(../images/bg-shadow.png) top center no-repeat;	
	width:100%;
	height:830px;
	padding-bottom:35px;
	}
	#interface { 
		position:absolute;
		width:1500px;
		left:-270px;
		top:0px;
		z-index:5;
		}
		#header-bg {
			position:absolute;
			top:0;
			left:0;
			width:1500px;
			height:123px;
			background:url(../images/bg-header.png) 0 bottom repeat-x #fff;
			z-index:6;
			}
		#promo-bg {
			position:absolute;
			/*top:490px;*/
			top:435px;
			left:0;
			width:1500px;
			height:200px;
			/*background:url(../images/bg-promo.png) 0 0 repeat-x;*/
			z-index:6;
			}
		#footer-bg {
			position:absolute;
			/*top:697px;*/
			top:646px;
			left:0;
			width:1500px;
			/*height:60px;*/
			height:120px;
			background-color:#eee;
			z-index:6;
			}
	#center {
		position:relative;
		width:960px;
		xpadding:0 20px;
		height:778px;
		margin:auto;
		}
		#content {
			position:relative;
			z-index:10;
			width:930px;
			}

/*TOP MESSAGE*/
#top-msg { right:0; }



/* ---------------------------------------------------------------- */
/* 							PROMOS CSS								*/
/* ---------------------------------------------------------------- */
#promos {
	position:absolute;
	/*top:510px;*/
	top:456px;
	left:290px;
	z-index:10;
	}
#promos table { width:900px; margin:0 10px; }
#promos table td { width:50%; }
#promos table td.center { width:261px; }
#promos table td.left div,
#promos table td.left img{ float:left; }
#promos table td.right div,
#promos table td.right img{ float:right; }
#promos table td img {
	-moz-box-shadow:0 5px 15px rgba(0,0,0,.4);
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,.4);
	box-shadow:0 5px 15px rgba(0,0,0,.4);
	}
#promos table td img:hover { position:relative; top:-2px; }
.promo-block {
	width:239px;
	height:160px;
	padding:21px;
	position:relative;
	background:url(../images/bg-promo_block.png) 0 0 no-repeat;
	}
.promo-pic {
	float:left;
	margin-right:16px;
	}
.promo-content {
	width:130px;
	float:left;
	}
.promo-content p {
	font-size:13px;
	line-height:18px;
	color:#666;
	}
.promo-content h6 {
	font-family:'OmnesRegular', Calibri, Arial, sans-serif;
	line-height:19px;
	font-size:18px;
	color:#ee162d;
	margin-bottom:8px;
	}



/* ---------------------------------------------------------------- */
/* 						SLIDESHOW RESET								*/
/* ---------------------------------------------------------------- */
#slides { display:none; }
.slideshow {
	position:absolute;
	top:0;
	left:0;
	width:1500px;
	/*height:550px;*/
	height:484px;
	background-position:top center;
	background-repeat:no-repeat;
	z-index:4;	
	}
.slideshow.active { z-index:5; position:relative; }
#slide-controler {
	position:absolute;
	top:150px;
	right:290px;
	z-index:7;
	}
.slide-marker {
	width:30px;
	height:19px;
	display:inline-block;
	*display:inline;
	background:url(../images/slide-indicator.png) 0 0 no-repeat;
	cursor:pointer;
	zoom:1;
	}
.slide-marker.active {
	background-position:0 -22px;
	}

.blurb.right, .blurb.left {
	position:absolute;
	top:40%;	
	} 
.blurb.right {	
	right:0;
	margin-right:300px;
	}
.blurb.left {	
	left:0;
	margin-left:300px;
	}
	
/* ---------------------------------------------------------------- */
/* 						TOP MESSAGE								*/
/* ---------------------------------------------------------------- */
#top-info { width:500px; padding:5px 10px; margin:0 auto 10px; border:#ccc 1px solid; border-top:none; border-radius:0 0 3px 3px; box-shadow:0 0 5px rgba(0,0,0,.2);
	background:#efefef;
	background-image: -webkit-linear-gradient(center 10px,#fff,#ddd);
	background-image:    -moz-linear-gradient(center 10px,#fff,#ddd);
	background-image: 	  -ms-linear-gradient(center 10px,#fff,#ddd);
	background-image:	   -o-linear-gradient(center 10px,#fff,#ddd);
	background-image: 		  linear-gradient(center 10px,#fff,#ddd);
}
#top-info p { font-size:12px; margin:0; text-shadow:1px 1px 0	 #fff; }
#top-info p.last { padding:0; text-align:right; }


/* RE logo footer addition styles 
*************************************************/

.copy-right { position:absolute; top:725px;  width:960px; }
#frame {
	background: url("http://www.lexisnexis.ca/images/bg-shadow.png") bottom center no-repeat !important;
	width: 100% !important;
	height: 817px !important;
}

/**************************************************/