/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#000000;
	margin-top:14px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

table.main {
background-color:#000000;
background-image: url(../images/bkgd_grid.jpg);
background-repeat:no-repeat;
height:555px;
}

h1 {
font-size: 14px;
font-weight:bold;
color:#3C3D38;
line-height:150%;
margin-top:0;
margin-bottom:9px;
}

h2 {
font-size: 12px;
font-weight:bold;
color:#3C3D38;
line-height:150%;
margin-top:0;
margin-bottom:9px;
}

h3 {
font-size: 11px;
font-weight:bold;
color:#3C3D38;
line-height:150%;
margin-top:-10px;
margin-bottom:0px;
}

p {
font-size: 11px;
color:#333333;
line-height:140%;
margin-top:0;
margin-bottom:9px;
}

a {
color:#3C3D38;
text-decoration:underline;
}

a:hover {
color:#990000;
text-decoration:underline;
}

ul li {
font-size: 11px;
color:#3C3D38;
line-height:150%;
margin-top:0;
margin-bottom:2px;
}

td.navigation {
background-color:#000000;
}

#banner {
width:759px;
height:56px;
background-color:#000000;
position:relative;
top:20px;
left:20px;
}

#logo {
width:195px;
}

#navigation {
position:relative;
width:564px;
left:195px;
top:-52px;
}

#sidenav, #sidenav-test {
width:193px;
height:280px;
border-left:1px solid #000000;
border-right:1px solid #000000;
position:relative;
left:20px;
top:20px;
}

#sidenav-test p {
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 11px;
font-weight: 800;
color:#4C4C4C;
}

#pebbles {
width:193px;
height:30px;
position:relative;
left:20px;
top:20px;
background-image:url(../images/pebbles2.jpg);
background-repeat:repeat;
border:1px solid #000000;
}

#darkpebbles {
width:193px;
height:30px;
position:relative;
left:20px;
top:20px;
border:1px solid #000000;
background-image:url(../images/pebbles_dark.jpg);
background-repeat:repeat;
}

#specialties {
width:193px;
height:139px;
position:relative;
left:20px;
top:20px;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
text-align:right;
}

#projects {
position: relative;
left:20px;
top:20px;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

#workarea {
width:757px;
height:451px;
position:relative;
left:20px;
top:20px;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

#textnarrow {
background-color:#E7E1E0;
padding:10px;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
position:relative;
left:215px;
top:-432px;
width:176px;
height:431px;
}

#textwide {
background-color:#E7E1E0;
padding:10px;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
position:relative;
left:215px;
top:-432px;
width:463px;
height:431px;
}

#directory p {
text-align:left;
}

#textbio {
background-color:#E7E1E0;
padding:10px;
border-left:1px solid #000000;
position:relative;
left:411px;
top:-745px;
width:346px;
height:431px;
}

#photolarge {
width:367px;
height:312px;
position:relative;
left:412px;
top:-884px;
}

#photosmall {
background-color:#000000;
width:79px;
height:312px;
position:relative;
left:699px;
top:-884px;
}

#map {
width:367px;
height:471px;
position:relative;
left:412px;
top:-884px;
}

#photobio {
background-color:#000000;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
position:relative;
left:215px;
top:-432px;
width:196px;
height:312px;
}

#worklink {
position:relative;
left:699px;
top:-884px;
}

#specialties {
width:173px;
height:119px;
position:relative;
left:20px;
top:20px;
background-color:#000000;
padding: 10px;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
}

#newsteaser {
width:173px;
height:119px;
position:relative;
left:20px;
top:20px;
background-color:#453F3B;
padding: 10px;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
}

div#newsteaser p {
color: #FFFFFF;
font-size: 9px;
margin-top:0;
text-align: right;
margin-bottom: 6px;
}

div#newsteaser h2 {
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
margin-bottom:2px;
margin-top:0;
text-align: right;
}

div#newsteaser a {
color: #FFFFFF;
font-size: 9px;
}

div#newsteaser a:hover {
color: #CC0000;
font-size: 9px;
}


#pullout p {
font-family: "Times New Roman", Times, serif;
font-size:15px;
line-height:150%;
font-style: italic;
color:#333300;
}

#footer {
background-color:#000000;
position:relative;
left:0px;
top:-710px;
width:799px;
}

#footer p {
font-size: 9px;
color:#999999;
}

#footer a {
font-size: 9px;
color:#999999;
text-decoration:underline;
}

#footer a:hover {
font-size: 9px;
color:#FFFFFF;
text-decoration:underline;
}

#nav1, #nav2, #nav3 {
text-align: right;
}

p.footerbyline {
font-size: 9px;
color:#666666;
text-align:right;
}

a.footerbyline {
font-size: 9px;
color:#666666;
text-decoration:none;
}

a:hover.footerbyline {
font-size: 9px;
color:#666666;
text-decoration:underline;
}