/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background-color: #e8f0fa;
	text-align: center;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	}
p {
	margin: 0;
	padding: 0 0 1em 0;
	}	
a,a:link {
	color: #336;
	}
a:hover {
	color: #00f;
	text-decoration: none;
	}
a:visited {
	color: #666;
	}	
h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: lowercase;
	margin: 0;
	padding: 0 0 1em 0;
	color: #888;
	}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 .5em 0;
	}
h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
#wrapper {
	margin: auto;
	text-align: left;
	width: 740px;	 
	}
#beth {
	width: 146px;
	height: 40px;
	background: url(images/bethbader.gif) top left no-repeat;
	float: left;
	}
.clear {
	clear: both;
	}
#beth span,#nav li a span {
	display:none;
	}
#nav,#nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#nav {
	margin: 16px -10px 0 0;
	float: right;
	}
body>#wrapper #nav {margin-right: 0; }
#nav li {
	display: inline;
	}	
#nav a {
	display: block;
	height: 18px;
	margin: 0 14px 0 0;
	float: left;
	}
#home:link,#home:active,#home:visited {
	width: 42px;
	background: url(images/navHome_off.gif) top left no-repeat;
	}
#home:hover,#homeSection #home {
	background: url(images/navHome_on.gif) top left no-repeat;
	}
#services:link,#services:active,#services:visited {
	width: 54px;
	background: url(images/navServices_off.gif) top left no-repeat;
	}
#services:hover,#servicesSection #services {
	background: url(images/navServices_on.gif) top left no-repeat;
	}
#portfolio:link,#portfolio:active,#portfolio:visited {
	width: 59px;
	background: url(images/navPortfolio_off.gif) top left no-repeat;
	}
#portfolio:hover,#portfolioSection #portfolio {
	background: url(images/navPortfolio_on.gif) top left no-repeat;
	}
#writing:link,#writing:active,#writing:visited {
	width: 122px;
	background: url(images/navWriting_off.gif) top left no-repeat;
	}
#writing:hover,#writingSection #writing {
	background: url(images/navWriting_on.gif) top left no-repeat;
	}
#resume:link,#resume:active,#resume:visited {
	width: 50px;
	background: url(images/navResume_off.gif) top left no-repeat;
	}
#resume:hover,#resumeSection #resume {
	background: url(images/navResume_on.gif) top left no-repeat;
	}
#contact:link,#contact:active,#contact:visited {
	width: 50px;
	background: url(images/navContact_off.gif) top left no-repeat;
	}
#contact:hover,#contactSection #contact {
	background: url(images/navContact_on.gif) top left no-repeat;
	}
#body {
	border: solid 1px #666;
	background-color: #d8e6f6;
	padding: 8px 14px 16px 14px;
	clear: both; 
	}
#footer {
	padding: 0 14px;
	font-size: .8em;
	clear: both;
	}
#footer img {
	float: right;
	}
#footer p{
	padding-top: 10px;
	}
.container {
	background-color: #fff;
	border: solid 1px #666;
	padding: 8px;
	float:left;
	}
.container.big {
	float:left;
	width: 454px; 
	}
.big h2,.big p,.big ul,.big ol  {
	}
.container.small{
	margin: 0 0 0 7px;
	width: 213px;
	}
.container.thirds,.container.firstthird{
	margin: 0 0 0 7px;
	width: 232px;
	float: left;
	position: relative;
	}
.container.firstthird{
	margin: 0;
	}
body>#wrapper .container.thirds,body>#wrapper .container.firstthird{
	width: 214px; 
	}
body p {
	position: relative;
	z-index: 100;
	}
body .container p {
	position: static;
	}