@charset "utf-8";
/* CSS Document */

body
{
	background:#fec24e url(texture.gif);
}

h1#header
{
	background:url(title.gif) no-repeat;
}

/* Links. */
a:link, a:visited
{
	color:#772d1f;
	text-decoration:underline;
}

a:hover, a:active
{
	background-color:#772d1f;
	color:#fed995;
	text-decoration:none;
}

ul#nav li#about a:link, ul#nav li#about a:visited
{
	background:url(about.gif) no-repeat;
}

ul#nav li#portfolio a:link, ul#nav li#portfolio a:visited
{
	background:url(portfolio.gif) no-repeat;
}

ul#nav li#contact a:link, ul#nav li#contact a:visited
{
	background:url(contact.gif) no-repeat;
}

/* Link hover and active: replace the image by offsetting it by half. */

ul#nav li#about a:hover, ul#nav li#about a:active
{
	background:url(about.gif) no-repeat 0px -55px;
}

ul#nav li#portfolio a:hover, ul#nav li#portfolio a:active
{
	background:url(portfolio.gif) no-repeat 0px -74px;
}

ul#nav li#contact a:hover, ul#nav li#contact a:active
{
	background:url(contact.gif) no-repeat 0px -48px;
}

#page-navcontainer
{
	background-color:#772d1f;
}

ul#page-nav li
{
	color:#e7d9d3;
}

ul#page-nav li a:link, ul#page-nav li a:visited
{
	color:#e7d9d3;
}

#body
{
	background:#fed995;
	border-color:#fea72b;
}

h1#page-header
{
	background:url(hybrid_designer_small.gif);
}

h2#contact
{
	background:url(h2/send_a_message.gif);
}

h2#portfolio
{
	background:url(h2/portfolio.gif);
}

h2#who-is-xplordesign
{
	background:url(h2/who_is_xplordesign.gif);
}

h2#hybrid
{
	background:url(h2/hybrid.gif);
}

h2#what-do-you-do
{
	background:url(h2/what_do_you_do.gif);
}

h2#credentials
{
	background:url(h2/credentials.gif);
}