body  { color: #333; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 35px; }

/*------LAYOUT--------*/

.w255img {
float: left;
width: 275px;
display: block;
overflow: hidden;
text-align: left;
}

.w255img a {
float: none;
}

.w255img img {
float: none;
}

.w255img p {
float: left;
font-size: 0.8em;
margin: 0;
padding: 5px 10px 0 0;
font-style: italic;
}


#wrapper    {
width: 875px;
margin: 0 auto;
background-image: url("http://www.kathryndettwiller.com/graphics/kd_crosshair.png");
background-repeat: no-repeat;
background-position: 114px 12px;
}

#header { text-align: left; position: relative; }
#header img { border: 0; }

#nav { text-align: left; height: 450px; float: left; overflow: hidden }
#layout1 #nav { width: 215px; }
#layout2 #nav  { width: 355px }

#content  { font-size: 14px; padding-top: 25px; }
#layout1 #content { width: 655px; text-align: left; float: left; }
#layout2 #content  { width: 515px; text-align: left; float: left; }

#home { width: 735px; position: relative; float: left }

#footer  { color: #d5d5d5; font-size: 12px; border-top: 1px solid #d5d5d5; text-align: left; text-indent: 20px; padding: 0; height: 60px; clear: left }
#layout1 #footer, .homefoot { margin-left: 215px; }
#layout2 #footer { margin-left: 355px; }

#feedburner {
text-align: left;
padding-left: 15px;
}

.input {
	color: #9b9b9b;
	width: 90px;
	margin: 0 0 5px 0;
	padding: 1px;
	border: 1px solid #9b9b9b;
}

.submit {
text-indent: 0;
text-align: left;
width: 94px;
padding: 0;
color: #fff;
background-color: #9b9b9b;
border: 1px solid #9b9b9b;
}

.submit:hover, .zemSubmit:hover {
color: #fff;
border: 1px solid #9b9b9b;
background-color: #898989;
cursor: pointer; /* cursor: hand; for IE5 */
}


/*------MENU--------*/

#menu   { text-align: left; list-style: none; margin: 0; padding: 0; position: relative; top: 30px; left: 15px; width: 135px; overflow: visible }
#menu li  { position: relative; width: 130px; padding: 8px 0; text-transform: lowercase; }
#menu ul  { text-align: left; list-style: none; margin: 0; padding: 0; position: absolute; top: 1em; left: 140px; width: 160px }
#menu ul li { width: 160px; }
#menu ul li .download { font-size: .8em; text-transform: none; margin-top: 4px; padding: 4px; border-left: 1px solid #9b9b9b; border-bottom: 1px solid #9b9b9b; }
#menu ul li .download a, #menu ul li .download a:link  { text-transform: none; color: #333 }
#menu ul li .download a:hover { text-decoration: underline; }
#menu li a  { color: #898989; font-size: 1em; text-decoration: none; text-indent: 15px; display: block; width: 100% }
#menu li.current { border-bottom: 1px solid #d5d5d5 }
#menu ul li a { color: #898989; font-weight: normal; text-indent: 0; display: block; width: 160px; }
#menu li a:hover, #menu ul li a:hover { color: #333; text-decoration: none }
#menu li.current a b { color: #333; font-weight: normal; }
#menu ul li .posted {
font-size: .7em;
color: #898989;
margin: 0;
padding: 0;
}

.instructions {
display: block;
color:#666666;
font-family:Verdana,Helvetica,sans-serif;
font-size: 0.6em;
line-height:1.4em;
text-transform:none;
padding: 5px 15px 0 0;
}

/*------SITEWIDE STYLES--------*/

h1 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px }
.clear     { font-size: 0; line-height: 0; width: 100%; height: 1px; float: left; }


/*------HOME-------*/

.fade {
	margin-top: 25px;
}

.fade p {
	text-align: center;
	width: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
}

.fade img {
border: 0;
}


#imagefade {
position: relative; float: left; text-align: center; width: 725px; padding-top: 25px; border: 1px solid red
}

#imagefade img {
border: 0;
}

/*--------PORTFOLIO------*/

.thumbs      { position: relative; text-transform: lowercase }
.statement, .article, .about  { text-align: justify; width: 100%; float: left }
.statement p, .article p, .about p  { margin: 0 0 10px 0; padding-right: 35px; padding-left: 1px }

.portfolio { }
.portfolio h3   { display: block; margin: 0; padding-right: 25px; padding-bottom: 25px; float: left; }
.portfolio a   { display: block; width: 75px; height: 75px; overflow: hidden; border: solid 1px #828282 }
.portfolio a:hover  { border: solid 1px #fff }
.portfolio a img { margin-top: -12px; margin-left: -12px; }

.portfolios h3   { margin: 5px 10px; font-size: 1.2em; font-weight: normal }
.portfolios a   { display: block; width: 215px; height: 180px; overflow: hidden; padding-bottom: 25px; float: left; text-align: center; text-decoration: none; color: #898989; }
.portfolios a:hover  { color: #333; text-decoration: none; }
.portfolios img { border: 0 }


/*------NEWS-------*/


.news img  { padding-right: 15px; padding-bottom: 5px; float: left }

.article, .about {
padding-bottom: 25px;
}

.article img {
float: left;
margin: 0 15px 0 0;
border: 0;
}

.article h1 {
margin: 0;
}

.article h1 a, .article h1 a:link {
color: #333;
text-decoration: none;
}

.article a, .article a:link, .about a, .about a:link {
color: #004CAA;
text-decoration: underline;
}

.article a:hover, .about a:link {
color: #000;
text-decoration: underline;
}

.article .posted { 
font-size: .7em;
color: #898989;
margin: 2px 0 10px 0;
padding: 0;
}

#pages {
padding: 25px 35px 0 0;
}

#pages a, #pages a:link { 

color: #898989;
text-decoration: none;
}

#pages a:hover {
color: #000;

text-decoration: none;

}

#prevpg {
width: 50%;
float: left;
text-align: left;
}

#nextpg {
width: 50%;
float: right;
text-align: right;
}

/*------NEWS ARCHIVE------*/

#content dl { margin: 0 70px 10px 0; padding: 0  }
#content dt { color: #898989; font-size: 14px; font-weight: bold; padding-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #d5d5d5 }
#content dd { color: #000; padding-bottom: 10px; margin-right: 35px }
#content dd a, #content dt a:link, #content dd a:active, #content dd a:visited { color: #000; font-weight: bold; text-decoration: none }
#content dd a:hover { color: #000; text-decoration: underline }
#content dd p { margin: 0 0 10px 0; color: #898989; font-size: .9em; }

/*--------ABOUT----------*/

.article h1 {
margin: 0 0 10px 0;
}

.about img {
float: left;
margin: 5px 15px 15px 0;
border: 0;
}

.resume {
padding-bottom: 25px;
}

.resume p {
font-size: 11px;
margin: 0 35px 2px 80px;
padding: 0;
text-indent: 0;
}

cite { 
float: left;
position: relative;
width: 75px;
margin-left: -80px;
text-align: left;
font-style: normal;
}

.resume h2 {
font-size: 14px;
}

/*------CONTACT FORM----*/

#address { 
width: 190px;
float: left;
}

#address p { margin: 0; }

#address a, #address a:link, #address a:visited { color: #000; text-decoration: underline; }
#address a:hover { color: #000 }

#contact_form { margin-left: 210px; padding-bottom: 20px }
#contact_form input { margin: 0 0 5px 0; }
.contact_message { color: #f00;  font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 10px }

textarea { margin-bottom: 5px; }

.zemSubmit {
text-align: center;
padding: 1px;
color: #898989;
border: 1px solid #9b9b9b;
background-color: #f4f4f4;
}
.zemError { color: red }
<input type="submit" class="zemSubmit" name="zem_contact_submit" value="Send" />
