/* =================================================== */
/* NARCISSISM */
/* Created by David Frey on November 7, 2006 */
/* =================================================== */
html {
	color: white;
	background: #005579 url('/images/intuitiveye_body_bg.png') 0 10%;
	margin: 0
}
body {
	/*background: #1d5e89 url('/images/tangent.png') no-repeat 100px 60px;*/
	margin: 0
}
#horizon {
	color: white;
	background: url('/images/barback.png') repeat-x bottom;
	text-align: center;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 105px;
	overflow: visible;
	visibility: visible;
	display: block
}
	
#content {
	font-family: Verdana, Geneva, Arial, sans-serif;
	margin-left: -338px;
	position: absolute;
	top: -187px;
	left: 50%;
	width: 690px;
	height: 290px;
	visibility: visible;
	background: url('/images/personality.png') no-repeat bottom right;
}
* html #content {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="personality_forIE.png", sizingMethod="crop")
}







div.bodytext ul a {
	display: block;
	float: left;
	height: 1.5em;
}
div.bodytext ul a:link {
	color: #fff;
	text-decoration: none
}
div.bodytext ul a:visited {
	color: #fff;
	text-decoration: none
}
div.bodytext ul a:hover {
	color: #fff200;
	text-decoration: none
}
		
ul {
	margin-left: 0;
	margin-top: 3em;
	padding-top: 19px;
	padding-left: 0;
	height: 125px;
	background: url('/images/listbackground.png') no-repeat
}
* html ul {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/listbackground.png", sizingMethod="crop")
}
li {
	font-size: .8em;
	color: #fff;
	list-style: none;
	text-align: left;
	vertical-align: bottom;
	margin-left: 2.5em;
	padding-top: 6px;
	padding-left: 33px;
	height: 25px;
}
li#accessibility {
	background: url('/images/icon_accessibility.png') no-repeat;
}
* html li#accessibility {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="icon_accessibility.png", sizingMethod="crop")
}
li#developer {
	background: url('/images/icon_developer.png') no-repeat;
}
* html li#developer {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="icon_developer.png", sizingMethod="crop")
}
li#designer {
	background: url('/images/icon_designer.png') no-repeat;
}
* html li#designer {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="icon_designer.png", sizingMethod="crop")
}

div.bodytext {
	text-align: left;
	color: #999;
}
body.portfolio div.bodytext,
body.contact div.bodytext {
	font-size: .7em;
	margin-right: 300px;
	margin-left: -60px;
	background: url('/images/transparentBack_top.png') no-repeat
}
body.portfolio div.bodytext div.container,
body.contact div.bodytext div.container {
	padding: 20px 0;
	background: url('/images/transparentBack_bottom.png') no-repeat bottom
}
* html body.portfolio div.bodytext,
* html body.contact div.bodytext {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="transparentBack_top.png", sizingMethod="crop")
}
* html body.portfolio div.bodytext div.container,
* html body.contact div.bodytext div.container {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="transparentBack_bottom.png", sizingMethod="crop")
}
body.portfolio div.bodytext div.container div.extender,
body.contact div.bodytext div.container div.extender {
	padding: 0 20px 10px 20px;
	background: url('/images/transparentBack_repeat.png') repeat-y
}
div.bodytext h1,
div.bodytext h2,
div.bodytext h3 {
	font-family: Arial, sans-serif;
	margin-top: 0;
	clear: both
}
div.bodytext h1 {
	font-size: 1.4em
}
div.bodytext h2 {
	font-size: 1.2em;
	background: #eee;
	margin-bottom: .5em
}
div.bodytext h3 {
	font-size: 1em;
	margin-bottom: 0
}
div.bodytext p {
	margin-top: 0
}
p.notice {
	font-style: oblique;
	margin: 0 auto;
	margin-top: 3em;
}
input#code {
	display: block;
	float: left;
	margin: 0;
	padding: 0 10px 0 10px;
	border: none;
	width: 100px;
	height: 19px;
	background: url('/images/input_right.png') no-repeat right;
}
* html input#code {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="input_right.png", sizingMethod="crop")
}
form#secret label {
	display: block;
	float: left;
	width: 35px;
	height: 19px;
	text-align: right;
	background: url('/images/input_left.png') no-repeat
}
* html form#secret label {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="input_left.png", sizingMethod="crop")
}
input#code, form#secret label {
	padding-top: 6px;
	font-size: 10px
}
form#secret {	
	height: 30px;
	padding: 20px 0 0 35px;
	margin: 0;
}
div#form {
	text-align: left;
}
input#whisper {
	margin-left: 10px;
}
p#message {
	float: left;
	width: 300px;
	text-align: left;
	margin-top: 220px;
}
#footer {
	position: absolute;
	top: 275px;
	left: 0;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: .75em;
	width: 690px;
	visibility: visible
}

body.portfolio div#footer,
body.contact div#footer {
	text-align: left;
	position: absolute;
	top: 110px;
	left: 50%;
	margin: 0 0 0 50px;
	width: 400px
}


#footer p.signature {
	font-family: Verdana, Geneva, Arial, sans-serif;
	margin-top: 20px;
	
	
}
div#footer span.name {
	font-size: 1.2em
}
div#footer a {
	text-decoration: none;
}
div#footer a:link {
	color: #fff200;
}
div#footer a:visited {
	color: #aca100;
}
div#footer a:hover {
	color: #6699cc;
}
div#reward {
	margin-top: 300px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: .7em;
	text-align: left;
}
div#reward p.edge {
	text-align: left;
	float: left;
	width: 300px;
	height: 150px;
	padding-top: 90px;
	padding-left: 20px;
	background: url('/images/edgeDesign.png') no-repeat;
}
* html div#reward p.edge {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="edgeDesign.png", sizingMethod="crop")
}
p.clear {
	clear:both;
	margin-bottom: -1em
}
span.more {
	font-size: .95em;
	font-style: oblique;
	color: #bdcc1c
}







div#masthead {
	font-family: Arial, sans-serif
}
div#masthead h1,
div#masthead p.contact {
	font-size: 1.8em;
	color: #fff;
	margin: 0;
	padding-left: 40px
}
div#masthead h1.signature {
	background: url('/images/signature.png') no-repeat;
	width: 300px;
	height: 57px;
	margin-bottom: -15px;
	text-indent: -9999px
}
* html div#masthead h1.signature {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/signature.png", sizingMethod="crop")	
}
div#masthead p.contact {
	font-size: .7em;
	color: #6699cc;
	margin-left: 60px;
	margin-bottom: .5em
}
div#masthead p.contact span.phone {
	display: block;
	float: left
}
div#masthead p.contact a.e {
	display: block;
	float: left;
	width: 22px;
	height: 12px;
	margin-top: 2px;
	margin-left: .5em;
	text-indent: -9999px;
	outline: none;
	background: url("/images/mailIcon.png") no-repeat 0 -1px
}


#content em {
	clear: both;
	color: #6699cc;
	font-size: .9em;
	text-align: left;
	display: block;
	padding-top: 0;
	padding-left: 40px
}


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

body.portfolio div#nav,
body.contact div#nav {
	position: absolute;
	margin-top: -35px;	
}
body.portfolio div#nav a:link,
body.contact div#nav a:link {
	color: #fff	
}
body.portfolio div#nav a:visited,
body.contact div#nav a:visited {
	color: #fff	
}
body.portfolio div#nav a:hover,
body.contact div#nav a:hover {
	color: #fff200
}

body.portfolio h1 {
	padding-top: 90px	
}

body.portfolio h1.c-accessibility {
	background: url("/images/hdAccessibility.png") no-repeat
}
body.portfolio h1.c-development {
	background: url("/images/hdDeveloper.png") no-repeat
}
body.portfolio h1.c-illustrator {
	background: url("/images/hdIllustrator.png") no-repeat
}

* html body.portfolio h1.c-accessibility {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hdAccessibility.png", sizingMethod="crop")	
}
* html body.portfolio h1.c-development {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hdDeveloper.png", sizingMethod="crop")	
}
* html body.portfolio h1.c-illustrator {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hdIllustrator.png", sizingMethod="crop")	
}

/*----------- CONTACT -----------*/
body.contact form div {
	margin: .5em 0 .5em 25px
}
body.contact form label {
	display: block;
	float: left;
	width: 80px;
	padding-top: .4em
}
body.contact form input.text {
	width: 275px
}
body.contact form textarea {
	display: block;
	width: 355px;
	height: 8em;
	margin-top: .5em
}
body.contact form div.submit {
	text-align: right;
	margin-right: 25px
}




img.thumb {
	position: relative;
	z-index: 20;
	border: none;
	float: right;
	margin: 0 .75em 0 1.5em
}