* {margin:0;padding:0;}
	
html, body {height:100%;}
	
body {background-color: #fff;color: #111;font:100.01%/1.4 sans-serif;text-align:center;}

#wrapper {width:1px;height:50%;background-color: transparent;margin-bottom:-291px;float:left;}

#container {margin:0 auto;position:relative;height:582px;width:904px;clear:left;background-color: transparent;z-index: 1;}

#content {width: 804px;height: 536px;display: block;position: relative;left: 50%;margin-left: -402px;top: 46px;
	z-index: 1;
}

#contact-content {width: 804px;height: 536px;display: block;position: relative;left: 50%;margin-left: -402px;top: 46px;background-color: #FFFFFF;}
span.contact-info {
	width: 600px;
	height: 200px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -320px;
	background-image: url(http://taylorchristianjones.com/contact1.png);
	top: 175px;
}

span.email a {width: 246px;height: 12px;display: block;position: relative;left: 50%;margin-left: -123px;background: url(../img/email.png) center top;overflow: hidden;z-index: 9;top: 13px;}
span.email a:hover {background-position: center bottom;}

.logo a {display: block;float: left;position: absolute;z-index: 9;width: 351px;height: 21px;background: url(../img/logo.png) no-repeat;left: 22px;}

#nav {display: block;float: right;position: absolute;width: 450px;height: 12px;background-color: transparent;right: 50px;top: 25px;
	z-index: 9;
}
a#portone, a#porttwo, a#contact {background-position: right bottom;}

.portone a {display: block;float: left;position: relative;overflow: hidden;z-index: 9;width: 139px;height: 12px;background: url(../img/portfolio_one.png) no-repeat left top;}
.portone a:hover {background-position: left bottom;}

.porttwo a {display: block;float: left;position: relative;overflow: hidden;z-index: 9;width: 140px;height: 12px;background: url(../img/portfolio_two.png) no-repeat left top;left: 17px;}
.porttwo a:hover {background-position: left bottom;}

.contact a {display: block;float: left;position: relative;overflow: hidden;z-index: 9;width: 81px;height: 12px;background: url(../img/contact.png) no-repeat left top;left: 31px;}
.contact a:hover {background-position: left bottom;}

.blog a {display: block;float: left;position: relative;overflow: hidden;z-index: 9;width: 45px;height: 12px;background: url(../img/blog.png) no-repeat left top;left: 44px;}
.blog a:hover {background-position: left bottom;}

.prev a {position: relative;display: block;overflow: hidden;z-index: 9;height: 29px;width: 31px;background: url(../img/prev.png) no-repeat left top;bottom: 250px;float: left;}
.prev a:hover {background-position: right bottom;}

.next a {position: relative;display: block;overflow: hidden;z-index: 9;height: 29px;width: 31px;background: url(../img/next.png) no-repeat left top;bottom: 250px;float: right;}
.next a:hover {background-position: right bottom;}