/*
================================
	Global / Layout Styles
================================
*/
html{
	height:100%;
	width:100%;
}

body{
	background:white;
	height:100%;
	width:100%;
	font-family:Arial, Helvetica, "sans-serif";
}

#page{
	background:transparent url(../img/bn_mre_blue_brdr.gif) repeat-x;
	display:none;
}

.clear{
	clear:both;
}

#flashContent{
	min-height:700px;
	min-width:1003px;
}

/*
================================
	Header Styles
================================
*/

#header{
	height:86px;
}

	#header img{
		padding:25px 0px 0px 22px;
	}
	
/*
================================
	Footer Styles
================================
*/

#footer-wrapper{
	border-top:1px solid #f8f8f8;
	height:46px;
	width:100%;
}

#footer{
	height:46px;
	width:100%;
	min-width:990px;
}
	#footer #footer-logo{
		float:left;
		padding:14px 0px 0px 13px 
	}
	
	#footer #footer-content{
		float:right;
		text-align:right;
		font-size:9px;
		padding:13px 11px 0px 0px;
		color:#bababa;
	}
		#footer #footer-content ul{
			padding-bottom:4px;
		}
			#footer #footer-content ul li{
				display:inline;
				text-transform:uppercase;
				line-height:
			}
			#footer #footer-content ul li a{
				color:#bababa;
			}
			#footer #footer-content ul li a:hover{
				color:#909090;
			}
			#footer #footer-content ul li a.bold{
				color:#999999;
				font-weight:bold;
			}
			#footer #footer-content ul li a.bold:hover{
				color:#5b5b5b;
			}
	div.rule{
		height:10px;
		width:600px;
		background:red;
		display:none;
	}
	div.rule2{
		height:10px;
		width:990px;
		background:orange;
		display:none;
	}

/*
================================
	Content Styles
================================
*/

#content-wrapper{
	background:transparent url(../img/bn_mre_btm_grad.png) repeat-x bottom;
}
	#content-sub-wrapper{
		width:990px;
		margin:0 auto;
		min-height:380px;
		height:auto !important;
		height:380px;
	}
		#packshot{
			width:533px;
			float:left;
		}
		
			#packshot img{
				padding-top:3px;
			}
			
		#content{
			width:351px;
			float:left;
		}
		
			h1{
				font-size:28px;
				color:#3f8bb5;
				line-height:27px;
				font-weight:normal;
				letter-spacing: -1px;
				padding:42px 0px 11px 0px;
			}
			
				h1 span.alt-blue{
					color:#5bb1c7;
				}
			
			h2{
				font-size:14px;
				line-height:16px;
				color:#3f8bb5;
				font-weight:normal;
			}
			
			a#flash-link{
				display:block;
				height:19px;
				width:186px;
				background-image:url(../img/bn_mre_btn_dl_flash.png);
				background-repeat:no-repeat;
				background-position:0px 0px;
				font-size:10px;
				text-indent:-90000px;
				margin:12px 0px 13px 0px;
			}
			
			a#flash-link:hover{
				background-position:-186px 0px;
			}
			
			#flash-content{
			}
				div.line{
					height:1px;
					overflow:hidden;
					line-height:1px;
				}
				div.gray{
					background-color:#e9e9e9;
				}
				
				div.light-gray{
					background-color:#f2f2f2;
				}
				
				#flash-content p{
					line-height:27px;
					font-size:10px;
					color:#439cb3;
				}
					#flash-content p a{
						font-size:10px;
						color:#439cb3;
						background:transparent url(../img/bn_mre_clk_here_btm_brdr.gif) repeat-x bottom;
					}
					#flash-content p a:hover{
						color:#4f4f4f;
					}
			
			h2.ben-intro{
				color:#4f4f4f;
				padding:15px 0px;
				line-height:14px;
			}
			
			.text{
			}
			
				.text p{
					color:#696969;
					font-size:11px;
					line-height:15px;
					padding-bottom:7px;
				}
				
			#content-col-1{
				width:167px;
				float:left;
				padding-right:15px;
			}
			#content-col-2{
				width:169px;
				float:left;
			}

			
/*
================================
	Add This Styles
================================
*/

#add-this-wrapper{
	height:1px;
	width:1px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:-1000px;
}			
				
	#add-this-book { width: 234px; height: 1px; overflow: hidden; position: absolute; right: 0px; top: 3px; }
	#add-this-bookmark { position: absolute; left: -15000px; width: 1px; height: 1px; font-size: 1%; overflow: hidden; background-color: #FFFFFF; }