html
{
height: 100%;
}

body
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:100.01%;
height: 100%;
margin: 0px;
background: url(images/background.gif) center repeat-y;
}

a img
{
border: none;
}

b
{
color: #000000;
}

strong
{
color: #961207;
}

form input
{
width: 334px;
border: 1px solid #961207;
padding: 2px;
color: #7F7F7F;
font: 10px/14px Arial, Helvetica, sans-serif;
}

form input.submit
{
float: right;
width: auto;
border: none;
padding: 4px 20px;
background-color: #961207;
color: #FFFFFF;
}

form textarea
{
width: 334px;
height: 84px;
border: 1px solid #961207;
padding: 2px;
color: #7F7F7F;
font: 10px/14px Arial, Helvetica, sans-serif;
}

#wrapper
{
width: 755px;
height: 100%;
margin: auto;
position:relative;
}

#container
{
float: left;
min-height: 100%;
background-color: #FFFFFF;
}

#header
{
height: 80px;
margin-bottom: 25px;
background-image: url(images/header.gif);
width:755px;
}

#nav a
{
float: left;
margin: 0px 4px 15px 25px;
}

#nav a.home
{
background-image: url(images/home_out.gif);
}

#nav a:hover.home
{
background-image: url(images/home_over.gif);
}

#nav a.portfolio
{
background-image: url(images/portfolio_out.gif);
}

#nav a:hover.portfolio
{
background-image: url(images/portfolio_over.gif);
}

#nav a.cv
{
background-image: url(images/cv_out.gif);
}

#nav a:hover.cv
{
background-image: url(images/cv_over.gif);
}

#nav a.articles
{
background-image: url(images/articles_out.gif);
}

#nav a:hover.articles
{
background-image: url(images/articles_over.gif);
}

#nav a.blog
{
background-image: url(images/blog_out.gif);
}

#nav a:hover.blog
{
background-image: url(images/blog_over.gif);
}

#nav a.contact
{
background-image: url(images/contact_out.gif);
}

#nav a:hover.contact
{
background-image: url(images/contact_over.gif);
}

#title
{
clear: both;
color:#fff;
line-height:10px;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
padding-left:25px;
padding-top:10px;
padding-bottom:10px;
background-color: #961207;
}

#title img
{
padding: 8px 25px;
}

#title a img
{
border-left: 2px solid #FFFFFF;
}

div.content
{
float: left;
clear: both;
width: 730px;
padding: 25px 0px 25px 25px;
color: #7F7F7F;
font: 10px Arial, Helvetica, sans-serif;
}

div.content div
{
float: left;
width: 340px;
padding: 0px 25px 0px 0px;
}

div ul
{
margin: 0px;
padding: 0px 0px 0px 12px;
}

div.bar ul
{
float: left;
width: 121px;
padding: 0px 25px 0px 0px;
}

div.bar ul li
{
list-style-type: none;
}

div.content p
{
margin: 0px;
}

div.content a
{
color: #7F7F7F;
text-decoration: none;
}

div.content a:hover, div.content a.active
{
color: #961207;
}

div.columns
{
column-count: 2;
column-width: 340px;
column-gap: 0px;
text-align: justify;
}

div.bar
{
border-bottom: 3px solid #961207;
}

div.title
{
margin-bottom: -11px;
padding-bottom: 0px;
}

#bio
{
width: 355px;
min-height: 340px;
height:expression(this.height < 340 ? "340px" : this.height);
padding: 48px 25px 0px 375px;
background: #510000 url(images/bio.jpg) no-repeat;
color: #FFFFFF;
/*font: 12px "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica;*/
font-family: "Myriad Pro", Arial, Helvetica;
font-size:12px;
font-weight:lighter;
}
#cols{
background:#520100;
font-size:12px;
color:#fff;
}

#lcol{
background:#510000 url(images/colbg.gif) repeat-x;
width:252px;
float:left;

}

#ccol{
width:251px;
float:left;
background:#510000;

}

#rcol{
background:#510000 url(images/colbg.gif) repeat-x;
width:252px;
float:left;

}

#colinner{
padding:10px;
}

#colinner a{
text-decoration:none;
color:#fff;
}

#colinner li{
margin-left:16px;
padding-bottom:8px;
list-style-image:url(images/bullet.gif);
}

#colfooter{
clear:both;
width:100%;
}

#gallery{
background:#520100;
padding-bottom:25px;
}

#footer{
clear:both;
height:30px;
padding-top:15px;
text-align:center;
margin:auto;
font-size:10px;
letter-spacing:2px;
color:#909090;
background:#fff;
}

#work {
clear:both;
width:231px;
padding-bottom:10px;
}
img.workgal {
float:left;
}
.workcont {
width:142px;
float:right;
}
.worktitle {
font-weight:bold;
font-size:12px;
}
.subtitle {
font-weight:normal;
font-size:11px;
margin-top:0;
}
.details {
float:right;
font-size:10px;
}
#workdiv{
clear:both;
padding-top:10px;
border-bottom:#961207 dotted;
margin-bottom:10px;
}

#portnav {
clear:both;
float:none;
display:block;
margin-left:auto;
margin-right:auto;
}
#portnav a
{
float: left;
}
#portnav a.commercial
{
background-image: url(images/commercial_out.gif);
}

#portnav a:hover.commercial
{
background-image: url(images/commercial_over.gif);
}

#portnav a.ceremonial
{
background-image: url(images/ceremonial_out.gif);
}

#portnav a:hover.ceremonial
{
background-image: url(images/ceremonial_over.gif);
}

#portnav a.domestic
{
background-image: url(images/domestic_out.gif);
}

#portnav a:hover.domestic
{
background-image: url(images/domestic_over.gif);
}

#portnav a.exhibition
{
background-image: url(images/exhibition_out.gif);
}

#portnav a:hover.exhibition
{
background-image: url(images/exhibition_over.gif);
}

#portnav a.paper
{
background-image: url(images/paper_out.gif);
}

#portnav a:hover.paper
{
background-image: url(images/paper_over.gif);
}

#searchform {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 37px;
	width: 210px;
}

#searchform #s{
	height: 17px;
	width: 148px;
	margin: 6px 5px 0px 10px;
	padding: 3px 7px 2px 5px;
	color: #999999;
	border: #909090 1px solid;
}
#searchform #searchsubmit { 
	background: url(images/search-btn.png) no-repeat left top;
	height: 17px;
	width: 17px;
	border: none;
	text-indent: -999%;
	line-height: 1px;
	margin-top: 6px;
}

img.portfolio {
    max-width: 125px;
    width:expression(this.width > 125 ? "125px" : this.width);
}

#rowone {
display:block;
margin:auto;
	margin-bottom:25px;
}
#portblock {
width:125px;
text-align:center;
	display:block;
	margin:10px;
}
