@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;
			margin:0 auto; padding:15px;
			background:url(/img/bg-content-overlay.png) no-repeat center top;
			}
			
/* ------ Branding ------ */
#branding{
	min-height:101px; 
	_height:101px;
	width:730px;
	margin:0 auto;
	background:#fff url(/img/bg-branding.jpg) no-repeat center top;
	border:5px solid #fff;
	color:#9e0101;
	}
	#branding-copy{ float:right; padding:34px 10px 0 0; }
		#branding img{ float:left; border:none;}
		#branding-text{	padding:0; font-size:120%; }
		#branding-text2{  padding:0 0 0 67px; font-size:120%; }
		#business-name{ float:left; padding:43px 0 0 10px; font-size:160%;}

/* ------ 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{
				color:#FFFFFF;
				padding:6px 10px 6px;
				text-decoration:none;
				}
				#main-nav li a.active{
					font-weight:bold;
					}
	#bg-header-posts{
		float:left;
		position:absolute;
		bottom:-28px;
		height:33px; width:739px;
		background:url(/img/bg-header-posts.png) no-repeat left bottom;
		}
			
/* ------ Navigation ------ */
#nav{
	float:left;
	width:740px;
	height:44px;
	margin:0; padding:0 0 0 10px;
	background:url(/img/bg-nav.jpg) no-repeat left top;
	}
	#nav li{
		float:left;
		height:44px; width:85px; 
		margin:0 10px 0 0; padding:0 10px 0 0;
		text-align:center;
		background:url(/img/bg-nav-divider.jpg) no-repeat right center;
		}
		#nav li a{
			float:left;
			height:44px; width:85px;
			margin:0 10px 0 0; padding:3px 10px 0 0;
			text-decoration:none;
			font-size:80%;
			line-height:12px;
			color:#3e4246;
			}
		#nav li.nav-last{ background:none; }
		
/* ------ Content ------ */

/* This is used so user cant add an image into the content section that looks to big 
- Still allow them to upload large images (so they can link to them */
#copy-content img, #i-copy-content img{ max-width:450px; }

#copy{
	float:left;
	width:730px;
	margin:25px 0 0 15px; 
	background:#c5c7c9 url(/img/bg-copy-grad.jpg) repeat-x left top;
	border:5px solid #fff;
	}
	#copy-column-bg{
		float:left;
		width:700px;
		padding:15px;
		background:url(/img/bg-copy-column.png) no-repeat left top;
		}
		#copy-content{
			float:right;
			width:485px;
			padding:0 0 0 15px;
			}
			#bread-trail{ padding:0; margin:0 0 10px 0; }
				#bread-trail li{ display:inline; margin:0; padding:0; background:none; }
					#bread-trail li a{color:#f3a911; text-decoration:underline; }
			
			/* ------ Gallery ------ */		
			#gallery{
				background:#e9e9e9;
				float:right;
				width:200px;
				padding:4px 0 10px 15px;
				text-align:center;
				color:#34393e;
				}
				
				#thumbs{ margin:0; text-align:center; }
					#gallery #thumbs li{ display:inline; padding:0; background:none; }
				#view-larger-txt{ padding:0; }
				#gallery h3{ padding-left:5px; text-align:left; }
				#gallery img{ padding:2px; }
				img.main-photo{ border:1px solid #C4C6C7; margin:0 0 0px 5px; }
				img.thumbs{ border:1px solid #C4C6C7; }
					img.thumbs:hover{ border:1px solid #9E0101; }
				#gallery ul{ text-align:center; }
				#gallery ul li{ padding:2px 0 2px 19px; text-align:left;}
				
				.pdf{background:url(/img/img-pdf.png) no-repeat left center; margin:0 0 5px 5px; }
				.word{ background:url(/img/img-word.png) no-repeat left center; margin:0 0 5px 5px; }
				.excel{background:url(/img/img-excel.png) no-repeat left center; margin:0 0 5px 5px; }
				.other{background:url(/img/img-other.png) no-repeat left center; margin:0 0 5px 5px; }				
					
		#copy-column{
			float:left;
			width:190px;
			padding:30px 0 0 0;
			}
			#copy-column ul li{ font-size:120%; }
				#copy-column ul li a:hover{ color:#9E0101; }
			#copy-column img{ padding:10px 0 30px 16px; }

/* ------ Forms ------ */
#contact-form{
	width:260px;
	text-align:center;
    }
#contact-form legend{
	font-size:130%;
	font-weight:normal;
	color:#9E0101;
	margin:0px 0px 0px 11px;
	}
	#contact-form fieldset{
		border:1px solid #4D5256;
		color:#4D5256;
		}
		p.form-para{
			text-align:right;
			padding:10px 25px 0 0;
			color:#F3A911;
			}
		#contact-form .full-row label, #contact-form fieldset fieldset legend{
			width:auto;
			display:block;
			padding:0 0 0 19px;
			text-align:left;
			font-size:100%;
			color:#4D5256;
			}
		#contact-form .full-row{
			width:auto;
			padding-bottom:8px;
			}
			#contact-form .full-row input, #contact-form .full-row textarea{
				width:219px;
				margin:2px 0;
				padding:2px;
				border:1px solid #4D5256;
				background:#eae8de url(/img/bg-form-inputs.png) no-repeat top left;
				}
				#contact-form .full-row input:focus, #contact-form .full-row textarea:focus{
					background:url(/img/bg-form-inputs-focus.png) no-repeat top left;
					}
			#contact-form .full-row textarea{ height:220px; }

		/* for radios */
		#contact-form fieldset fieldset{ padding:0; border:none; }
			#contact-form .full-row fieldset ol li label{ width:auto; padding:0 0 0 60px; }
				#contact-form .full-row fieldset ol li input{ width:auto; margin:2px 0; padding:2px; }
				
		/* for select */
		#contact-form select{ width:225px; margin:2px 0; padding:2px; border:1px solid #4D5256; background:url(/img/bg-form-inputs.png) no-repeat top left; color:#4D5256;}
						
		#contact-form .full-row .submit{
			width:60px;
			padding:2px 0;
			background:#B2B4B6;
			border:1px solid #4D5256;
			font-size:80%;
			letter-spacing:1px;
			text-align:center;
			color:#9E0101;
			cursor:pointer;
			}
		/* ------ Form alert message ------ */
		#alert{ padding-bottom:0; }
			#alert h2{ font-size:120%; padding-bottom:0; font-weight:bold; }
			#error-list{ color:#F3A911; text-align:left; }

/* ------ 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; }
	
/* ------ Site Map ------ */
#sitemap li{ background:none; }
#sitemap ul li li{ background:url(/img/bg-bullet.png) no-repeat scroll left center;}
	#sitemap ul li li a{ color:#5A5E62; }