@charset "UTF-8";

body {
text-align: center;
min-width: 800px;
margin:0px;
}

#wrapper	{
height: auto;
margin:0px auto;
width: 800px;
text-align: left;
clear:none;
min-height:100%;
}

#wrapper2	{
height: auto;
margin:0px auto;
width: 519px;
text-align: center;
clear:none;
min-height:100%;

}

#wrapper3	{
height: auto;
margin:0px auto;
width: 720px;
text-align: left;
clear:none;
min-height:100%;
}

#top	{
background-image:url(images/top.jpg);
background-repeat: no-repeat;
width: 800px;
min-height: 28px;
float: left;
}

#body	{
background-image:url(images/body.jpg);
background-repeat:repeat-y;
width: 800px;
min-height: 500px;
padding-bottom: 20px;
float: left;
}

#bottom	{
background-image:url(images/bottom.jpg);
background-repeat: no-repeat;
width: 800px
min-height: 16px;
margin-bottom: 20px;
font-family: RockwellBold, Helvetica, Arial, sans-serif; 
text-align: right;
color: #cdcdcd;
}

#resume	{
background-image:url(images/resume.jpg);
background-repeat: no-repeat;
float: right;
width: 198px;
height: 44px;
opacity: .7;
}

#name	{

width: 519px;
height: 66px;
margin-top: 10px;
}
#text	{
margin-top: -15px;
width: 540px;
margin-left: 35px;
font-family: Helvetica, Arial, sans-serif;
font-size: .82em;
color: #272727;
}
#m4text	{
width: 575px;
padding: 10px 110px 10px 30px;
font-family: Helvetica, Arial, sans-serif;
font-size: .82em;
color: #272727;
background-color: #f7f7f7;
border: 2px solid #d7d7d7;
opacity: .8;
}
#text a {font-family: Helvetica, Arial, sans-serif; font-size: .9em; color: #393939; font-weight: bold; font-style: italic;}
#text a:hover {text-decoration: underline;}

h1 {
font-size: 1.45em;
font-family: RockwellBold;
color: #2e2e2e;
margin: 0px;

}

h2 {
font-size: 1.05em;
font-family: Helvetica, Arial, sans-serif;
margin: 0;
color: #353535;
}

h3	{
font-size: 1em;
font-style: italic;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
margin: 0;
color: #272727;
}

ul {margin-top: 3px;}

#header {
background-image: url(images/header.jpg);
background-repeat: no-repeat;
width: 519px;
height: 103px;
margin-top:100px;

}


#buttons {
width: 377px;
height: 36px;
margin-top: 30px;
padding-left:70px;
float:left;
}

#button {
width: 176px;
height: 36px;
float:left;
margin-right:25px;
}

#button2 {

width: 176px;
height: 36px;
float: right;

}

#buttonportfolio {
width: 176px;
height: 36px;
position: relative;
float: right;
top: -50px;
}

#headertop {
width:800px;
height: 66px;
float: left;
background-color: #666666;

}

a:link {font-size: 16px; color: #CCCCCC; text-decoration: none; }
a:active {color: #CCCCCC; text-decoration: none; }
a:visited {color: #CCCCCC; text-decoration: none; }
a:hover {color: #E6E6E6; text-decoration: underline; }

#head {
background-image: url(images/header.jpg);
background-repeat: no-repeat;
width: 519px;
height: 103px;
margin-top:100px;

}

#graph {
background-image: url(images/graph_background.jpg);
background-repeat: repeat;
min-height: 100%;
min-width: 81px;;
}

#m4 {
min-width: 720px;
min-height: 550px;
padding-top: 18px;
	
	
}
#pedestrian {
width: 550px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
padding: 0 0 15px 0;

}

#shell {
background-color: #eeeeee;
width: 700px
border: 1px;
border-color: #666666;
-webkit-box-shadow: 0 0 20px #666;
-moz-box-shadow: 0 0 20px #666;
padding: 10px 0 0 20px;

}

#art {



font-style: italic;
margin: 5px 0 5px 0;
font-size: 10px;
color: #1b1a42; 

}


 @font-face {
   font-family: RockwellBold;
   src: url("fonts/ROCKB.TTF");
 }