* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	background: #666;
	font-size: 70%;
}
body {
	width: 640px;
	margin: 18px auto 0 auto; padding: 36px 33px;
	background: #e2e2c7;
	font: 1em/1.3em "Minion Web", Georgia, Times, "Times New Roman", serif;
	color: #94685f;
}
p {
	margin: 0 0 1.3em 0;
}
#wrapper {
	margin: 0; padding: 10px 9px;
	border: 2px solid #94685f;
}
#content {
	width: 580px;
	margin: 0; padding: 17px;
	border: 1px solid #e075a2;
	overflow: auto;
}
#main {
	width: 360px;
	margin-right: 40px;
}
.meta {
	width: 170px;
}
.meta ul {
	list-style-type: none;
}
table, table td {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}


h1 {
	text-indent: -999em;
	background: transparent url( ../images/logo.gif ) no-repeat top left;
	width: 242px;
	height: 112px;
}
h2 {
	margin: 1.2em 0 0.5em 0; 
	padding: 3px 0 3px 27px;
	background: transparent url( ../images/bigPip.gif ) no-repeat center left;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.3em;
	letter-spacing: 0.1em;
	word-spacing: 0.15em;
}

#slogan {
	margin: 1.2em 0 0.5em 0;
	font-style: italic;
	font-size: 1.3em;
	text-align: center;
}

#nav {
	text-transform: uppercase;
	font-size: 1.1em;
}
#nav li {
	margin: 0.5em 0;
	letter-spacing: 0.1em;
	word-spacing: 0.15em;
}

#me, #contact {
	font-family: "Myriad Web", Myriad, Frutiger, Verdana, sans-serif;
}
#me {
	margin-bottom: 7.5em;
	font-size: 1.4em;
}
#me em {
	font-style: normal;
	color: #bba593;
}
#contact {
	vertical-align: bottom;
}
#contact ul {
	margin-bottom: 1em;
}
#contact a:link, #contact a:visited {
	color: #94685f;
	text-decoration: none;
}
#contact a:hover, #contact a:active {
	color: #ca017b;
	text-decoration: none;
}

.samples {
	float: left;
	width: 155px;
	margin-right: 20px;
	list-style-type: none;
	font-style: italic;
}
.samples li {
	margin-bottom: 0.65em;
}

.name {
	font-style: italic;
}
.bull {
	color: #e075a2;
}

/**
 * Nav behaviors
 */

/* hide the appropriate nav item based on body ID */

#home #nav .home,
#about #nav .about,
#how #nav .how,
#menus #nav .menus {
	display: none;
}

#nav a {
	padding-left: 19px;
	text-decoration: none;
	color: #94685f;
}
#nav a:link, #nav a:visited {
	background: transparent url( ../images/menuPip.gif ) no-repeat left bottom;
}
#nav a:hover, #nav a:active {
	background: transparent url( ../images/menuPip.gif ) no-repeat left top;
}