/*	GLOBAL STYLES */
*	{						/* override browser differences */
	margin: 0;
	padding: 0;
}

html	{ 					/* force scrollbar to prevent page jump */
	min-height: 100%;
	margin-bottom: 1px;
}

/* GENERAL STYLES */

body	{			
	background-color: #c5bcb3;		/* beige */
	color: #000;
	text-align: center;		/* center site on screen */
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
}

p, li	{					/* set global typeface */
	font-size: 0.8em;
	line-height: 1.3em;
	padding-bottom: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
}

h1	{
	font-size: 0.9em;
	color: #72634d;	/* brown */
	text-transform: uppercase;
	line-height: 1.5em;
	padding-top: 0.5em;
}

h2	{
	font-size: 0.9em;
	line-height: 1.4em;
	padding-top: 0.5em;
}

	.garden	{
	color: #95a105;
	}
	
	.architect	{
	color: #478982;
	}
	
	.both	{
	color: #72634d;		/* brown */
	}
	
h3	{
	color: black;
	text-transform: uppercase;
	font-size: 0.7em;
	padding-top: 0.5em;
}

img	{
	border: 0;
}

/* FORMATTING STYLES */

.content	{
	padding: 0;
	margin-top: 0;
}

.content ul	{
	padding-left: 1em;
}

.content li	{
	padding-bottom: 0;
}

.content h1, .content h2, .content h3, .content p	{
	padding-left: 2px;
	padding-right: 10px;
}

.border	{
	border-bottom: solid 1px #c5bcb3;
}

.padding15	{
	padding-left: 15px;
}

#outerwrapper	{
	position: relative;
	text-align: left;		/* overrides centering for text */
	width: 758px;			/* sets width for 800x600 design size */
	margin: auto;
	background-color: #fff;	/* white */
	border: solid 1px #72634d;	/* brown */
}

#header	{
	margin-top: 30px;
	height: 30px;
	width: 758px;
}

#header_hgd	{
	height: 58px;
	width: 758px;
}

	#left_panel	{
		position: relative;
		color: #000;	/* black */
		width: 148px;
		vertical-align: top;
	}
	
		#left_nav	{
			width: 148px;
			padding: 0;
			margin: 0;
			margin-top: 10px;
			font-size: 0.9em;
		}
		
		#left_nav p	{
			line-height: 1em;
			padding-bottom: 5px;
			padding-right: 5px;
			list-style: none;
			text-align: left;
		}
		
		#left_nav a:link, #content a:link	{
			text-decoration: none;
			color: #000;				/* black */
			font-weight: bold;
		}
		
		#left_nav a:visited, #content a:visited	{
			text-decoration: none;
			color: #333;				/* dark gray */
			font-weight: bold;
		}
		
		#left_nav a.plain:hover, #left_nav a:active, #content a:hover, #content a:active	{
			color: #72634d;				/* brown */
			font-weight: bold;
		}
		
		#left_nav a.hd:hover, #content a.hd:hover, #port_nav a.hd:hover	{
			color: #95a105;
		}
		
		#left_nav a.kh:hover, #content a.kh:hover, #port_nav a.kh:hover	{
			color: #478982;
		}
	
		#left_nav ul	{
			margin-top: 0;
/*			padding: 7px;*/
			padding-top: 0;
			list-style: none;
			text-align: right;
		}
		
		#left_nav ul li	{
			padding: 1px;
		}
		
	#right_panel	{
		width: 152px;
		padding-left: 2px;
	}
	
	#rp_top, #rp_middle	{
		padding: 10px 0px 10px 0px;
		text-align: center;
		border-bottom: solid 1px #c5bcb3;
	}
		
	#rp_bottom p	{
		padding: 30px 0px 5px 15px;
		text-align: left;
		font-size: 0.7em;
	}

	#rp_narrow p	{
		padding: 10px 0px 5px 10px;
		text-align: left;
		font-size: 0.7em;
	}

	#gradient_gold	{
	background: #e9dfae url(../images/gradient_gold.jpg);	/* gold */
	border-bottom: solid 1px #c5bcb3;
	border-top: solid 1px #c5bcb3;
	background-repeat: repeat-y;
	background-position: top left;
}

	#home_news	{
		margin-right: 150px;
		margin-left: 12px;
	}
	
	#home_news h1	{
		font-size: 0.9em;
		padding: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		margin: 0;
		color: #72634d;
	}
	
	#home_news p	{
		font-size: 0.7em;
		padding: 0;
		margin: 0;
	}
	
	#contactus	{
		padding: 10px 15px;
		font-size: 0.8em;
	}
	
		#contactus a:link	{
			text-decoration: none;
			color: #478982;				/* blue */
			font-weight: bold;
		}
		
		#contactus a:visited	{
			text-decoration: none;
			color: #1f5a52;				/* dark blue */
			font-weight: bold;
		}
		
		#contactus a:hover, a:active	{
			text-decoration: underline;
			color: #95a105;				/* green */
			font-weight: bold;
		}

	#copyright	{
		width: 753px;
		padding: 10px;
		text-align: right;
		font-size: 0.6em;
		color: #000;
	}	

/* PORTFOLIO STYLES */
#port_nav	{
	padding: 0;
	margin-top: 11px;
	margin-bottom: 10px;
}

#port_nav p	{
	font-size: 65%;
	line-height: 1.2em;
	padding: 2px;
}
	
#label	{
	text-align: right;
	padding: 4px 10px 2px 5px;
	color: #c5bcb3;
	font-size: 0.7em;
	font-weight: bold;
}

.black	{
	background: #000;
	padding: 0;
	margin: 0;
}

#descr1	{
	padding: 10px;
	background: #72634d;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
}

#descr2 p	{
	background: #fff;
	color: #72634d;
	padding: 10px;
	font-size: 0.8em;
	margin-right: 77px;
}

#projectnav	{
	font-size: 0.8em;
}

#projectnav.hd	{
	color: #b5c121;
}

#projectnav.kh	{
	color: #478982;
}

#projectnav img	{
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-top: 2px solid black;
	padding-top: 1px;
}

#projectnav a.hd:link, #projectnav a.hd:visited, #projectnav a.hd:hover, #projectnav a.hd:active	{
	color: #b5c121;
}

#projectnav a.kh:link, #projectnav a.kh:visited, #projectnav a.kh:hover, #projectnav a.kh:active	{
	color: #478982;
}

#projectnav a:hover	{
	text-decoration: underline;
}