#topBar {
	width: 698px;
	height: 94px;
	position: relative;
	}
	
	#logo {
		position: absolute;
		top: 45px;
		left: 0px;
		}
	
/********** main navigation styles **********/
ul#mainNavigation {
	position: absolute;
	top: 64px;
	right: 0px;
	width: 329px;
	}
	ul#mainNavigation li {
		float: left;
		height: 12px;
		padding: 0 0 0 37px;
		background: url(../../img/nav/bg-main-divider.gif) 16px 6px no-repeat;
		}
		/* reset padding and background image for first navigation item */
		ul#mainNavigation li.about { padding: 0; background: none; }
		
		ul#mainNavigation li a {
			float: left;
			display: block;
			height: 12px;
			}
			/* main navigation image styles */
			ul#mainNavigation li.about a { width: 39px; background: url(../../img/nav/about.gif) 0px 0px no-repeat; }
			ul#mainNavigation li.services a { width: 51px; background: url(../../img/nav/services.gif) 0px 0px no-repeat; }
			ul#mainNavigation li.projects a { width: 55px; background: url(../../img/nav/projects.gif) 0px 0px no-repeat; }
			ul#mainNavigation li.contactUs a { width: 73px; background: url(../../img/nav/contact-us.gif) 0px 0px no-repeat; }
			
			/* main navigation rollover styles */
			ul#mainNavigation li a:hover { background-position: 0px -12px; }
			
			/* main navigation selected styles */
			ul#mainNavigation li a#selectedMain { background-position: 0px -24px; }
			
			ul#mainNavigation li a span { display: none; }


ul#sublevelNavigation {
	float: left;
	width: 100px;
	margin-top: 100px;
	}
	ul#sublevelNavigation li {
		width: 100px;
		background: url(../../img/nav/bg-sub-divider.gif) 0px 100% no-repeat;
		}
		ul#sublevelNavigation li a {
			display: block;
			font-size: 1.1em;
			padding: 18px 0 2px 0;
			}
			ul#sublevelNavigation li a#selectedSub { color: #003300; }
				
/********** end of navigation styles **********/
.contentArea { width: 698px; }

	.content {	
		float: left;
		width: 598px;
		margin-bottom: 70px;
		}		
		.content h1 {
			color: #003300;
			font: 1.6em Verdana, Arial, Tahoma, Helvetica, sans-serif;
			}
		.content h2 {
			color: #666666;
			font: 1.4em Verdana, Arial, Tahoma, Helvetica, sans-serif;
			}
	
	.mainPhoto {
		width: 598px;
			w\idth: 578px;
		border: 10px solid #fff;
		margin-bottom: 29px;
		}
	
	.rightFocusImage {
		float: right;
		margin: 0 0 20px 25px;
		}
	
	/* pages without sub navigation */
	#noSubNav div.content { width: 698px; }
	#noSubNav div.mainPhoto { width: 698px; w\idth: 678px; }
	
	/* projet overview styles */
	#projectsOverview { width: 250px; }
	#viewWorkFocusAreas {
		float: right;
		width: 259px;
		margin: 0 24px 0 0;
			*margin-right: 12px;
		}
		a.focusHdr { display: block; height: 27px; }
		a.focusImg { display: block; border: 4px solid #fff; margin-bottom: 7px; }
			a.focusImg:hover { border: 4px solid #ccc; }
				
		#interiorWork a.focusHdr { background: url(../../img/content/focus-btn-interior.gif) 0px 0px no-repeat; }
		#exteriorWork a.focusHdr { background: url(../../img/content/focus-btn-exterior.gif) 0px 0px no-repeat; }
		
		a.focusHdr:hover { background-position: 0px -27px !important; }				
		a.focusHdr span { display: none; }
	
	
	/* contact us styles */
	#contactUsLeft {
		float: left;
		width: 281px;
		line-height: 16px;
		}
		
	#contactUsRight {
		float: left;
		width: 417px;
		}
		.relatedLinks {
			float: left;
			margin-bottom: 50px;
			}
			.firstColumn { width: 220px; }
			.secondColumn { width: 190px; }
			
		.relatedLinks a { display: block; }
	
/* arrow links */
a.arrowLink { background: url(../../img/home/bg-arrow.gif) 100% 4px no-repeat; }
	a.arrowLink:hover { background-position: 100% -29px; }
a.solidArrow { background: url(../../img/content/bg-arrow-solid.gif) 100% 4px no-repeat; }
	a.solidArrow:hover { background-position: 100% -34px; }

ul#siteMapLinks {
	width: 199px;
	margin-left: 10px;
	}
	ul#siteMapLinks li {
		border-bottom: 1px dotted #999999;
		*border: none; /* shut off borders for IE because they want to show up as dashes not dots */
		}
		ul#siteMapLinks li a {	
			display: block;
			padding: 6px 0 6px 12px;
			background: url(../../img/home/bg-arrow.gif) 2px 9px no-repeat;
			}
			ul#siteMapLinks li a:hover { background-position: 2px -24px; }
			ul#siteMapLinks li ul { margin: 0 0 6px 0; }
			ul#siteMapLinks li ul li { margin-left: 12px; border: none; }
				
/********** footer styles **********/
#footer {
	clear: both;
	margin: 0 0 30px 0;
	color: #999;
	text-align: right;
	font: .9em Tahoma, Arial, Helvetica, sans-serif;
	}
	#footerLinks { margin: 0 0 5px 0; }
		#footerLinks span { background: url(../../img/interface/bg-footer-divider.gif) 4px 3px no-repeat; }
		#footerLinks a#selectedFooter { color: #003300; }
		
	#footerContent {}
		#footerContent a#lightfin { color: #999; background: url(../../img/interface/bg-lightfin.gif) 100% 2px no-repeat; }
		#footerContent a#lightfin:hover { background-position: 100% -30px; }
		#footerContent a#lightfin span { display: none; }