body {
	background-color: #412c24;
	font: 13px/19px Avenir, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}

#content {
	width: 1033px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#header {
	height: 199px;
	margin: 0;
	padding: 0;
	background-image: url(images/beehive-header.gif);
	background-color: #412c24;
	width: 1033px;
	float: left;
}

#header ul, #header li {
	list-style-type: none;
	float: left;
	padding: 0;
	margin-top: 60px;
	margin-left: 0;
}

#main {
	height: 320px;
	background: url(images/beehive-slice.gif) repeat-y;
	margin: 0;
	position: relative;
	width: 813px;
	float: left;
	color: #000;
	padding-left: 110px;
	padding-right: 110px;
	font: 12px/18px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}

#main p {
	margin-top: 190px;
}

.intropic {
	float: left;
	margin-right: 30px;
}

.yellowintro {
	color: #e9a51f;
	font: bold 18px Avenir, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a.home {
   display: block;
   width: 166px;
   height: 51px;
   background: url(images/header-home.gif) 0 0;
   text-decoration: none;
	margin: 0;
	padding: 0;
}
a.home:hover {
   background-position: 0 51px;
}

a.about {
   display: block;
   width: 154px;
   height: 51px;
   text-decoration: none;
   background: url(images/header-about.gif) 0 0px;
}
a.about:hover {
   background-position: 0 51px;
}

a.portfolio {
   display: block;
   width: 182px;
   height: 51px;
   text-decoration: none;
   background: url(images/header-portfolio.gif) 0 0;
}
a.portfolio:hover {
   background-position: 0 51px;
}

a.blog {
   display: block;
   width: 153px;
   height: 51px;
   text-decoration: none;
   background: url(images/header-blog.gif) 0 0px;
}
a.blog:hover {
   background-position: 0 51px;
}

a.contact {
   display: block;
   width: 158px;
   height: 51px;
   text-decoration: none;
   background: url(images/header-contact.gif) 0 0px;
}

a.contact:hover {
   background-position: 0 51px;
}

a.logo {
   display: block;
   width: 220px;
   height: 51px;
   text-decoration: none;
   background: url(images/header-logo.gif) 0 0;
}

#footer {
	height: 121px;
	margin: 0;
	background: url(images/beehive-footer.gif) 0 top;
	width: 1033px;
	float: left;
}

#footer p.bee {
	color: #543018;
	margin-top: 30px;
}

#footer p.info {
	margin-top: 30px;
}

#footer p {
	text-align: center;
	color: #c8901b;
	font-size: 12px;
}

#footer a:link {
	text-align: center;
	color: #e9a51f;
	text-decoration: none;
}

#footer a:hover {
	text-align: center;
	color: #e9a51f;
	text-decoration: underline;
}

#footer a:visited {
	text-align: center;
	color: #e9a51f;
}