body {
	margin: 0px;
	padding: 0px;
	font-family: "Arial Narrow", Arial;
}

#wrapper {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*  BEGIN STYLES FOR PAGE HEADER */
#header {
	width: 780px;
	padding: 0px;
	margin: 0px;
	height: 140px;
}

#logo {
	float: left;
	width: 178px;
}

	#logo img {
		float: left;
		width: 178px;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
	}

#navMain {
	float: left;
	padding-top: 32px;
	width: 180px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Arial Narrow", Arial;
}

/*  END STYLES FOR MAIN NAV MENU */

/* -----------  BEGIN NAVIGATION ITEMS  -----------   */
			ul {
	font-size: 0.8em;
	font-family: "Arial Narrow", Arial;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 1.2em;
			}
			ul a {
				text-decoration: none;
				color: #5F6062;
			}
			
			ul .about a:hover {
				text-decoration: none;
				color: #7F9EE2;
			}
			
			ul .portfolio a:hover {
				text-decoration: none;
				color: #F0525E;
			}
			
			ul .clients a:hover {
				text-decoration: none;
				color: #FFB740;
			}
			
			ul .contact a:hover {
				text-decoration: none;
				color: #40CCCB;
			}
			
			/*  HIGHLIGHT THE MAIN NAV ITEMS WHEN USER IS IN SECTION */
			#about #navMain .about a {
			color: #7F9EE2;
			} 
			
			#portfolio #navMain .portfolio a {
			color: #F0525E;
			}
			
			#clients #navMain .clients a {
			color: #FFB740;
			} 
			
			#contact #navMain .contact a {
			color: #40CCCB;
			} 
			
/* STYLE THE -- HOVER -- STATE FOR PORTFOLIO ITEMS */			
			.portfolioNav a:hover
			 {
				text-decoration: none;
				color: #F0525E;
			}
			
			.portfolioOn {
			color: #F0525E;
			}
			
						
			/* STYLE THE -- ON -- STATE FOR PORTFOLIO SECONDARY AND TERTIARY ITEMS */
					/* SECONDARY NAV MENU ITEMS */
					#collateral .collateral a,
					#corporate .corporateid a,
					#branding .branding a,
					#websites .websites a,
					#miscellaneous .miscellaneous a,
					
					
					/* PORTFOLIO > COLLATERAL ON */
					#collateralaeon .aeon a,
					#collaterallibretto .librettoHoldings a,
					#collateralmitchell .williamMitchell a,
					#collateralcaringbridge .caringBridge a,
					#collateralaugsburg .augsburgCollege a,
					
					/* PORTFOLIO > CORPORATE ON */
					#corpphillips .corpPhillipsFamily a,
					#corptower .corpTowerLofts a,
					#corpaeon .corpAeon a,
					#corplsa .corpLsaDesign a,
					#corplaunch .corpLaunchCrew a,
					#corp350 .corpThreeFiveOLaunchCrew a,
					
					/* PORTFOLIO > BRANDING ON */
					#brandingaia .aiaMinnesota a,
					#brandingaeon .brandingAeon a,
					#brandingorchestra .chamberOrchestra a,
					#brandingzenon .zenonDance a,
					
					/* PORTFOLIO > WEBSITES ON */
					#websitesstinson .websiteCharlesStinson a,
					#websitesphillips .websitePhillips a,
					#websiteslefevre .websiteLefevre a,
					#websitesstein .websiteStein a,
					
					/* PORTFOLIO > MISC ON */
					#miscthayer .miscThayer a,
					#miscaugsburgnow .miscAugsburgNow a,
					#miscjasper .miscJasperBlack a,
					#miscaugsburgcollege .miscAugusburgCollege a,
					#miscelectrosonic .miscElectronsic a
					{
					color: #F0525E;
					}
			
			
			/* STYLE THE HOVER STATE FOR PORTFOLIO SECONDARY ITEMS */
			#navSecondary .collateral a:hover,
			#navSecondary .corporateid a:hover,
			#navSecondary .branding a:hover,
			#navSecondary .websites a:hover,
			#navSecondary .miscellaneous a:hover
			 {
				text-decoration: none;
				color: #F0525E;
			}
			
			/* STYLE THE HOVER STATE FOR PORTFOLIO TERTIARY ITEMS */
			#navTertiary .aeon a:hover,
			#navTertiary .librettoHoldings a:hover,
			#navTertiary .williamMitchell a:hover,
			#navTertiary .caringBridge a:hover,
			#navTertiary .augsburgCollege a:hover,
			
				/* STYLE THE HOVER FOR CORPORATE ID TERTIARY NAV */
				#navTertiary .corpPhillipsFamily a:hover,
				#navTertiary .corpTtowerLofts a:hover,
				#navTertiary .corpAeon a:hover,
				#navTertiary .corpLsaDesign a:hover,
				#navTertiary .corpLaunchCrew a:hover,
				#navTertiary .corpThreeFiveOLaunchCrew a:hover,
					
					/* STYLE THE HOVER FOR BRANDING TERTIARY NAV */
					#navTertiary .aiaMinnesota a:hover,
					#navTertiary .brandingAeon a:hover,
					#navTertiary .chamberOrchestra a:hover,
					#navTertiary .zenonDance a:hover,
					
						/* STYLE THE HOVER FOR WEBSITE TERTIARY NAV */
						#navTertiary .websiteCharlesStinson a:hover,
						#navTertiary .websitePhillips a:hover,
						#navTertiary .websiteLefevre a:hover,
						#navTertiary .websiteStein a:hover,
						
							/* STYLE THE HOVER FOR MISCELLANEOUS TERTIARY NAV */
							#navTertiary .miscThayer a:hover,
							#navTertiary .miscAugsburgNow a:hover,
							#navTertiary .miscJasperBlack a:hover,
							#navTertiary .miscAugusburgCollege a:hover,
							#navTertiary .miscElectronsic a:hover
							 {
								text-decoration: none;
								color: #F0525E;
							}			
			
			
			#navMain img {
				margin: 0px;
				padding: 0px;
				border-top-width: 0px;
				border-right-width: 0px;
				border-bottom-width: 0px;
				border-left-width: 0px;
			}
			
			#navMain img, #navSecondary img, #navTertiary img {
				margin: 0px;
				padding: 0px;
				float: left;
			}
			
			#navSecondary {
	float: left;
	padding-top: 32px;
	width: 155px;
			}
			
			#navTertiary {
	float: left;
	padding-top: 32px;
	width: 265px;
			}

/* -----------  END NAVIGATION ITEMS  -----------   */	
	
#contentWrapper {
	clear: both;
	width: 780px;
}

#contentLeft {
	position:absolute;
	width:340px;
	z-index:1;
	padding-top: 114px;	
	font-family: "Arial Narrow", Arial;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #76787B;
	padding-left: 11px;
	letter-spacing: 0.1em;
}

#contentRight {
	position:absolute;
	width:420px;
	z-index:1;
	padding-top: 100px;
	margin-left: 358px;
	font-family: "Arial Narrow", Arial;
	float: right;
	width: 420px;
	font-size: 0.7em;
	line-height: 1.4em;
	letter-spacing: 1px;
	color: #76787B;
}



#portfolio #contentRight {
	position:absolute;
	width:420px;
	z-index:1;
	padding-top: 5px;
	margin-left: 358px;
	font-family: "Arial Narrow", Arial;
	float: right;
	width: 420px;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0em;
}

#portfolio #contentRight a {
				text-decoration: none;
				color: #FFF;
			}
			
	#portfolio #contentRight a:visited {
				text-decoration: none;
				color: #FFFFFF;
			}








#clients #contentMiddle {
	width:173px;
	z-index:1;
	padding-top: 114px;
	font-family: "Arial Narrow", Arial;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #76787B;
	letter-spacing: 0.1em;
	left: 462px;
	top: 209px;
	float: left;
	margin-left: 355px;
}

#clients #contentRight {
	position:absolute;
	z-index:1;
	padding-top: 114px;
	margin-left: 540px;
	font-family: "Arial Narrow", Arial;
	float: right;
	width: 200px;
	font-size: 0.7em;
	line-height: 1.4em;
	letter-spacing: 1px;
	color: #76787B;
}


img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/*
#contentRight a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#contentRight a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#contentRight a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#contentRight a:active {
	color: #FFFFFF;
	text-decoration: none;
}
*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-align: left;
	white-space: normal;
	word-spacing: -1em;
}
.websiteOn {
	color: #3F0;
}
#home #contentLeft {
	width: 590px;
	padding-left: 175px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	font-family: "Arial Narrow", Arial;
}
#contact #contentRight {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16px;
	font-family: "Arial Narrow", Arial;
}

#contact #contentRight a {
	color: #525252;
	font-weight: normal;
	text-decoration: none;
}
.grayText {
	color: #525252;
	font-weight: normal;
}
p {
	margin: 0px;
	padding: 0px;
}
#about #contentRight {
	position:absolute;
	z-index:1;
	padding-top: 114px;
	margin-left: 358px;
	font-family: "Arial Narrow", Arial;
	float: right;
	width: 420px;
	font-size: 0.7em;
	line-height: 1.4em;
	letter-spacing: 1px;
	color: #76787B;
}