@charset "UTF-8";
/* CSS Document */

body {
	z-index:0;
	margin:0;
	background-color:rgb(66,42,7);
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em; 	
	font-size:.7em;
	}
	
	
a img{
	border:0px;
	}

a{
	color:#fff;
	}
	
a:hover{
	color:#668d3c;
	}

h1{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif; 	
	font-size:1.2em;
	}

/* MAIN NAV */
#nav {
	position:relative;
	width:320px;
	color:rgb(232,221,206);
	z-index:6;
	left:3px;
	bottom:0px;
	margin:0;
	padding-top:15px;
	padding-bottom:15px;
	}

#about a{
	background-image: url(../imgs/nav_about.gif);
	width:42px;
	height:11px;
	background-repeat:no-repeat;
	}

#work a{
	background-image: url(../imgs/nav_work.gif);
	width:40px;	
	height:11px;
	background-repeat:no-repeat;
	}

#PR a{
	background-image: url(../imgs/nav_PR.gif);
	width:112px;
	height:11px;
	background-repeat:no-repeat;
	}

#publications a{
	background-image: url(../imgs/nav_publications.gif);
	width:87px;
	height:11px;
	background-repeat:no-repeat;
	}

#contact a{
	background-image: url(../imgs/nav_contact.gif);
	width:62px;
	height:11px;
	background-repeat:no-repeat;
	}

#about a:hover, #work a:hover, #PR a:hover, #contact a:hover, #publications a:hover{
	background-position: right top;
	}

#workBC a{
	background-image: url(../imgs/nav_work.gif);
	width:40px;	
	height:11px;
	background-repeat:no-repeat;
	background-position: right top;
	}

#locations {
	position:absolute;
	width:304px;
	height: 12px;
	left: 78px;
	bottom:10px;
}



#birmingham a{
	background-image: url(../imgs/nav_loc_birmingham.gif);
	width:95px;
	height:12px;
	background-repeat:no-repeat;
	}

#rosemary a{
	background-image: url(../imgs/nav_loc_rosemary.gif);
	width:115px;
	height:12px;
	background-repeat:no-repeat;
	}

#lynville a{
	background-image: url(../imgs/nav_loc_lynville.gif);
	width:66px;
	height:12px;
	background-repeat:no-repeat;
	}

#birmingham a:hover, #rosemary a:hover, #lynville a:hover{
	background-position: right top;
	}



/* BODY */

/* CONTAINER WITH BORDER "SIDES" */
#placement{
	z-index:1;
	width:1000px;
	position: relative;
	left:50%;
	top:15px;
	background-color:rgb(66,42,7);
	margin-left: -500px;
	background-image: url(../imgs/frontBackground.gif);
	background-repeat:repeat-y;	
	background-position:center;
	}
	
/* TOP OF BORDER */
#topbar {
	z-index:2;
	width:1000px;
	height:27px;
	position:relative;
	top:0px;
	left:0px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:none;
	}
	
/* FOOTER - BOTTOM OF BORDER */	
#footer{
	position:relative;
	width:1000px;
	height:41px;
	margin:0 auto 0 auto;
	}
	
	
/* MAIN CONTENT WINDOW */
#content {
	z-index:3;
	width:1000px;
	position:relative;
	top:0px;
	left:0px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:none;
	}

#logo {
	z-index:5;
	position:relative;
	left:2px;
	margin:0;
	padding-top:40px;
	border:none;
	}
	
#imageViewer {
	z-index:5;
	position:absolute;
	width:458px;
	height:415px;
	background-color:rgb(66,42,7);
	background-image:url(../imgs/work_pic_border.gif);
	background-repeat:no-repeat;
	left:78px;
	top:40px;
	margin:0;
	padding:0;
	border:none;
	}
	
#previewImage {
	display:none;
	z-index:6;
	position:relative;
	width:448px;
	height:408px;
	top:4px;
	left:5px;
	}
	
.clientNavblock:link{
display:block;
	width:6px;
	height:6px;
	border: 4px solid #fff;
	padding:2px;
	margin:4px;
	}
	
.clientNavblock:visited{
display:block;
	width:6px;
	height:6px;
	background-color:#668d3c;
	border: 4px solid #fff;
	padding:2px;
	margin:4px;
	}
.clientNavblock:hover{
display:block;
		width:6px;
		height:6px;
		background-color:#668d3c;
		border: 4px solid #668d3c;
		padding:2px;
		margin:4px;
		
}
.clientNavblock:active{
display:block;
		width:6px;
		height:6px;
		background-color:#668d3c;
		border: 4px solid #668d3c;
		padding:2px;
		margin:4px;
}

.clientNavblockBC{
display:block;
		width:6px;
		height:6px;
		background-color:#668d3c;
		border: 4px solid #668d3c;
		padding:4px;
		margin:4px;
}
		
#thumbNavContainer{
position:relative;
top:470px;
left:74px;
z-index:16;
}
	
.thumbNavblock{
	display:block;
	width:52px;
	height:52px;
	margin:1px;
	}
/*	
.thumbNavblock a:hover{
display:block;
		width:51px;
		height:51px;
		background-image:url(../imgs/work/thumb_highlight.gif);
		margin:2px;
		z-index:18;
}
*/
.thumbNavblock img{
display:block;
		width:52px;
		height:52px;
		color:#FFFFFF;
}

#thumbNavContainer td{
		background-repeat:no-repeat;
		background-position:center;
}
	
.copy{
	position:relative;
	width:298px;
	left: 4px;
	padding-top:4px;
	text-align:left;
	}
#rightFloatContainer{
	position:relative; 
	min-height:530px;
	height:auto !important;
	height: 530px;
	top:-60px;
	float:right; 
	right:95px;
}