/* GENERIC STYLES */

body, html {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 15px;
color:#959595;
background-color:#000;
margin:0;
padding:0;
}

h1 {
font-size:18px;
text-transform:uppercase;
font-weight:normal;
color:#e0dfdf;
margin:4px 0 10px 0;
padding:0;
}

h2 {
}

h2 a {
}

h3 {
}

p {
margin:0 0 18px 0;
padding:0;
}

a {
text-decoration:none;
color:#fff;
cursor:pointer;
outline:none;
}

a:hover {
text-decoration:underline;
cursor:pointer;
cursor:hand;
}

ul {
margin:0;
padding:0;
line-height:1;
}

li {
list-style-type:none;
margin:0px;
padding:0px;
}


	/* Main Layout */
	
	#mainContainer {
	width:808px;
	margin:120px auto;
	position:relative;
	top:0;
	left:0;
	}
	
		#navWrapper {
		position:relative;
		top:0;
		left:0;
		z-index:3;
		height:8px;
		}
		
		#logo {
		float:right;
		text-indent:-20000px;
		position:relative;
		top:-15px;
		left:0;
		width:253px;
		height:23px;
		margin:0;
		padding:0;
		display:block;
		background:url(imgDir/logo.gif) 0 0 no-repeat;
		}
	
			/* SUCKERFISH */ 
			#nav, #nav ul { /* all lists */
			padding: 0;
			margin: 0;
			list-style: none;
			line-height: 1;
			}
			
			#nav {
			width:808px;
			}
		
			#nav a {
			display: block;
			cursor:pointer;
			}
		
			#nav li { /* all list items */
			float: left;
			 /* width needed or else Opera goes nuts */
			}
		
			#nav li ul { /* second-level lists */
			position: absolute;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			}
		
			#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
			}
					/* MAIN ANCHORS */
					
					#navItemHome, #navItemProfile, #navItemPortfolio, #navItemMedia, #navItemContact {
					text-indent:-9000px;
					display:block;
					height:12px;
					}
												
					#navItemHome {
					background:url(imgDir/wolvNav.gif) 0 0 no-repeat;
					width:33px;
					margin:0 10px 0 0;
					}
					#navItemHome:hover {
					background:url(imgDir/wolvNav.gif) 0 -14px no-repeat;
					}
					#bodyHome #navItemHome {
					background:url(imgDir/wolvNav.gif) 0 -28px no-repeat;
					}
					
					
					#navItemProfile {
					background:url(imgDir/wolvNav.gif) -53px 0 no-repeat;
					width:47px;
					margin:0 10px 0 10px;
					}
					#navItemProfile:hover {
					background:url(imgDir/wolvNav.gif) -53px -14px no-repeat;
					}
					#bodyProfile #navItemProfile {
					background:url(imgDir/wolvNav.gif) -53px -28px no-repeat;
					}
					
					/* SUB NAV */
						#subNavPractice {
						width:51px;
						}
						
						#subNavServices {
						width:54px;
						}
						
						#subNavDirector {
						width:53px;
						}
					
					#navItemPortfolio {
					background:url(imgDir/wolvNav.gif) -121px 0 no-repeat;
					width:64px;
					margin:0 10px 0 10px;
					}
					#navItemPortfolio:hover {
					background:url(imgDir/wolvNav.gif) -121px -14px no-repeat;
					}
					#bodyPortfolio #navItemPortfolio {
					background:url(imgDir/wolvNav.gif) -121px -28px no-repeat;
					}
					
					/* SUB NAV */
						#subNavProjects {
						width:55px;
						}
						
						#subNavinProgress {
						width:72px;
						}
						
						#subNavFurniture {
						width:57px;
						}
						
					#navItemMedia {
					background:url(imgDir/wolvNav.gif) -205px 0 no-repeat;
					width:36px;
					margin:0 10px 0 10px;
					}
					#navItemMedia:hover {
					background:url(imgDir/wolvNav.gif) -205px -14px no-repeat;
					}
					#bodyMedia #navItemMedia {
					background:url(imgDir/wolvNav.gif) -205px -28px no-repeat;
					}
					
					
					#navItemContact {
					background:url(imgDir/wolvNav.gif) -261px 0 no-repeat;
					width:54px;
					margin:0 10px 0 10px;
					}
					#navItemContact:hover {
					background:url(imgDir/wolvNav.gif) -261px -14px no-repeat;
					}
					#bodyContact #navItemContact {
					background:url(imgDir/wolvNav.gif) -261px -28px no-repeat;
					}
					
					/* SUB NAV */
						#subNavEnquiry {
						width:47px;
						}
						
						#subNavEmployment {
						width:73px;
						}
						
					
				
					
					/* SUB ANCHORS */
						#nav li ul {
						padding-right:5px;
						
						}
						
						#nav li ul li {
						float:left;
						_filter: alpha(opacity = 50);
						_background-color:#000;	
						height:28px;
						
						}
						
						#nav li ul li a {
						background:url(imgDir/navBG.png) 0 0 repeat;
						_background:none!important;
						height:10px;
						margin:0;
						padding:18px 10px 8px 10px;
						_padding:20px 10px 8px 10px!important;
						font-size:10px;
						font-weight:bold;
						color:#cecece;
						text-transform:uppercase;
						}
						
				
		#content {
		width:808px;
		position:relative;
		top:0;
		left:0;
		z-index:2;
		margin:8px 0; 
		padding:8px 0;
		border-top: 1px solid #575757;
		border-bottom: 1px solid #575757;
		overflow:auto;
		}	
		
		/* SITE WIDE ELEMENTS */
		
			#heroImage {
			float:left;
			margin:0 24px 0 0;
			}
			
			#textScroll {
			position:relative;
			float:left;
			width:360px;
			_width:362px!important;
			height:350px;
			overflow-y:scroll;
			overflow-x:none;
			padding:0 10px 0 0;
			}			
				
		/* HOME PAGE FLASH INTRO */
		
			#flashcontent {
			}
		
		/* PRACTICES PAGE */
		
			#bodyPractice #textScroll {
			color:#efefef;
			line-height:1.5;
			}
		
		/* SERVICES PAGE */
		
			#bodyServices #textNoScroll {
			color:#efefef;
			}
			
			#bodyServices #textNoScroll ul {
			line-height:1.0;
			}
			
			#bodyServices #textNoScroll ul li {
			list-style-type:square;
			list-style-position:outside;
			margin:1.2em;
			}
			
		/* DIRECTOR PAGE */
		
			#bodyDirector {
			color:#efefef;
			}	
		
			#bodyDirector #textNoScroll p {
			line-height:1.6;
			}
		
		/* PORTFOLIO */
		
			/* PROJECTS */
			
			#portfolioSubNav {
			float:left;
			width:200px;
			}
			
			#portfolioSubNav .rootGroup .text {
			
			}
			
			#portfolioSubNav .rootGroup li {
			padding:4px 0;
			border-bottom:1px solid #999999;
			}
			
			#portfolioSubNav .rootGroup ul li {
			text-indent:8px;
			padding:4px 0;
			border:none!important;
			}
			
			#portfolioSubNav .rootGroup ul {
			margin-top:4px
			}
			
			#portfolioSubNav .rootGroup ul li a:visited {
			color:#ccc;
			}
			
			/* GALLERY PAGES */

			#galleryContainer {
			overflow:auto;
			width:808px;
			}
			
			#galleryContainer #thumbList {
			z-index:5;
			position:relative;
			top:0;
			left:0;
			width:200px;
			}
			
			#galleryContainer #pbGalleryImages ul {
					
			}

			#galleryContainer #pbGalleryImages ul .item {
			clear:left;
			float:left;
			_display:inline;
			margin:0 6px 6px 0;
			height:54px;
			border:2px solid #000000;
			}
			
			#galleryContainer #pbGalleryImages ul .altItem {
			float:left;
			margin:0 6px 6px 0;
			_display:inline;
			height:54px;
			border:2px solid #000000;
			}
			
			#galleryContainer #pbGalleryImages ul li:hover {
			border:2px solid #ffffff;
			}
			
			#pbGalleryMainImage {
			position:absolute;
			top:8px;
			left:0px;
			text-align:right;	
			z-index:1;
			}
			
			#galleryDetailsContainer {
			clear:both;
			width:188px;
			
			}
			
				#galleryName {
				border-bottom:1px solid #575757;
				padding:20px 0 12px 0;
				margin:0;
				}
				
				#galleryName p {
				font-size:12px;
				color:#fff;
				text-transform:uppercase;
				margin:0;
				padding:0;
				}
				
				#galleryMedia {
				border-bottom:1px solid #575757;
				padding:12px 0 12px 0;
				margin:0;
				}
				
				#galleryMedia h2 {
				}
				
				#galleryMedia p {
				font-size:10px;
				color:#fff;
				margin:0 0 2px 0;
				padding:0;
				}
			
				#galleryMedia p:first-child {
				font-size:11px;
				}
				
				#returnButton {
				margin:12px 0 0 0;
				height:22px;
				}
				
				#returnButton a {
				position:relative;
				top:0;
				left:0;
				z-index:50;
				background-color:#3e3e3e;
				padding:4px 10px 4px 10px;
				}
				
				#returnButton a:hover {
				background-color:#7f7f7f;
				color:#fff;
				text-decoration:none;
				}
				
				/* OVERFLOW	*/
				#divSoupWrapper {
				float:left;
				}
				
				.prop {
   				height:445px;
				width:1px;
				}
				
				.clear {
				clear:both;
				height:1px;
				overflow:hidden;
				}
		
		/* MEDIA PAGE */
		
			#bodyMedia h2 {
			font-size:12px;
			color:#fff;
			text-transform:uppercase;
			margin:4px 0 0 0;
			padding:0;
			}
			
			#bodyMedia #textScroll ul {
			line-height:1.1;
			}
			
			#bodyMedia #textScroll ul li {
			margin:8px 0 8px 0;
			color:#cacaca;
			line-height:1.6
			}
			
			#bodyMedia #textScroll ul .altItem {
			color:#fff;
			}
			
		/* CONTACT PAGE */
		
			#bodyContact #textNoScroll dl {
			float:left;
			line-height:2;
			}
			
			#bodyContact #textNoScroll dt {
			clear:both;
			float:left;
			width:60px;
			color:#efefef;
			font-weight:bold;
			}
			
			#bodyContact #textNoScroll dd {
			float:left;
			display:block;
			width:120px;
			}
			
		/* EMPLOYMENT PAGE */	
		
			#bodyEmployment #textNoScroll p {
			color:#efefef;
			line-height:1.6;
			}	
		
		
		/* FOOTER */
		
			#footer {
			font-size:0.85em;
			letter-spacing:0.02em;
			}
	

galler