body {
	background: url(../images/bg-fade.gif) repeat-x #9ab;
	padding: 0; 
	margin: 0;
	font: small/1.1em Geneva, Arial, Helvetica, sans-serif;
	}

img { border: 0; }

#container { font-size: 90%; }

div { padding: 0; margin: 0; }

ul { padding: 0; margin: 0; }

#header { margin: 43px 0 0; background: url(../images/header-bg.gif) repeat-x; width: 426px; height: 131px;}

#main { width: 426px; margin: 0 auto; }

h1 { 
	width: 235px; 
	height: 131px; 
	float: left; 
	padding: 0; 
	margin: 0; 
	background: url(../images/logo.gif) no-repeat;
	text-indent: -9999em;
	}

h1 a:link, h1 a:visited { width: 100%; height: 100%; display:block; }

h2 { padding: 0; margin: 0; }

h3 { padding: 11px 0 8px; margin: 0px 11px; color:#555; font-size: 110%; clear: both; }

.content h3 { padding: 14px 0 4px; margin: 0; }

#about h3 { border-bottom: #9ab dashed 1px; }

#contact h3 { border-bottom: #9ab dashed 1px; }

#nav { float: right; height: 131px; width: 191px; background: url(../images/menu-bg.gif) no-repeat; }

#mainContent { clear: both; background: url(../images/bg-lines.gif) repeat-y; padding: 4px 28px; }

#footer { background: url(../images/footer-bg.gif) no-repeat; width: 426px; height: 62px; }

#copyright { font-size: 85%; color: #779; width: 426px; text-align: center; }

#copyright a:link, #copyright a:visited { color: #779; text-decoration: none; }

#copyright a:hover, #copyright a:active { color: #555; } 

.content { margin: 0px 11px; border-top: #9ab dashed 1px; color: #555; }

.content ul {
        padding-left: 14px;
        }

.date { color: #999; font-weight: normal; font-size: 80%; font-style: italic; }

#news h2 { background: url(../images/headers/recentNews.gif) no-repeat; text-indent: -9999em; height: 23px; }

#quotes { background: url(../images/teresa.gif) no-repeat; background-position: 15px 40px; }

#quotes h2 { background: url(../images/headers/aboutTeresa.gif) no-repeat; text-indent: -9999em; height: 23px; }

#quotes .content { padding-left: 100px; }

#about h2 { background: url(../images/headers/teresaOverview.gif) no-repeat; text-indent: -9999em; height: 23px; }

#contact h2 { background: url(../images/headers/contactTeresa.gif) no-repeat; text-indent: -9999em; height: 23px; }

#projects h2 { background: url(../images/headers/portfolio.gif) no-repeat; text-indent: -9999em; height: 23px; }

#menu { margin-top: 40px; margin-left: 7px; list-style: none; }

#menu li { background: url(../images/menuitem.gif) no-repeat; height: 29px; width: 169px; } 

#menu li a:link, #menu li a:visited { display: block; text-align:center; padding: 5px 0; text-decoration: none; font-weight: bold; font-size: 90%; color: #9ab; text-transform:uppercase; }

#menu li a:hover, #menu li a:active { color: #779; }

.bullet { color: #c1dee4; font-size: 70%; }

#rotate { width:245px; height:140px; overflow:hidden; }

.quoteRotate {position: absolute; visibility:hidden; width:245px; height:140px; overflow:hidden; }

.projectImg { padding-bottom: 6px; }

.projectImg li { display: inline; list-style:none; width: 55px; height: 55px; float: left; margin-right: 6px; margin-bottom: 6px; }

.projectImg li img { padding: 5px; }

.projectImg a:link, .projectImg a:visited { display:block; background: #999; width: 100%; height: 100%; }

.projectImg a:hover, .projectImg a:active { background: #FFF; }

.projectScope { margin-left: 14px; }

.clearMe { clear: both; } 

#contact fieldset {
border: none;
}

#contact legend {
display: none;
}

#contactFrom { border-top: #9ab dashed 1px; }

#contactForm label {
float: left;
width: 120px;
font-weight: bold;
color: #333;
}

.zemError {
background: pink;
list-style: none;
padding: 4px;
}

.zemError li {
font-size: 110%;
color: red;
}

.zemThanks {
padding: 8px 14px;
background: #CDEECE;
color: #84C084;
font-size: 110%;
font-weight: bold;
}