body { 
font-family:Arial,Helvetica,sans-serif; 
} 
#wrapper { 
margin:0 auto; 
padding:0; 
position:relative; 
width:900px; 
} 
#bodyindex { 
background-image:url("img/bodyindex.jpg"); 
background-position:center top; 
background-repeat:no-repeat; 
height:658px; 
padding:0; 
width:900px; 
} 
#header1 { 
background:url("img/header1.jpg") no-repeat scroll center top transparent; 
height:150px; 
margin:0 auto; 
} 
#header2 { 
background:url("img/header2.png") no-repeat scroll center top transparent; 
height:150px; 
margin:0 auto; 
} 
#nav li { 
display:inline; 
} 
#nav { 
float:left; 
height:70px; 
margin-left:34px; 
width:500px; 
} 
#nav ul li#biography a { 
background:url("img/biog1.jpg") no-repeat scroll 0 0 transparent; 
display:block; 
float:left; 
height:31px; 
text-indent:-9999px; 
width:98px; 
} 
#nav ul li#biography a:hover { 
background:url("img/biog2.jpg") no-repeat scroll 0 0 transparent; 
display:block; 
float:left; 
height:31px; 
text-indent:-9999px; 
width:98px; 
} 
#nav ul li#s_biography a { 
background:url("img/biog2.jpg") no-repeat scroll 0 0 transparent; 
display:block; 
float:left; 
height:31px; 
margin-top:0px; 
text-indent:-9999px; 
width:98px; 
} 
#nav ul li#webdesign a { 
background:url("img/webdesign1.jpg") no-repeat scroll 0 0 transparent; 
display:block; 
float:left; 
height:30px; 
margin-left:32px; 
margin-top:-9px; 
text-indent:-9999px; 
width:111px; 
} 
#nav ul li#webdesign a:hover { 
background:url("img/webdesign2.jpg") no-repeat scroll 0 0 transparent; 
display:block; 
float:left; 
height:30px; 
text-indent:-9999px; 
width:111px; 
} 
#nav ul li#s_webdesign a { 
background:url("img/webdesign2.jpg") no-repeat scroll 0 0 transparent; 
display:block; 
float:left; 
height:30px; 
margin-left:32px; 
margin-top:-9px; 
text-indent:-9999px; 
width:111px; 
} 
#nav ul li#otherbits a { 
background:url("img/otherbits1.jpg") no-repeat scroll 0 0 transparent; 
display:block; 
float:left; 
height:31px; 
margin-left:34px; 
margin-top:-19px; 
text-indent:-9999px; 
width:93px; 
} 
#nav ul li#otherbits a:hover { 
background:url("img/otherbits2.jpg") no-repeat scroll 0 0 transparent; 
display:block; 
float:left; 
height:31px; 
text-indent:-9999px; 
width:93px; 
} 
#nav ul li#s_otherbits a { 
background:url("img/otherbits2.jpg") no-repeat scroll 0 0 transparent; 
display:block; 
float:left; 
height:31px; 
margin-left:34px; 
margin-top:-19px; 
text-indent:-9999px; 
width:93px; 
} 
#nav ul li#contact a { 
background:url("img/contact1.jpg") no-repeat scroll 0 0 transparent; 
display:block; 
float:left; 
height:32px; 
margin-left:34px; 
margin-top:-27px; 
text-indent:-9999px; 
width:74px; 
} 
#nav ul li#contact a:hover { 
background:url("img/contact2.jpg") no-repeat scroll 0 0 transparent; 
display:block; 
float:left; 
height:32px; 
text-indent:-9999px; 
width:74px; 
} 
#nav ul li#s_contact a { 
background:url("img/contact2.jpg") no-repeat scroll 0 0 transparent; 
display:block; 
float:left; 
height:-27px; 
text-indent:-9999px; 
width:74px; 
} 
#content { 
height:100%; 
margin-top:20px; 
width:100%; 
} 
.multibox { 
color:#000000; 
font-size:10px; 
margin-top:60px; 
width:900px; 
} 
.multibox p { 
color:#191A00; 
float:left; 
font-family:Arial,Helvetica,sans-serif; 
font-size:10px; 
height:100%; 
text-align:justify; 
width:165px; 
} 
.multibox h3 { 
color:#000000; 
font-size:10px; 
font-weight:bold; 
} 
.pfix { 
float:left; 
height:600px; 
margin-right:3px; 
width:165px; 
} 
.pfix2 { 
float:left; 
height:400px; 
margin-right:3px; 
width:165px; 
} 
.pfix3 { 
float:left; 
height:800px; 
margin-right:3px; 
width:165px; 
} 
.multibox img { 
color:#191A00; 
float:right; 
font-family:Arial,Helvetica,sans-serif; 
font-size:10px; 
width:715px; 
} 
.otherstuff img { 
color:#191A00; 
float:left; 
font-family:Arial,Helvetica,sans-serif; 
font-size:10px; 
height:234px; 
margin:0 0 0 15px; 
width:229px; 
} 
.biog { 
color:#000000; 
float:left; 
font-size:10px; 
margin-left:16px; 
margin-top:0; 
width:229px; 
} 
.biog p { 
color:#000000; 
float:left; 
font-size:10px; 
margin-top:0; 
width:229px; 
} 
.biog h3 { 
color:#000000; 
float:left; 
font-size:10px; 
font-weight:bold; 
margin-top:0px; 
}
.biog h4 { 
color:#000000; 
float:left; 
font-size:10px; 
font-weight:bold; 
margin-top:15px; 
}
#footer { 
clear:both; 
color:#000000; 
font-family:Arial,Helvetica,sans-serif; 
font-size:10px; 
height:80px; 
margin-top:100px; 
text-align:center; 
text-decoration:none; 
} 
#footer a { 
color:#000000; 
font-family:Arial,Helvetica,sans-serif; 
font-size:10px; 
height:80px; 
text-align:center; 
text-decoration:none; 
} 
#footerindex { 
clear:both; 
color:#000000; 
font-family:Arial,Helvetica,sans-serif; 
font-size:10px; 
height:80px; 
margin-top:412px; 
text-align:center; 
text-decoration:none; 
} 
#footerindex a { 
color:#000000; 
font-family:Arial,Helvetica,sans-serif; 
font-size:10px; 
height:80px; 
margin-top:412px; 
text-align:center; 
text-decoration:none; 
} 
.clr { 
clear:both; 
} 
.clr2 { 
float:right; 
height:15px; 
width:732px; 
} 
.title h3 { 
border-bottom:2px solid #D6D6D6; 
color:#000000; 
float:right; 
font-family:Arial,Helvetica,sans-serif; 
font-size:10px; 
margin-bottom:15px; 
text-align:right; 
width:715px; 
} 
.feedback { 
float:right; 
} 
#spacer3 { 
height:62px; 
margin-top:30px; 
width:145px; 
} 
.left { 
float:left; 
} 
.filler { 
display:block; 
height:100%; 
width:100%; 
} 
#spacer4 { 
height:65px; 
margin-top:20px; 
width:169px; 
} 
#spacer2 { 
height:62px; 
margin-top:40px; 
width:123px; 
} 
#spacer1 { 
height:60px; 
margin-top:49px; 
margin-left:20px; 
width:125px; 
} 
.feedbacktitle { 
color:#000000; 
font-family:Arial,Helvetica,sans-serif; 
font-size:10px; 
font-weight:bold; 
}
