html, body { 
	margin: 0px; 
	padding: 0px; }
body { 
	font-family: Garamond, sans-serif; 
	font-size: 16px; 
	background-color: #FFFFFF;
	color:#000000; 
	height: 100%; 
	background-image: linear-gradient(bottom, rgb(235,235,235) 13%, rgb(74,74,74) 100%);
background-image: -o-linear-gradient(bottom, rgb(235,235,235) 13%, rgb(74,74,74) 100%);
background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 13%, rgb(74,74,74) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 13%, rgb(74,74,74) 100%);
background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 13%, rgb(74,74,74) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.13, rgb(235,235,235)),
	color-stop(1, rgb(74,74,74))
);
	text-align: center;
	min-height:1300px;
}
ul {
	list-style-type:none;
}
a, a:link, a:visited, a:active {
	font-family: Garamond, 
	sans-serif; 
	color: #333333; 
	font-size: 16px;
}
a:hover {
	font-family: Garamond, 
	font-size: 16px;
	color: #555555;
}
img{
	border:none;
}
#middle-column img { padding-left: 15px; }
select {
	font-size: 10px;
	color: #2222bb;
}
h2 {
	padding-top: 3px;
	margin-top: 3px;
	font-size: 11px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 0px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main-container{
	text-align: center;
	margin: 0px auto;
	padding: 0px;	
	width: 881px;
	background-image: url(layout/bg.gif);
	position: relative;
	background-repeat: repeat-y;
	background-position: center;
}
#page-container {
	width: 770px;	
	margin-top: 0pt;	
	margin-right: auto;	
	margin-bottom: 0pt;	
	margin-left: auto;	
	position: relative;	
	padding-top: 0px;	
	padding-right: 0px;	
	padding-bottom: 0px;	
	padding-left: 0px;	
	background-image: url(../images/layout/gradient_bg_bottom.jpg);	
	background-repeat: repeat-x;	
	background-attachment: scroll;	
	background-position: center bottom;	
	background-color: #ffffff;	
	height: auto;	
	text-align: left;
}
#page-footer {
	width: 881px;
	height: 40px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	background: url(layout/bg_footer.gif) no-repeat top left;
}

.main-table tbody tr td#left-column {
	vertical-align: top;
	width: 160px;
}
.main-table tbody tr td#middle-column {	
	vertical-align: top;
	width:508px;
}
.main-table tbody tr td#right-column {	
	vertical-align: top;
	width: 160px;
}

#top-bar
{
	width: 770px;
	height: 70px;
	margin-bottom: 5px;
	text-align:center;
	float: left;
	padding-bottom: 5px;
}

#main-nav
{
	width: 770px;
	height: 40px;
	margin-bottom: 5px;
	text-align:center;
	float: left;
	padding-bottom: 5px;
}
#main-nav ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	float: none;
}
#main-nav ul li
{
	display: block;
	float: left;
	text-align: center;
	border-left: 1px solid #ffffff;
	padding: 0;
	margin: 0;
	height: 40px;
}
#main-nav ul li.bg{
	width: 120px;
	background: url(layout/button_base.gif);
}
#main-nav ul li.person{
	background: url(layout/nav_person.gif);
}
#main-nav ul li.projects{
	background: url(layout/nav_projects.gif);
}
#main-nav ul li.influences{
	background: url(layout/nav_influences.gif);
}
#main-nav ul li.studio{
	background: url(layout/nav_studio.gif);
}
#main-nav ul li.contact{
	background: url(layout/nav_contact.gif);
}
#main-nav ul li.person#active {
	background: url(layout/nav_person_active.gif);
}
#main-nav ul li.projects#active{
	background: url(layout/nav_projects_active.gif);
}
#main-nav ul li.influences#active{
	background: url(layout/nav_influences_active.gif);
}
#main-nav ul li.studio#active{
	background: url(layout/nav_studio_active.gif);
}
#main-nav ul li.contact#active{
	background: url(layout/nav_contact_active.gif);
}

.fpLi {
	margin-bottom: 5px;
}