@charset "UTF-8";
@import url("copy.css");
/* Home page styles for http://www.m2managementgroup.com */

html{ min-height:100%; height:auto; }
body{ 
	background:url(/img/bg-buildings-repeat.png) repeat-x center bottom;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	}
.clear{ clear:both; }

/* ------ Main Page Containers ------ */	
#bg-page-grad{
	width:100%;
	padding:19px 0 0;
	background:url(/img/bg-page-grad.jpg) repeat-x left top;
	}
	#bg-content-bricks{
		background:url(/img/bg-content-bricks.jpg) repeat-y center top;
		}
		#bg-content-overlay{
			width:770px; /*height:900px;*/
			margin:0 auto; padding:15px;
			background:url(/img/bg-content-overlay.png) no-repeat center top;
			}
			
/* ------ Branding ------ */
#branding{
	width:730px;
	margin:0 auto;
	background:#fff url(/img/i-bg-branding.jpg) no-repeat center top;
	border:5px solid #fff;
	color:#9e0101;
	}
	#branding-copy{}
		#branding img{ padding:8px 10px; float:left; }
		#branding-text{	padding:70px 0 0; font-size:120%; }
		#branding-text2{ padding:0 300px 0 0; float:right; font-size:120%; }
		#business-name{ z-index:2; position:relative; clear:both; padding:0 0 0 10px; font-size:200%; font-weight:normal;}
		#business-number{ z-index:2; position:relative; padding:0 0px 0  89px; font-size:170%; font-weight:normal;}

/* ------ Main Navigation ------ */
#main-nav-wrap{
	float:left;
	width:740px;
	margin:0 0 10px 15px; padding:0;
	position:relative;
	}
	#main-nav{
		float:left;
		width:740px;
		padding:0;
		background:#8d0000;
		} 
		#main-nav li{
			float:left;
			margin:0; padding:6px 0px 6px;
			background:url(/img/bg-divider.png) no-repeat right top;
			}
			#main-nav li a{
				z-index:2;
				position:relative;
				color:#FFFFFF;
				padding:6px 10px 6px;
				text-decoration:none;
				}
			#main-nav li a.active{ font-weight:bold; }
	#i-bg-header-posts{
		z-index:1;
		float:left;
		position:absolute;
		bottom:-30px;
		height:150px; width:739px;
		background:url(/img/bg-lightpost.png) no-repeat left bottom;
		}
			
/* ------ Navigation ------ */
#i-nav{
	float:left;
	width:749px;
	margin:26px 0 0 15px; padding:0;
	}
	#i-nav li{
		position:relative;
		float:left;
		height:129px; width:95px;
		margin:0 12px 0 0; padding:14px 0 0 0;
		background:url(/img/bg-nav-li3.png) no-repeat top left;
		text-align:center;
		text-transform:uppercase;
		font-size:80%;
		}
		#i-nav li img{
			padding:0;
			border:1px solid #870000;
			}
		#i-nav li.nav-last{ margin:0; }
		#i-nav li a{
			color:#FFFFFF;
			padding:0;
			text-decoration:none;
			}
		.mini-logo{ position:absolute; height:35px; width:35px; top:63px; left:61px; background:url(/img/bg-mini-logo.png) no-repeat; }
			
/* ------ Content ------ */
#i-copy{
	float:left;
	width:700px;
	margin:15px 0 0 15px; padding:15px;
	background:#c5c7c9 url(/img/bg-copy-grad.jpg) repeat-x left top;
	border:5px solid #fff;
	}
	#i-copy-content{
		float:left;
		width:100%;
		}
		
/* ------ Footer ------ */
#footer{
	margin:0 auto;
	width:713px;
	padding:0 15px;
	font-size:85%;
	text-align:center;
	background:url(/img/bg-footer.png) no-repeat left top;
	}
	#footer ul{	padding:27px 0 15px; }
	#footer ul li{
		display:inline;
		margin:0 8px 0 0; padding:0 8px 0 0;
		background:url(/img/bg-footer-divider.png) no-repeat right center;
		}
	#footer ul li.footer-nav-last{ background:none; }
		#footer ul li a{
			text-decoration:none;
			color:#fff;			
			}
	#footer p, #footer address{ color:#bcbcbc; font-style:normal; }
	#footer p.copyright{ padding:0; }
	#footer address span{ margin:0 3px 0 0; padding:0 10px 0 0; background:url(/img/bg-footer-square.png) no-repeat right center; }
	#footer a.red{ margin:0; padding:0; background:none; color:#9e0101; }