/* Styling */

body {
	background: #DFF0F4 url('../images/sky.jpg') repeat;
}
hr {
	border: 0;
	background: url('../images/sprite.png');
	background-position: 0 -203px;
	height: 5px;
	display: block;
}
#content>hr {
	height: 29px;
	width: 100%;
	clear: both;	
}
#content hr.reverse {
	background-position: 0 -233px;
}
#page {
	background: url('../images/ground.png') repeat-x top left;
}
#clouds {
	background: url('../images/clouds.png') repeat-x;
}
#space {
	background: url('../images/space.png') repeat-x 0 bottom;
}
#header #logo a {
	display: block;
	text-indent: -30000px;
	width: 582px;
	height: 304px;
	background: url('../images/mjmfx.png') no-repeat top left;
}
#header a#hireus,#header a#xhtml,#header a#css{
	display: block;
	text-indent: -30000px;	
	background: url('../images/sprite.png') no-repeat top left;
}
#header a#hireus{
	width: 320px;
	height: 41px;
}
#header a#xhtml,#header a#css{
	height: 23px;
	float: left;
	margin-right: 25px;	
}
#header a#xhtml{
	width: 72px;	
}
#header a#css {
	width: 50px;
}
#header #copymjmfx {
	width: 125px;
	height: 27px;
	float: left;
	text-indent: -30000px;
	background: url('../images/sprite.png') no-repeat;
	background-position: -658px -1px;
}
#header a#xhtml:link,#header a#xhtml:visited {
	background-position: -535px -1px;
}
#header a#xhtml:active,#header a#xhtml:hover {
	background-position: -535px -27px;
}
#header a#css:link,#header a#css:visited {
	background-position: -607px -4px;
}
#header a#css:active,#header a#css:hover {
	background-position: -607px -30px;
}
#content h2{
	background: url('../images/sprite.png') no-repeat;
	text-indent: -30000px;
}
#content h2#featured {
	width: 252px;
	height: 53px;
	background-position: -404px -56px;
}
#content h2#skills {
	width: 159px;
	height: 52px;
	background-position: -1px -56px;
	margin: 0 0 5px 65px;
}
#content h2#portfolio {
	width: 242px;
	height: 61px;
	background-position: -161px -49px;
	margin-top: -8px;
}
#content h2#contactus {
	width: 220px;
	height: 53px;
	background-position: -616px -111px;
}
#content h2#extras {
	width: 183px;
	height: 54px;
	background-position: -657px -56px;
	margin-left: 30px;
}
#content h2#fourofour {
	width: 357px;
	height: 63px;
	background: url('../images/404.png') no-repeat -7px 0;
	margin: 70px 0 20px 0;
	
}
#content h2#thank-you {
	width: 330px;
	height: 63px;
	background: url('../images/clients/thankyou.png') no-repeat 0 0;
	margin-bottom: 20px;
}
#content a.rss {
	display: block;
	text-indent: -30000px;
	height: 36px;
	background: url('../images/sprite.png') no-repeat;
	background-position: -320px -3px;
	margin: 10px;
	float: left;
}
#content a.rss:link,#content a.rss:visited{
	width: 36px;
}
#content a.rss:hover,#content a.rss:active{
	width: 99px;
}
#content a[rel~="prev"],#content a[rel~="next"] {
	display: block;
	text-indent: -9999px;
	height: 26px;	
}
#content a[rel~="prev"] {
	width: 171px; 
	background: url('../images/sprite.png') no-repeat -139px -267px;
}
#content a[rel~="next"]{
	width: 137px; 
	background: url('../images/sprite.png') no-repeat left -267px;
}
.onecol #featuredinfo {
	position: relative;
	top: -15px;
}
#featuredinfo .center {
	background: url('../images/sprite.png') no-repeat;
	background-position: -681px -23px;
}
#featuredinfo .both,#featuredinfo .coding,#featuredinfo .graphics{
	height: 27px;
	background: url('../images/sprite.png') no-repeat;
	text-indent: -30000px;
	margin: 0 auto;	
}
#featuredinfo .both {
	width: 101px;
	background-position: -419px -16px;	
}
#featuredinfo .coding {
	width: 42px;
	background-position: -478px -16px;	
}
#featuredinfo .graphics {
	width: 45px;
	background-position: -419px -17px;	
}
#featuredinfo #completed {
	text-align: right;
}
#featuredinfo #completed span{
	font-size: 16px;
	font-family: "Impact";
	color: #C75959;
	position: relative;
	top: 2px;
}
#featureddetails .right a {
	display: block;
	text-indent: -30000px;	
	width: 116px;
	height: 15px;
	background: url('../images/sprite.png') no-repeat;
	background-position: -418px -1px;
}
#content a.launch {
	display: block;
	float: right;
	text-indent: -30000px;	
	width: 116px;
	height: 15px;
	background: url('../images/sprite.png') no-repeat;
	background-position: -418px -1px;
	position: relative;
	top: -8px;
}
#content #graphics {
	background: url('../images/graphics.png') no-repeat 0px 15px;
}
#content #coding {
	background: url('../images/coding.png') no-repeat 0px 15px;
}
#content #seemore {
	display: block;
	width: 80px;
	height: 15px;
	background: url('../images/sprite.png') no-repeat -628px -176px;
	text-indent: -30000px;
}
#content .post {
	margin-top: 30px;
}
#content #postcontent img[src$=".jpg"] {
	border: 1px solid #4C4535;
}
#content .portitem {
	height: 215px;
	padding-top: 10px;
	position: relative;
	top: 0px;
}
#content .portitem .portinfo{
	float: right;
	clear: both;
	margin-right:50px;
	position: relative;
	top: -12px;
}
#content .portitem h3 {
	width: 130px;
	text-align: right;
	clear: both;
	float: right;
}
#content p.pagenotfound {
	clear: left;
	margin-left: 10px;
	padding-left: 165px;
	background: url('../images/404.png') no-repeat 0 -80px;
	font-family: "Georgia";
	font-size: 18px;
	height: 150px;
	margin-bottom: 20px;
	padding-top: 10px;
	line-height: 26px;
}
#content p.pagenotfound a:link,#content p.pagenotfound a:visited {
	color: #70664B;
	text-decoration: none;
	border-bottom: 1px dashed #70664B;
}

#content p.pagenotfound a:hover,#content p.pagenotfound a:active {
	color: #4C4533;
	text-decoration: none;
	border-bottom: 1px dashed #4C4533;
}
#content a.download {
	width: 100px;
	height: 100px;
	background: #fff;
	border: 1px solid #4C4533;
	padding: 10px;
	margin: 10px;
	float: left;
	text-align: center;	
}
#content a.download img {
	float: left;
	margin: 0 22px;
}
#content a.download:link img,#content a.download:visited img{
	margin-top: 2px;
}
#content a.download:hover img,#content a.download:active img{
	margin-top: 0px;
}
#content .password {
	text-align: center;
	padding: 200px;
}
#content .password h1 {
	text-align: left;
}
#content .password p {
	margin: 10px;
}
#content .password form {
	text-align: left;
}
#content .password form input {
	margin: 3px 0;
}
#content .password form input[type=submit]{
	background: #4C4533;
	color: #fff;
	border: 0;
	padding: 5px;
}
#content form#contact {
	background: url('../images/rocket.png') no-repeat bottom left;
	float: right;
	padding-bottom: 20px;
}
#content form#contact #name,#content form#contact select,#content form#contact #response,#content form#contact #spam,#content form#contact #message{
	background: url('../images/sprite.png') no-repeat;
	border: 0;
	padding: 0 4px;
	padding-top: 2px;
}
#content form#contact>div{
	width: 100%;
}
#content form#contact>div>label {
	line-height: 15px;
}
#content form#contact #name,#content form#contact select {
	background-position: -1px -139px;
	}
#content form#contact #response,#content form#contact #spam{
	background-position: -1px -111px;
}
#content form#contact #name,#content form#contact #response,#content form#contact #spam {
	width: 194px;
	height: 21px;	
}
#content form#contact select {
	width: 203px;
	height: 23px;
	padding-left: 1px;
}
#content form#contact #message {
	width: 194px;
	height: 69px;
	padding: 5px 4px;
	background-position: -204px -111px;
}
#content form#contact #holler,#content form#commentform #submit {
	border: 0;
	width: 123px;
	height: 38px;
	background: url('../images/sprite.png') no-repeat;
	background-position: -717px -164px;
	text-indent: -30000px;
	font-size: 0px;
	cursor: pointer;
}
#content #thankyou {
	float: right;
	width: 100%;
	color: #fff;
	text-align: right;
	font-weight: bold;
}
#content #thankyou ul {
	float: right;
	list-style: disc;
}
#content #thankyou ul li {
	float: right;
	clear: both;
	height: 17px;
}
#content #row3 .col2 ul{
	margin-left: 60px;
	position: relative;
	top: 10px;
	list-style: none;
	font-weight: bold;	
}
#content #row3 .col2 ul li {
	padding-left: 30px;
	background: url('../images/li.png') center left no-repeat;
}
#content #row3 .col2 ul li a {
	display: block;
	padding: 4px 0;
}
.edit {
	clear: both;
	float: right;
	font-size: 10px;
	padding: 4px;
	border: 1px solid #4C4535;
}
#content #postcontent{
	clear: both;
}
#content #postcontent p {
	margin: 10px;
	line-height: 20px;
}
/* End Styling */


/* Structure */
.fleft {
	float: left;
}
.fright {
	float: right;
}
.cleft {
	clear: left;
}
.cright {
	clear: right;
}
.cboth {
	clear: both;
}
#page{
	width: 100%;
}
#ground {
	width: 100%;
	height: 275px;
}
#ground,#clouds,#space {
	z-index: -1;
}
#header {
	width: 960px;
	margin: 0 auto;
}
#page>div>div{
	z-index: 1;
}
#header #logo {
	width: 620px;
	float: left;
}
#header #description {
	width: 320px;
	float: left;
	margin-top: 30px;
	
}
#header #description p {
	width: 310px;
}
#content {
	width: 880px;
	margin: 0 auto;
	position: relative;
	top: -30px;
	clear: both;
}
#content>div {
	width: 100%;
}
#content .col1 {
	width: 530px;
	float: left;
	margin-bottom: 30px;
}
#content .col2 {
	width: 340px;
	float: right;
	margin-bottom: 30px;
}
#content .onecol{
	width: 880px;
	float: left;
}
#content .col1 hr {
	float: left;
	clear: both;
	margin-left: 40px;
	width: 475px;
}
#content .col2 hr {
	float: left;
	clear: both;
	margin-left: 70px;
	width: 250px;
}
#content h2 {
	float: left;
}
#content .col1 a {
	display: block;
	float: left;
}
#content .col1 a#featuredimage{
	clear: left;
}
#content .col1 #featuredinfo,#content .col1 #featureddetails {
	margin-left: 32px;
	}
#content #featuredinfo,#content #featureddetails {
	float: left;
	clear: both;	
	list-style: none;
	width: 475px;
}
#content ul#featuredinfo li,#content ul#featureddetails li {
	
}
#content ul .left {
	float: left;
	text-align: left;
}
#content ul .center {
	position: relative;
	margin: 0 auto;
	text-align: center;
}
#content ul .right {
	float: right;
}
#content #featuredinfo li {
	width: 33%;
}
#content #featureddetails li {
	width: 50%;
}
#content .col2 p {
	width: 250px;
	padding-left: 70px;
	float: left;
	clear: left;	
}
#content .onecol .portitem {
	width: 30%;
	padding-left: 20px;	
	float: left;	
}
#content .onecol .portitem h4,#content .onecol .portitem em{
	float: right;
	clear: both;
}
#content form#contact {
	width: 510px;
	height: 250px;
}
#content form#contact>div {
	text-align: right;
	border: 0;
}
#content form#contact #name,#content form#contact #response,#content form#contact select,#content form#contact #spam,#content form#contact #message {
	margin: 2px 5px;
}
#content form#contact #subject {
	display: none;
}
#content #row3 .col2 ul {
	clear: both;
}
#clouds {
	width: 100%;
	height: 200px;
	clear: both;
	float: left;
	position: relative;
	margin-top: -750px;
}
#space {
	width: 100%;
	height: 500px;
	clear: both;
	float: left;
	position: relative;
	margin-top: -500px;
}
#row3>* {
	color: #383325;
	font-style: italic;
}

/* End Structure */

/* Typography */

body {
	color: #4C4535;
	font-family: "Trebuchet MS","Tahoma","Arial";
	font-size: 13px;
}
#header {
	color: #9E8065;
}
#header #description p {
	line-height: 18px;
}
#header #description strong {
	text-transform: uppercase;
	color: #BBA895;
	font-family: "Impact";
	font-weight: normal;
	font-size: 16px;
	position: relative;
	top: 2px;
}
#content em {
	font-size: 12px;
}
a:link, a:visited {
	color: #4C4535;
	text-decoration: none;
}
a:active, a:hover {
	color: #4C4535;
	text-decoration: underline;
}
h1,h2,h3,h4,h5 {
	font-weight: bold;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 16px;
	letter-spacing: -1px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}

/* End Typography */

/* HTML Elements */

ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul,ol{
	margin-left: 20px;
}
ul li {
	padding: 2px 0;
}
hr {
	border: 0;
}
/* End HTML Elements */