* {
   padding:0;
   margin:0;
}
body {
	text-align: center;
	margin: 0;
	color: #d2d5df;
	font-family:Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #21242B;
}
.center {
	width: 825px;
	margin: 0 auto;
	text-align: left;
}
#header {
	background: url('../images/bg_header.jpg') repeat-x;
	width: 100%;
	height: 171px;
	border-bottom: 1px solid #5a656b;
}
#portfolio {
	background: url('../images/bg_strip3.jpg') center repeat-x #03060B;
	width: 100%;
	height: 457px;
	border-bottom: 1px solid #111419;
}
#portfolio ul {
	margin: 0;
	list-style-type: none;
	padding: 0 0 0 0;
}
#portfolio ul li {
	float: left;
	margin: 17px 7px 0 12px;
	display: inline;
}
#portfolio ul li a {
	display: block;
}
#portfolio ul li a:link, #portfolio ul li a:visited {
	padding: 2px;
	border: 2px solid #515a60;
}
#portfolio ul li a:hover {
	border-color: #727781;
}
#portfolio ul li img {
	border: 0;
}
#mainContent {
	background: url('../images/bg_content.jpg') #21242B repeat-x;
	width: auto;
	height: 618px;
	border-top: 1px solid #515a63;

}
#mainContent .center {
	background: url('../images/bg_content_lines.gif') 0 44px no-repeat;
}
#header h1 a, #info h1 a {
	background: url('../images/ignician.jpg') no-repeat;
	display: block;
	border: 0;
	width: 169px;
	height: 170px;
	text-indent: -9000px;
	float: left;
}
#header h2 {
	display: inline;
	margin: 0;
	/*width: 320px;
	height: 24px;
	background: url('../images/heading_workoftayfun.jpg') no-repeat;
	text-indent: -9000px;*/
	margin: 134px 18px 0 0;
	float: right;
	font-weight: normal;
	font-size: 1.4em;
}
h3 {
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9000px;
	font-size: 14px
}
#whoThe, #projects, #contact {
	float: left;	
}
#whoThe {	width: 206px; }
#projects {	width: 212px; }
#contact {	width: 406px; }

#whoThe h3, #projects h3, #contact h3 {
	display: block;
	width: 206px;
	height: 34px;
	margin-top: 10px;
}
#whoThe h3 {
	background: url('../images/heading_whothe.jpg') 10px no-repeat;
}
#projects h3 {
	/*background: url('../images/heading_projects.jpg') 10px no-repeat;*/
	/*background: url('../images/heading_extras.jpg') 10px no-repeat;*/
	/*background: url('../images/heading_my_bookmarks.jpg') 10px no-repeat;*/
	background: url('../images/heading_contact.jpg') 10px no-repeat;
}
#contact h3 {
	background: url('../images/heading_contact.jpg') 10px no-repeat;
}
#whoThe p, #projects p, #contact p {
	line-height: 2.0em;
}
.hideIt {
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
}
#contactBox {
	background-color: #21242c;
	width: auto;
	height: 225px;
}
#contactBox p {
	float: left;
}
#contactBox input {
	float: right;
}
#contactBox .small {
	margin-top: 0;
	display:inline;
	color: #b8bbc5;
}
.pad14 {
	margin: 16px;
	clear: both;
}
.big { font-size: 12px; }


#delicious ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*border-top: 1px solid #3D4048;*/
}
#delicious ul li {
	list-style: none;
	margin: 3px 0 3px 0;
	padding: 0.25em;
	border-top: 1px solid #3D4048;
	background: url('../images/bullet.gif') no-repeat 0 5px; /* position of bullet from left then top */ 
	text-indent: 10px;
}
#delicious ul li a:link, #delicious ul li a:visited {
	text-decoration: none;
	color: #b5b7c0;
	font-size: 1.1em;
	display: block;
	line-height: 1.5em;
}
#delicious ul li a:hover {
	color: #fff;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
p {
	margin: 1.5em 0 1.5em 0;
}
label { 
	float: left; 
	clear: left;
	font-size: 12px;
	padding: 8px 0 8px 0;
	margin: 4px 0 4px 18px;	
	width: 82px;
}
input {
	width: 215px;
	margin-right: 18px;
}
input, textarea { 
	float: left;
	margin: 6px 14px 6px 0;
	background-color: #2e343b;
	border: 1px solid #3d4048;
	color: #fff;
	padding: 4px;
}
textarea {
	width: 329px;
	height: 119px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 18px;
}
form {
	margin: 0;
	padding: 0;
}
input.send-btn {
	width: 130px;
	height: 25px;
	background: url('../images/submit_button.jpg') no-repeat;
	outline: none;
	margin: 0 10px 14px 0;
	padding: 0;
	border: 0;
	width: 143px;
	height: 39px;
}
.sending-btn {
	width: 130px;
	height: 25px;
	background: url('../images/sending.jpg') no-repeat;
	outline: none;
	margin: 0 10px 14px 0;
	padding: 0;
	border: 0;
	width: 143px;
	height: 39px;
}
.sent-btn {
	width: 130px;
	height: 25px;
	background: url('../images/sent.jpg') no-repeat;
	outline: none;
	margin: 0 10px 14px 0;
	padding: 0;
	border: 0;
	width: 143px;
	height: 39px;
}
input.send-btn:hover {
	background: url('../images/submit_button.jpg') no-repeat 0 -39px;
}
#footer {
	clear: both;
	border-top: 1px solid #3e4047;

}
#footer p {
	float: left;
	font-size: 1.2em;
	padding-left: 18px;
	color: #727781;
}
#previewimageid {
	visibility: hidden;
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 0px;
	width: 1px;
	height: 1px;
}
#previewimageid h4 {
	font-size: 140%;
	border-bottom: 1px solid #87090a;
	margin: 0 0 10px 0;
	padding: 5px 0 10px 0;
	color: #FFF;
	text-shadow: #87090a 2px 2px 0;
	font-weight: bold;
}
#previewimageid p {
	margin: 0;
	float: left;
	text-align: left;
	width: auto;
}
#previewimageid img {
	border: 1px solid #515a60;
}
#previewimageid .client {
	font-size: 1.2em;
	margin: 0.8em 2px 0 2px;
	color: #d2d5df;
	display: block;
	width: 200px;
}
#previewimageid .description {
	padding: 4px 2px 6px 2px;
	color: #7e838c;
	display: block;
	width: 200px;
}



/*---------- PORTFOLIO PAGES --------------- */

html>#folioPage {
	background: url('../images/bg_folio.jpg') fixed repeat-x #21242B;
} /* ie faggotry */#folioPage {	background: url('../images/bg_folio.jpg') repeat-x #21242B; }

#folioPage #header {
	position: fixed;
	width: 200px;
}
#folioPage #portfolio {
	border: none;
}
#folioPage #mainContent {
	border: none;
}
#folioPage .center {
	width: 860px;
}
#info h1 a {
	margin: -30px 0 0 16px;
	width: 100%;
	clear: both;
	padding: 0;
	text-indent: 600px;
	display: block;
} html>body #info h1 a { margin: -30px 0 0 32px; }
#info h1 span {
	display: none;
}

#projectImages {
	float: left;	
	width: 477px;
	margin-top: 100px;
	/*margin-left: -14px;*/
	border-top: 1px solid #505962;
	background-color: #21242b;
	padding-bottom: 12px;
} html>body #projectImages { margin-left: 215px; }
#projectImages img {
	margin-left: 12px;
	margin-top: 12px;
	border: 1px solid #505962;
	padding: 1px;
}
/*-- credit radiantmars.com --*/
#infoWrap {
	height: 400px;
}

html>body #info{
	margin: 0 0 0 0px;
	width: 195px;
	text-align: right;
	position: fixed;
	padding: 30px 0 0 0;
	float: left;	
	/*border-right: 1px solid #505962;*/
	/*background: url('../images/bg_folio.jpg') repeat-x #21242B;*/
} /* IE Faggotry */ #info { float: left; margin: 0; width: 195px; text-align: right; padding: 30px 0 0 0px; }
#info h2{
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px solid #505b62;
	padding-bottom: 8px;
	font-size: 140%;
	margin: 0 0 10px 0;
}
#info p{
	margin: 0 0 0 0;
	padding: 0;
	line-height: 1.8;
	/*text-align: left;*/
}
#info dl{
	margin: 10px 0 0 0;
	padding: 0;
}
#info dt{
	color: #d2d5df;
	border-top: 1px solid #3d4048;
	padding-top: 10px;
	
}
#info dd{
	margin: 0 0px 10px 0;
	color: #8b919c;
}
#nav{
	margin: 0;
	padding: 0 0 0;
	/*border-top: 1px solid #505B62;*/
	float: left;
	width: 135px;
	clear: both;
}
#nav li{
	list-style: none;
	margin: 1px 0 0 0;
	padding: 0;
	float: left;
}
#nav li a:link, #nav li a:visited{
	border-top: 1px solid #2A2A2A;
	border-left: 1px solid #2A2A2A;
	background: #222;
	padding: 5px;
	display: block;
	float: left;
}
#nav li a:hover{}
#nav li.selected a:link, #nav li.selected a:visited{
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	background: #3D4048;
}
#nav li a img{
	width: 50px;
	height: 50px;
	border: 1px solid #444;
	padding: 1px;
	background: #000;
}
#nav li a:hover img{
	background: #8B919C;
}
#nav li.selected a img{
	border: 1px solid #666;
}
#nav li.selected a:hover img{
	background: #000;
}
p a:link, p a:visited {
	color: #8B919C;
}
p a:hover { color: #D2D5DF; }

html>body #folioLinks {
	position: fixed;
	margin: 100px 0 0 710px;
}
#folioLinks {
	margin: 100px 0 0 10px;
	float: left;
}


/*----- image links -------- */

.linkHome, .linkNext, .linkPrevious {
	float: left;
	display: block;
	text-indent: -9000px;
}	/* firefox faggotry??  -- */ html>body .linkHome, html>body .linkNext, html>body .linkPrevious { text-indent: 9000px; }
.linkHome {
	background: url('../images/home.jpg') 0 -62px no-repeat #ccc;
	width: 34px;
	height: 62px;
}
.linkPrevious {
	background: url('../images/previous.jpg') 0 -60px no-repeat #ccc;
	width: 26px;
	height: 60px;
}
.linkNext {
	background: url('../images/next.jpg') 0 -60px no-repeat #ccc;
	width: 26px;
	height: 60px;
}
.linkHome:hover, .linkPrevious:hover, .linkNext:hover {
	background-position: 0 0;
}
.mePic {
	border: 1px solid #505B62;
	padding: 1px; 
	margin: 4px 10px 2px 0;
	float: left;
}
.miniHeading {
	font-weight: bold; 
	font-size: 11px;
	clear: both;
	display: block;
}
.goLeft {
	float: left;
}
.goRight {
	float: right;
}

/*-------- premier icons page --------- */
#skyInfo {
	float: left;
	margin: 0 14px 0 14px;
	width: 116px;
}

.ajaxState {
	border: 1px solid #323B44; 
	background-color: #505962; 
	width: auto; 
	height: 38px; 
	margin-bottom: 16px;
	margin-top: 28px;
	display: none;
	color: #fff;
	top: 10px;
}