html, body
{
	height: 100%;
}

body
{
	font: normal 13px/normal tahoma, arial, sans-serif;
	color: #999;
	background: #000 url('../img/bg.gif') repeat 0 0;
	padding: 0;
	margin: 0;
}

ul, ol, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a, ../img
{
	border: 0;
	padding: 0;
	margin: 0;
}
ul 			{ list-style-type: none; }

p			{text-align:justify;}

a 			{ text-decoration: none; color: #7fc011; outline: 0; }
a:hover 	{ text-decoration: underline; }

a img		{ border: none; }

acronym		{ cursor: help; }

h1			{ display: none; }

.pngFix a,
.flyer a  	{ position: relative; z-index: 999; }
.cleaner	{ height: 0; line-height: 0; clear: both; }
#logo		{ display: none; }


/*
 * main
*/

#main
{
	width: 100%;
	height: 100%;
	background: transparent url(../img/area.jpg) no-repeat center center;
	position: relative;
}
	#main-inner
	{
		width: 354px;
		height: 404px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -180px 0 0 -190px;
	}
		ul#nav
		{
	width: 210px;
	overflow: hidden;
	position: absolute;
	top: 13px;
	left: 58px;
		}
			ul#nav li
			{
				text-indent: -9999px;
				display: inline;
			}
				ul#nav li a
				{
					width: 50%;
					height: 19px;
					background: transparent no-repeat top left;
					display: inline;
					float: left;
					margin: 0 15px;
				}
				ul#nav li a#about	{ width: 64px; background-image: url('../img/nav_about.gif'); }
				ul#nav li a#work	{ width: 53px; background-image: url('../img/nav_work.gif'); }
				ul#nav li a:hover	{ background-position: left bottom; }
				ul#nav li a:active	{ background-position: 0 1px; }

		#copyright
		{
			width: 380px;
			font-size: 11px;
			text-align: center;
			line-height: 22px;
			color: #555;
			position: absolute;
			bottom: -40px;
			left: 0;
		}
			#copyright a		{ text-decoration: underline; color: #777; }
			#copyright a:hover	{ text-decoration: none; }

			a#lang			{ text-decoration: none; }
			a#lang:hover	{ color: #fff; }
			
#mainE
{
	width: 100%;
	height: 100%;
	background: transparent url(../img/area.jpg) no-repeat center center;
	position: relative;
}
	#mainE-inner
	{
		width: 354px;
		height: 404px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -180px 0 0 -190px;
	}
		ul#navE
		{
	width: 210px;
	overflow: hidden;
	position: absolute;
	top: 13px;
	left: 58px;
		}
			ul#navE li
			{
				text-indent: -9999px;
				display: inline;
			}
				ul#navE li a
				{
					width: 50%;
					height: 19px;
					background: transparent no-repeat top left;
					display: inline;
					float: left;
					margin: 0 15px;
				}
				ul#navE li a#aboutE	{ width: 64px; background-image: url('../img/nav_aboutE.gif'); }
				ul#navE li a#workE	{ width: 53px; background-image: url('../img/nav_workE.gif'); }
				ul#navE li a:hover	{ background-position: left bottom; }
				ul#navE li a:active	{ background-position: 0 1px; }
				
				

#twitter-corner
{
	width: 148px;
	height: 92px;
	background: transparent url('../img/spainflag.gif') no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
}
	#twitter-corner a
	{
		height: 100%;
		text-indent: -9999px;
		display: block;
	}
	#twitter-corner b
	{
		color: #ccc;
	}
	#twitter-corner .twitter-info
	{
		font-size: 11px;
		text-align: center;
		line-height: 15px;
		text-indent: 0;
		display: none;
	}

/*
 * content
*/

#content
{
	width: 100%;
	background: #000 url('../img/bg.gif') repeat 0 0;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
	#content-inner-1
	{
		width: 600px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		display: none;
		position: relative;
		margin: 0 auto;
	}
		#content-inner-2
		{
			background: transparent url('../img/content_header.jpg') no-repeat 100px top;
			padding: 85px 0 200px;
		}
			.footer-about	{ background: transparent url('../img/content_footer1.jpg') no-repeat 50px bottom; }
			.footer-work	{ background: transparent url('../img/content_footer2.jpg') no-repeat 0 bottom; }

			#content-about,
			#content-work	{ width: 100%; overflow: hidden; display: none; }
			
	 #contentE-inner-1
	{
		width: 600px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		display: none;
		position: relative;
		margin: 0 auto;
	}
		#contentE-inner-2
		{
			background: transparent url('../img/content_header.jpg') no-repeat 100px top;
			padding: 85px 0 200px;
		}
			.footer-about	{ background: transparent url('../img/content_footer1.jpg') no-repeat 50px bottom; }
			.footer-work	{ background: transparent url('../img/content_footer2.jpg') no-repeat 0 bottom; }

			#content-about,
			#content-work	{ width: 100%; overflow: hidden; display: none; }


/* close button */

	#close
	{
		width: 74px;
		height: 26px;
		display: block;
		text-indent: -9999px;
		background: transparent url('../img/close.gif') no-repeat 0 0;
		position: absolute;
		top: 0;
		right: 0;
	}
	#close:hover	{ background-position: 0 bottom; }
	#close:active	{ background-position: 0 -1px; }


/* content */

	#content h2
	{
		height: 22px;
		text-indent: -9999px;
		background: transparent no-repeat right 0;
		margin: 5px 0 15px;
	}
	#content h2.about-me	{ background-image: url('../img/heading_about.gif'); }
	#content h2.skills		{ background-image: url('../img/heading_skills.gif'); }
	#content h2.contact		{ background-image: url('../img/heading_contact.gif'); }

	#content h3
	{
		font: normal 18px/27px "trebuchet ms", "lucida console", tahoma, sans-serif;
		color: #7fc011;
		margin: 0 0 5px;
	}

	#content p
	{
		word-spacing: 2px;
		line-height: 20px;
		margin: 0 0 10px;
	}
		#content p+p			{ text-indent: 25px; }
		#content p.no-indent	{ text-indent: 0; }
		#content p.grey			{ color: #666; }

	#content b 		{ color: #eee; }
	#content i 		{ color: #eee; }
	#content strike	{ color: #666; }
	#content small	{ font-size: 85%; }

	#content a.more-link 			{ font-variant: small-caps; text-transform: lowercase; } 
	#content a.more-link span.less 	{ display: none; }
		#content a.more-link i		{ color: #7fc011; }

	#content ul li
	{
		background: transparent url('../img/list_item.gif') no-repeat 0 3px;
		padding: 0 0 0 25px;
		margin: 0 0 5px;
	}

	#content .more-box		{ display: none; }

	#content .skill-extra
	{
		width: 190px;
		float: right;
		background: transparent url('../img/line_vertical.gif') repeat-y 0 0;
		padding: 5px 0 0 15px;
		margin: 40px 0 0;
	}
	#content .skill-extra p { text-indent: 0; }

	#content .contact-info
	{
		width: 242px;
		height: 103px;
		background: transparent url('../img/paper_bg.gif') no-repeat 0 0;
		float: left;
		padding: 18px 0 0 0;
	}
		#content .contact-info dl dt,
		#content .contact-info dl dd	{ margin: 0 0 8px; }
		#content .contact-info dl dt
		{
			width: 25%;
			font-weight: bold;
			text-align: right;
			color: #000;
			float: left;
			clear: left;
		}
		#content .contact-info dl dd
		{
			width: 72%;
			float: right;
			clear: right;
		}
		#content .contact-info dl dd,
			#content .contact-info dl dd a	{ color: #538301; }

	#content .social-info
	{
		float: left;
		margin: 0 0 0 20px;
	}
		#content .social-info p { text-indent: 0; }

		#content .social-info ul li				{ padding: 0 0 2px 20px; }
		#content .social-info ul li.facebook	{ background-image: url('../img/icon_facebook.gif'); }
		#content .social-info ul li.lastfm		{ background-image: url('../img/icon_lastfm.gif'); }
		#content .social-info ul li.deviantart	{ background-image: url('../img/icon_deviantart.gif'); }
		#content .social-info ul li.digg		{ background-image: url('../img/icon_digg.gif'); }

			#content .social-info ul li a			{ color: #8f8f8f; }

	#content form#contact-form
	{
		margin: 30px 0 0;
	}
		#content form#contact-form p#contact-response
		{
			font-size: 11px;
			font-weight: bold;
			text-indent: 0;
			display: none;
		}
			#content form#contact-form p#contact-response span.red		{ color: #bb0000; }
			#content form#contact-form p#contact-response span.green	{ color: #538301; }

		#content form#contact-form textarea
		{
			width: 95%;
			height: 100px;
			font: normal 13px/27px georgia, "times new roman", garamond, serif;
			color: #666;
			background: #000 url('../img/textarea_bg.gif') repeat 0 0;
			border: 1px solid #090909;
			border-right: 1px solid #252525;
			border-bottom: 1px solid #252525;
			overflow: auto;
			padding: 3px 10px;
		}
		#content form#contact-form textarea:focus { background-image: url('../img/textarea_bg_focus.gif'); }

		#content form#contact-form .submit
		{
			font-size: 11px;
			color: #535353;
			float: right;
			margin: 10px 0 0;
		}
			#content form#contact-form .submit b { color: #999; }

			#content form#contact-form .submit input
			{
				width: 75px;
				height: 28px;
				border: none;
				background: transparent url('../img/form_button.gif') no-repeat 0 0;
				cursor: pointer;
				margin: 0 0 0 10px;
			}
			#content form#contact-form .submit input:hover	{ background-position: 0 bottom; }
			#content form#contact-form .submit input:active { background-position: 0 1px; }

	#content .wrap
	{
		width: 100%;
		background: transparent url('../img/content_bg.jpg') no-repeat 0 0;
		overflow: hidden;
		padding: 40px 0 0;
	}
		#content .wrap .left	{ width: 20%; overflow: hidden; float: left; }
		#content .wrap .right	{ width: 75%; overflow: hidden; float: right; }

	#content ul.work-list
	{
		width: 120%;
		overflow: hidden;
		padding: 20px 0 0;
	}
		#content ul.work-list li
		{
			width: 140px;
			background: transparent url('../img/list_hr.gif') repeat-x bottom left;
			display: block;
			float: left;
			padding: 0 5px 10px;
			margin: 0 73px 10px 0;
		}
			#content ul.work-list li a
			{
				color: #999;
			}
			#content ul.work-list li a:hover
			{
				text-decoration: none;
				color: #fff;
			}
			#content ul.work-list li.selected a
			{
				font-weight: bold;
				color: #7fc011;
			}
	#content a.button
	{
		height: 33px;
		background: transparent url('../img/button_bg.gif') no-repeat 0 0;
		cursor: pointer;
		display: block;
		float: right;
	}
		#content a.button span
		{
			height: 100%;
			font-size: 12px;
			font-variant: small-caps;
			text-transform: lowercase;
			line-height: 20px;
			color: #999;
			background: transparent url('../img/button_corner.gif') no-repeat right 0;
			display: block;
			float: left;
			padding: 0 10px;
		}
		#content a.button:hover span
		{
			text-decoration: none;
			color: #fff;
		}
	#content a.button:hover
	{
		text-decoration: none;
	}
		#content a.button:active span			{ padding-top: 1px; }
		#content a.button-selected span			{ color: #7fc011; }
		#content a.button-selected:hover span	{ color: #7fc011; }

	#content a.button-way
	{
		width: 35px;
		height: 34px;
		text-indent: -9999px;
		background: transparent no-repeat 0 0;
		float: right;
	}
	#content a.button-way:hover		{ background-position: 0 -34px; }
	#content a.button-way:active	{ background-position: 0 1px; }
	#content a#work-prev
	{
		background-image: url('../img/button_prev.gif');
	}
	#content a#work-next
	{
		background-image: url('../img/button_next.gif');
	}

	#content .item-box
	{
		min-height: 320px;
		height: auto !important;
		height: 320px;
		background: transparent no-repeat right 65px;
		display: none;
		padding: 30px 280px 0 0;
	}
		
	


/*
 * flyers
*/

.flyer
{
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent no-repeat 0 0;
	position: absolute;
}	

.freelance-availability
{
	width: 243px;
	height: 154px;
	background-image: url('../img/flyer_freelance_available.png');
	top: -70px;
	left: -99px;
}
.new-project
{
	width: 138px;
	height: 77px;
	background: url('../img/flyer_new_project.png');
	top: 60px;
	left: 320px;
}
.new-projects-working
{
	width: 226px;
	height: 96px;
	background: url('../img/flyer_new_projects_working.png');
	top: 25px;
	left: 278px;
}
.whos-that-guy
{
	width: 126px;
	height: 88px;
	background: url('../img/flyer_whos_that_guy.png');
	right: -130px;
	margin: 100px 0 0;
}
.constant-learning
{
	width: 241px;
	height: 81px;
	background: url('../img/flyer_constant_learning.png');
	right: -20px;
	margin: 125px 0 0 0;
}
.select-category
{
	width: 173px;
	height: 42px;
	background: url('../img/flyer_select_category.png');
	right: 0;
	margin: 0 150px 0 0;
}
.wires
{
	width: 130px;
	height: 110px;
	background: url('../img/flyer_wires.png');
	left: 40px;
	margin: 85px 0 0 0;
}
.choose-from-list
{
	width: 305px;
	height: 39px;
	background: url('../img/flyer_choose_from_list.png');
	left: 30px;
	margin: -15px 0 0;
}
.my-role
{
	width: 69px;
	height: 71px;
	background: url('../img/flyer_module.png');
	left: 180px;
	margin: 0;
}
.my-module
{
	width: 69px;
	height: 71px;
	background: url('../img/flyer_my_role.png');
	left: 310px;
	margin: 0;
}
.my-role-modu
{
	margin-top: -35px;
}

.my-role-mod
{
	margin-top: -35px;
}
.twitter-info
{
	width: 323px;
	height: 56px;
	background: url('../img/flyer_twitter_info.png');
	top: 50px;
	right: 65px;
	padding: 10px 40px 0 20px;
}