html,body {
background-color: #222222;
text-align: center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

p {font:12px Verdana, Arial, Helvetica, sans-serif; color:white; margin-top: 0px;}
.res2 {font:10px Verdana, Arial, Helvetica, sans-serif; color:white; margin: 0px;}
h3 {font:14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:white; margin-top: 0px;}
h2 {font:20px Verdana, Arial, Helvetica, sans-serif; font-weight:200; color:white; margin: 0px;}
.resume {font:10px Verdana, Arial, Helvetica, sans-serif; color:white; margin-top: 0px;}

a:link, a:visited {text-decoration: underline; color: white;}
a:hover {text-decoration: none; color: white;}
a:active {text-decoration: none; color: black;}

			/* CONTAINER */

#container {
margin: 0 auto;
height: 785px;
width: 838px;
text-align: left;
}

			/* HEADER */

#header {
position: relative;
width: 838px;
height: 52px;
background-image: url(images/header.gif);
}

			/* NAVIGATION */

#navigation {
position: relative;
width: 838px;
height: 68px;
background-image: url(images/nav-bg.gif);
background-repeat:repeat-y;
font: bold 12px Arial, Helvetica, sans-serif; text-decoration:none;
}

#title {
background: url(images/title.gif) no-repeat;
width: 350px;
height: 68px;
float:left;
margin-left: 22px;
}
.nav	{
position:relative;
float: left;
margin: 0; 
padding: 0;
background: url(images/nav-on.gif) no-repeat;
width: 90px;
height: 68px;
overflow:hidden;
}
.nav a {
display: block;
width: 90px;
height: 68px;
display: block;
float: left;
text-decoration: none;
overflow:hidden;
}
.nav span a:link, .nav span a:hover, .nav span a:visited {text-decoration: none}
.nav a:hover {color: #ffffff}
.nav a:active {color: #000000;}
.nav img {width: 90px; height: 68px; border: 0;}
* html a:hover {visibility:visible}
.nav a:hover img{visibility:hidden}
.nav span {
position: absolute;
left: 7px;top: 50px;
text-align: left;
width: 78px;
color: #999999;
cursor: pointer;   		     
}
.nav2	{
position:relative;
float: left;
margin: 0; 
padding: 0;
background: url(images/nav-over.gif) no-repeat;
width: 90px;
height: 68px;
overflow:hidden;
}
.nav2 a {
display: block;
width: 90px;
height: 68px;
display: block;
float: left;
color: #ffffff; 
text-decoration: none;
overflow:hidden;
}
.nav2 a:hover {
color: #ffffff;
}
.nav2 a:active {
color: #000000;
}
.nav2 img {width: 90px; height: 68px; border: 0;}
* html a:hover {visibility:visible}
.nav2 a:hover img{visibility:hidden}
.nav2 span {
position: absolute;
left: 8px;top: 50px;
text-align: left;
width: 78px;
cursor: pointer;   		     
}
			/* CONTENT */

#INDEXcontent {
position: relative;
width: 838px;
height: 617px;
background-image: url(images/indexcontent-bg.gif);
}
#indexconL {
float:left;
margin: 1px 0 0 21px;
width: 376px;
height: 616px;
}
#indexcon1 {
float:right;
margin-top: 10px;
margin-right: 30px;
width: 401px;
height: 122px;
text-align:center;
}
#indexcon2 {
float:right;
margin-top: 30px;
margin-right: 30px;
width: 401px;
height: 443px;
}

#BIOcontent {
position: relative;
background-color:#222222;
width: 838px;
height: 617px;
background: url(images/blankcontent-bg.gif) repeat-y;
}
#biocon {
margin: 10px 10px 10px 31px;
width: 776px;
height: 321px;
text-align: left;
}

#CONTACTcontent {
position: relative;
width: 838px;
height: 617px;
background-image: url(images/contactcontent-bg.jpg);
}
#contactcon {
float:right;
margin: 10px 0px 10px 30px;
margin-right: 31px;
width: 400px;
height: 597px;
text-align: left;
}

#RESUMEcontent {
position: relative;
width: 838px;
height: 617px;
background-image: url(images/resumecontent-bg.gif);
}
#resumecon1 {
float:left;
margin: 10px 0px 0px 30px;
width: 203px;
height: 597px;
text-align: left;
}
#resumecon2 {
float:left;
margin-left: 21px;
margin-top: 10px;
width: 553px;
height: 597px;
text-align: left;
}

#MEDIAcontent {
position: relative;
background-color:#222222;
width: 838px;
height: 607px;
background: url(images/blankcontent-bg.gif) repeat-y;
padding-top: 10px;
}
#mediacon {
margin: 0px 10px 10px 31px;
width: 776px;
height: 597px;
text-align: left;
}
			/* FOOTER */

#footer {
position: relative;
width: 838px;
height: 48px;
background: url(images/footer-bg.gif) no-repeat;
padding-top:8px;
text-align: center;
font:11px Verdana, Arial, Helvetica, sans-serif; color:white; text-decoration:none;
}