/* *********
	RESET
*********** */	
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } 
img { border: none; }
/* *********
	FONTS 
*********** */	
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
		/*  font-size:77% = 10px; 85% = 11px;  93%=12px; 100%=13px; 108%=14px; 123.1%=16px; 138.5=18px;  */
/************/

html, body {
	height:100%;
}

body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	line-height:2em;
	color:#505050;
	background-image:url(http://gage.he.net/~mhsea/z_img/topline.gif);
	background-repeat:repeat-x;
	background-position:top center;
}
	
	
	/* *********
		MAIN CONTAINERS
	*********** */
	
	#top_container {
		width:968px;
		margin:0px auto 0px auto;
		padding:0px;
		text-align:left;
		background-color:#ffffff;
		
	}
	
	#home_grid_container {
		height:319px;
		position:relative;
		text-align:left;
	}
	

	
	#topline {
		position:absolute; height:5px; left: 50%; width:100%; z-index:-10;
	background-image:url(http://gage.he.net/~mhsea/z_img/topline.gif);
		background-repeat:repeat-x;
	}
	
	
	/* *********
		TOP CONTAINER
	*********** */
	
	#left_col {
		float:left; display:inline;
		width:358px;
		
	}
	
		#logo {
			margin-top:80px;
			margin-left:10px;
		}
		
	
	#center_col {
		float:left; display:inline;
		width:450px;
		margin:0px;
		padding:0px;
		font-family:Georgia, "Times New Roman", Times, serif;
		background-image:url(http://gage.he.net/~mhsea/z_img/topline.gif);
		background-repeat:no-repeat;
		font-size:100%;
	}
	
		#center_col h1 {
			margin-bottom:20px;
			font-size:16px;
			color:#505050;
		}
		
		#center_col h1 span {
			font-weight:normal !important
		}
		
	#center_col a:link, #center_col a:visited {
		color:#c80101;
		text-decoration:none;
	}
	
	#center_col a:hover, #center_col a:active {
		color:#c80101;
		text-decoration:underline;
	}
	
	
	
		#mainnav {
			padding-top:14px;
			height:55px;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		#mainnav a {
			padding:15px 8px 20px 8px;
			margin:0px;
			font-size:13px;
			text-decoration:none;
		}
		
		#mainnav a:first-child { padding-left:1px; }
		
		#mainnav a:link, #mainnav a:visited { 
			border-top:5px solid #505050; 
			border-left:0px; border-right:0px;
			color:#505050;
			}
		
		#mainnav a:hover, #mainnav a:active { 
			border-top:5px solid #b8070f;
			border-left:0px; border-right:0px; 
			color:#b8070f;
			}
			
		#on { 
			color:#b8070f!important;
			border-top:5px solid #b8070f !important;
			}	
	
		#center_content {
			margin:10px 0px 64px 0px;
			line-height:2em;
			padding-right:40px;
		}	
	
	
	#right_col {
		float:left; display:inline;
		width:160px;
		border-top:5px solid #c3d69e;
	}
	
	
	

	/* *********
		HOMEPAGE GRID
	*********** */
	#homegrid {
		margin:0px auto 0px auto;
		z-index:10;
		height:319px;
		width:968px;
		background-image:url(http://gage.he.net/~mhsea/z_img/grid_bg.gif);
		background-repeat:no-repeat;
	}
	
	#bgleft{
		position: absolute;
		top:0px;
		left:0px;
		height:319px;
		width:50%;
		background-image:url(http://gage.he.net/~mhsea/z_img/bg_left.gif);
		background-repeat:repeat-x;
		z-index:1;
	}
	#bgright {
		position: absolute;
		top:0px;
		right:0px;
		height:319px;
		width:50%;
		background-image:url(http://gage.he.net/~mhsea/z_img/bg_right.gif);
		background-repeat:repeat-x;
		z-index:1;
	}		
	
	.home_ft {
		position:absolute;
		width:126px;
		height:72px;
	}
	
	.feat_txt {
	/*
		
		*/
		color:#444444; 
		font-family:arial narrow;
		line-height:1.3em;
		font-size:85%;
		font-weight:bold;
		padding:7px;
	}	
	
	.feat_txt a {
		display:block;
		width:115px;
	}
	
	.feat_txt a:link, .feat_txt a:visited {
		color:#2c241e;
		text-decoration:none;
	}
	
	.feat_txt a:hover, .feat_txt a:active {
		color:#c80101;
		text-decoration:none;
	}
	
	.feat_txt span {
		color:#ffffff;
		background-color:#c80101;
		padding:0px 3px 0px 3px;
	}
	
	.feat_txt img {
		padding-left:2px;
		margin-bottom:-2px;
	}
	
		#feat1_txt {
			left:10px; top:83px; 
		}
		
		#feat2_txt {
			left:148px; top:247px;
		}
		
		#feat3_txt {
			left:832px; top:165px;
		}
	
	
	.feat_img {
		position:absolute;
	}
	
		#feat1_img {
			width:126px;
			height:237px; 
			left:147px;
			overflow:hidden;
		}
		
		#feat2_img {
			width:265px;
			height:155px;
			left:283px; 
			top:164px;
			overflow:hidden;
		}
		
		#feat3_img {
			width:265px;
			height:319px;
			left:557px;
			overflow:hidden;
		}
	
	
	#redbox {
		position:absolute;
		width:265px;
		height:155px; 
		left:283px; 
	}
	
	.green_overlay {
		position:absolute;
		height:73px; 
		width:14px;
		background-color:#c3d69e;
		opacity:.65; 
		filter: alpha(opacity=65); 
	}
	
	
	
	
	
	/* *********
		CONTENT PAGES
	*********** */
	
	/*
	#contentbg {
		position:absolute;
		right:50%;
		top:240px; 
		z-index:-1;
		background-color:#e4e6de; 
		width:1088px; height:318px;
	}
	*/
	
	#left_img_container {
		position:absolute; 
		top:235px; 
		right:60px; 
		background-color:#e4e6de; 
		width:2000px;
	}
	
	#left_img {
		float:right;
		padding-left:10px;
		background-color:#e4e6de;
		background-image:url('http://gage.he.net/~mhsea/z_img/img_left.gif');
		background-repeat:repeat-y;
	}
	

		#left_img #leftimg{
			width:290px
		}
		
		
		#left_lower {
			width:290px;
			height:82px;
			margin:0px;
			background-image:url('http://gage.he.net/~mhsea/z_img/img_left_lower.gif');
		}
	
		.green_overlay_img {
			position:absolute;
			height:14px; 
			width:127px;
			bottom:80px;
			left:0;
			background-color:#c3d69e;
			opacity:.65; 
			filter: alpha(opacity=65); 
		}
	
	
	
	#subnav {
		margin-top:130px;
		line-height:1.2em;
		font-size:90%;
	}
	
	.subitem {
		margin-bottom:8px;
	}
	
	#subnav a { display:block; }
	
	#subnav a:link, #subnav a:visited {
		text-decoration:none;
		color:#505050;
	}
	
	#subnav a:hover, #subnav a:active {
		color:#505050;
		text-decoration:underline;
	}
	
	/*
	#subnav a:hover span {
		color:#ffffff;
	}
	*/
	
	.on_sub {
		color:#b8070f !important;
		text-decoration:none;
	}
	
	/*
	.on_sub a span {
		color:#ffffff;
	}
	*/
	
	
	/* *********
		PORTFOLIO PAGES
	*********** */
	
	#portfolio_summary td {
		vertical-align:top
	}
	
	.portf_imgtd {
		
	}
	
	.p_th{
		border:3px solid #d3d4ce;
	}
	
	.imghover:hover {
		border:3px solid #c80101;
	}
	
	.porf_short_txt {
		font-size:90%;
		line-height:1.8em;
		margin-bottom:30px;
	}
	
	.porf_short_txt a:link, .porf_short_txt a:visited {
		color:#505050 !important;
		text-decoration:none;
	}
	
	.porf_short_txt a:hover, .porf_short_txt a:active {
		color:#505050 !important;
		text-decoration:underline;
	}
	
	
	#categories li a {
		display:block;	
	}
	
	#categories li a:visited {
		color:#d25157;
	}
	
	
	/* *********
		BIO PAGES
	*********** */	
	
	.people_sum {
		line-height:1.8em;
	}
	
	.bio_sum_txt {
		/* font-size:90%;
		line-height:1.8em;
		*/
		margin-bottom:20px;
	}
	
	.person a{
		font-weight:bold;
		color:#505050 !important;
	}
	
	#bio {
		line-height:1.8em;
	}
	
	#vcard {
		margin:20px 0px 20px 0px;
	}
	
	#personInfo {
		font-weight:normal;
		margin-top:5px;
	}
	
	#personInfo a {
		text-decoration:underline;
	}
		
	
		
	/* *********
		FOOTER
	*********** */	
	
	#footer_container {
		clear:both;
		width:968px;
		margin:0px auto 10px auto;
		padding-top:70px;
		padding-bottom:20px;
		text-align:left;

	}
		
	#footer {
		margin-left:347px;
		margin-top:0px;
		
		font-size:70%;
		line-height:1.8em;
		
	}
	
	#footer a:link, #footer a:visited {
		color:#505050;
		text-decoration:none;
	}
	
	#footer a:hover, #footer a:active {
		color:#505050;
		text-decoration:underline;
	}
	
	
	
	
	
	
	/* *********
		MULTIUSE
	*********** */
	
	.rel {
		position:relative;
	}
	
	.clear {
		clear:both;
	}
	
	.bold {
		font-weight:bold;
		
	}
	
	.italic {
		font-style:italic;
	}