html, body
{
	margin: 0;
	padding: 0;
	background: #a26b4a url(images/paper.jpg);
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	color: #333;
}

nav, section, header, aside, article, footer, hgroup
{
	display: block;
}

h1
{
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 .5em 0;
}

p
{
	margin: 0 0 .8em 0;
}

a:link, 
a:visited
{
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #0abdff;
}

a:hover
{
	background: #0abdff;
	color: #fff;
}

ul
{
	margin: 0;
	list-style: none;
	padding: 0;
}

li
{
	margin: 0 0 .5em 0;
	padding: 0 0 0 20px;
	background: url(images/heart.png) no-repeat left 4px;
}

#wrap
{
	width: 815px;
	padding: 100px 0 30px 0;
	margin: 0 auto;
}

#logo
{
	text-indent: -9999px;
	background: url(images/logo.png) no-repeat;
	width: 435px;
	height: 86px;
	margin: 0 0 -110px 350px;
	padding: 0;
	position: relative;
	z-index: 1;
}

#content:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

article
{
	background: url(images/colors/turquoise.png);
	padding: 20px;
	float: left;
	width: 367px;
	margin: 0;
	height: 220px;
	overflow: hidden;
}

.accordion article, 
.accordion #about
{
	width: 163px;
	height: 300px;
	padding: 190px 0 0 0;
	position: relative;
}


.accordion article header h1
{
	text-indent: -9999px;
	width: 163px;
	height: 206px;
	margin: 0;
}

.accordion article header a
{
	display: block;
	width: 100%;
	height: 100%;
}

article header a:link,
article header a:visited,
article header a:hover
{
	border: 0;
	background: none no-repeat 50% top;
}

.accordion article section
{
	display: block;
	position: relative;
	margin: -200px 0 0 163px;
	width: 200px;
	outline-color: #999;
}

#about
{
	padding-right: 60px;
	width: 327px;
	
}

.accordion #about header a
{
	background-image: url(images/sections/about.gif);
}

#contact
{
	clear: left;
	background: url(images/colors/green.png);
}

.accordion #contact
{
	clear: none;
}

.accordion #contact header a
{
	background-image: url(images/sections/contact.gif);
}

#services
{
	background: url(images/colors/yellow.png);
}

.accordion #services header a
{
	background-image: url(images/sections/services.gif);
}

#friends
{
	background: url(images/colors/pink.png);
}

.accordion #friends header a
{
	background-image: url(images/sections/friends.gif);
}

#goodies
{
	background: url(images/colors/red.png);
}

.accordion #goodies header a
{
	background-image: url(images/sections/goodies.gif);
}