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

body
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	margin:0;
}

h1#header
{
	width:962px;
	height:124px;
	margin:300px auto 0;
	text-indent:-9000px;
}

div#navcontainer
{
	width:747px;
	margin:20px auto 0;
	position:relative;
}

ul#nav
{
	display:inline;
	position:relative;
	list-style:none;
}

ul#nav li a
{
	display:block;
	text-indent:-9000px;
}

ul#nav li#about a
{
	width:181px;
	height:55px;
	position:absolute;
	top:0;
	left:0;
}

ul#nav li#portfolio a
{
	width:244px;
	height:74px;
	position:absolute;
	top:0px;
	left:236px;
}

ul#nav li#contact a
{
	width:222px;
	height:48px;
	position:absolute;
	top:7px;
	left:525px;
}

#page-navcontainer
{
	margin:0;
	padding:0;
	width:100%;
	height:20px;
}

ul#page-nav
{
	margin:0;
	padding:0;
	position:absolute;
	top:-17px;
}

ul#page-nav li
{
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:lowercase;
	margin-right:10px;
}

ul#page-nav li a:link, ul#page-nav li a:visited
{
	text-decoration:none;
}

ul#page-nav li a:hover, ul#page-nav li a:active
{
	text-decoration:underline;
}

h1#page-header
{
	width:358px;
	height:47px;
	text-indent:-9000px;
	position:absolute;
	top:300px;
	left:20px;
}

ul#page-nav li#xplordesign
{
	font-weight:bold;
}

#container
{
	margin:0 auto;
	width:1000px;
	position:relative;
}

#body
{
	width:570px;
	position:absolute;
	top:0;
	right:0;
	padding:15px;
	border-width:0 1px 1px;
	border-style:solid;
}

p
{
	margin:0 0 10px;
	font-size:12px;
	line-height:14pt;
}

h2
{
	text-indent:-9000px;
	margin:15px 0 0;
}

h2#portfolio
{
	width:73px;
	height:22px;
}

h2#contact
{
	width:145px;
	height:22px;
}

label
{
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#footer
{
	background:#f00;
	width:570px;
	position:absolute;
	bottom:-100px;
	right:0;
	padding:15px;
}

h2#who-is-xplordesign
{
	width:186px;
	height:22px;
	margin
}

h2#hybrid
{
	width:58px;
	height:23px;
}

h2#what-do-you-do
{
	width:145px;
	height:22px;
}

h2#credentials
{
	width:90px;
	height:18px;
	margin-bottom:5px;
}

img#personal-photo
{
	float:right;
	margin:0 0 10px 10px;
}

span.para-begin
{
	font-variant:small-caps;
	letter-spacing:0.1em;
}

a img
{
	border:none;
	text-decoration:none;
	background:none;
}

img.portfolio-thumb
{
	float:left;
	margin:0 5px 5px 0;
}

br.clear
{
	clear:all;
}

img.portfolio-process
{
	margin:5px 2px 0;
}

a:hover img, a:active img
{
	text-decoration:none;
	background:none;
}