/* Designed by Peter Burdette */
/* Copyright 2010 Aerion Design All Rights Reserved. */


* {
	margin: 0 auto;
	padding: 0 auto;
}

a:link {
	text-decoration: none;
	outline-style: none;
}
a:visited {
	text-decoration: none;
	outline-style: none;
}
a:hover {
	text-decoration: none;
	outline-style: none;
}
a:active {
	text-decoration: none;
	outline-style: none;
}

body {
	background-image: url(../i/bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #e1e1e1;

}

#highlight {
	background-image: url(../i/highlight.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 600px;
	width: 100%;
	top: 0px;
	position: absolute;
}

#container {
	width: 800px;
	margin: 0px auto;
}

li {
	list-style-type: none;
	display: inline-block;
}

#nav ul li a.about, a.portfolio, a.contact {
	text-indent: -10000px; !important
}

#sub_nav ul li a.twitter, a.dribbble, a.forrst, a.facebook {
	text-indent: -10000px; !important
}



/* Site Navigation */

#nav {
	margin-left: 430px;
	top: 200px;
	width: 400px;
	position: absolute;
}

.about, .portfolio, .contact {
	background-image:url(../i/sprite.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 49px;
	padding: 5px;
	display: block;
}

.about {
	background-position: 9px 0px;
}

.about:hover {
	background-position: 9px -30px;
}

.about:active {
	background-position: 9px -29px;
}

.portfolio {
	background-position: -46px 0px;
}

.portfolio:hover {
	background-position: -46px -30px;
}

.portfolio:active {
	background-position: -46px -29px;
}

.contact {
	background-position: -106px 0px;
}

.contact:hover {
	background-position: -106px -30px;
}

.contact:active {
	background-position: -106px -29px;
}

/* End Site Navigation */











/* Social Media Navigation */

#sub_nav {
	top: 475px;
	width: 800px;
	position: absolute;
}

.twitter {
	background-image: url(../i/social-media/twitter.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 48px;
	padding: 5px;
	display: block;
}

a.twitter {
	background-position: 0 0;
}

a.twitter:hover {
	background-position: 0px -37px;
}

.dribbble {
	background-image: url(../i/social-media/dribbble.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 48px;
	padding: 5px;
	display: block;
}

a.dribbble {
	background-position: 0 0;
}

a.dribbble:hover {
	background-position: 0px -36px;
}

.forrst {
	background-image: url(../i/social-media/forrst.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 40px;
	padding: 5px;
	display: block;
}

a.forrst {
	background-position: 0 0;
}

a.forrst:hover {
	background-position: 0px -36px;
}

.facebook {
	background-image: url(../i/social-media/facebook.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 40px;
	padding: 5px;
	display: block;
}

a.facebook {
	background-position: 0 0;
}

a.facebook:hover {
	background-position: 0px -36px;
}

/* End Social Media Navigation */






/* Start Main Content */

#coming_soon {
	background-image:url(../i/coming-soon.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 241px;
	width: 800px;
	top: 220px;
	position: absolute;
}
#about {
	background-image:url(../i/about.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 241px;
	width: 800px;
	top: 220px;
	position: absolute;
}

/* End Main Content */

/* Footer */

#footer {
	background-image:url(../i/copyright.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 50px;
	width: 800px;
	top: 520px;
	position: absolute;
}

/* End Footer */