@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding: 0;border: 0; font-size:100%; font:inherit; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* Dotted lines for a tag in forefox off Ppease */
a:active { outline: none; }
/* idae for lower - -moz-outline-style: none; */
a:focus { outline: none; }
/* Is there really no javascript around? */
div#noJavascript { width:100%; height:55px; text-align:center; font-size:36px; background:#F00;}
/* Template specific CSS - We call it - Magdalena´s special */
html 									{ font-family:Arial, Helvetica, sans-serif; }
body 									{ width:1034px; height:748px; margin:0 auto; background-color:#CCC;  }
h1 										{ display:none; }
a										{ cursor:pointer; }
.hideme									{ display:none; }
.notext									{ font-size:1px; text-indent:-9999px; }
#mainWrapper 							{ width:1024px; height:748px; margin:0 auto; padding-top:21px; padding-left:34px; padding-bottom:40px; padding-right:25px; background:url(../images/shadow3.png) no-repeat top left; }
#wrapper								{ width:1024px; height:748px; margin:0 auto; position:relative;  }
#header 								{ height:108px; width:100%; background:black; position:relative; }
#header a#cv 							{ width:66px; height:65px; display:block; float:right; background:url(../images/header/cv.png) 0px 0px no-repeat; margin-top:22px; margin-right:22px; }
#header a#cv:hover						{ background-position:0px -65px; }
#header #logo							{ height:108px;; width:248px; float:left; }
#header #logo a 						{ display:block; width:165px; height:64px; background:url(../images/header/logo.png) no-repeat; margin-top:32px; margin-left:22px; }
#header #topnav 						{ color:white; width:auto; height:100%; float:left; margin-left:60px; font-size:24px; }
#header #topnav ul 						{ list-style:none; margin-top:47px; }
#header #topnav ul li 					{ float:left; }
#header #topnav ul li.pushRight 		{ margin-right:90px; }
#header #topnav ul li a 				{ color:#fff; text-decoration:none; cursor:pointer; }
#header #topnav ul li a:hover, #topnav ul li a.selected { text-decoration:underline !important; color:#ccc; }
#content 								{ height:532px; width:100%; margin-top:0px; position:relative; background:url(../images/content/intro.jpg) no-repeat; background-position:0px 3px; }
#content #box 							{ width:504px; height:399px; position:absolute; right:36px; bottom:62px; background:url(../images/content/box.jpg) no-repeat; display:none; padding:20px 40px 20px 40px; }
#content #box a.leftArrow 				{ display:block; width:74px; height:74px; background:url(../images/content/box/arrowLeftSilver.png) 0px -74px no-repeat; position:absolute; top:176px; left:-34px; }
#content #box a.leftArrow:hover 		{ background-position:0px 0px; }
#content #box a.rightArrow 				{ display:block; width:74px; height:74px; background:url(../images/content/box/arrowRightSilver.png) 0px -74px no-repeat; position:absolute; top:176px; right:-34px; }
#content #box a.rightArrow:hover 		{ background-position:0px -0px; }
#content #box div						{ line-height:25px; font-size:18px; }
#content #box div p.slogan				{ font-size:20px; }
#content #box div h2 					{ font-size:30px; margin-bottom:10px; }
#content #box div h3 					{ font-size:20px; margin-bottom:20px; }
#content #box .skillBox					{ width:232px; height:300px; float:left; margin-left:16px; }
#content #box .skillBox .title			{ font-size:30px; margin:10px 0px 20px 0px; }
#content #box .skillBox .grey			{ color:#333; }
#content #box .skillBox	 ul				{ list-style:disc; list-style-image:url(../images/star2.png); line-height:30px; }
#content #box .skillBox	 ul	li			{ margin-left:16px; padding-left:16px; }
#content #box .skillBox #circle			{ background:url(../images/graph.png) no-repeat; width:167px; height:160px; position:absolute; bottom:20px; right:20px; }
#content #box .text3					{}
#content #box .text3 .title				{ font-size:30px; margin-bottom:18px; }
#content #box .text3 ul.technical		{ text-align:center; display:block; margin-bottom:34px; height:127px;}
#content #box .text3 ul.technical li	{ float:left; height:27px; width:160px; margin-right:8px; color:#fff; margin-bottom:8px; }
#content #box .text3 ul li.pos1			{ background-color:#cc2629;}
#content #box .text3 ul li.pos2			{ background-color:#91579e;}
#content #box .text3 ul li.pos3			{ background-color:#000000;}
#content #box .text3 ul li.pos4			{ background-color:#4c61a9;}
#content #box .text3 ul li.pos5			{ background-color:#d99231;}
#content #box .text3 ul li.pos6			{ background-color:#e6d336;}
#content #box .text3 ul li.pos7			{ background-color:#999;}
#content #box .text3 ul li.pos8			{ background-color:#86bc50;}
#content #box .text3 ul li.pos9			{ background-color:#6da8dd;}
#content #box .text3 ul li.pos10		{ background-color:#497f4b;}
#content #box .text3 ul li.pos11		{ background-color:#551e15;}
#content #box .text3 ul li.pos12		{ background-color:#1e1844;}
#content #box .text3 ul.facts			{ list-style:disc; margin-left:19px; }
#content #box .text3 ul.facts			{ }
#content #box a#hat						{ width:85px; height:56px; background:url(../images/gradHat.png) no-repeat; position:absolute; right:66px; bottom:115px; background-position:top left; }
#content #box a#hat:hover				{ background-position:0px -56px; }
#content #bigStage						{ width:531px; height:401px; display:none; background:url(../images/portfolio/bigStage.png) no-repeat; position:absolute; right:56px; top:26px; }
#content #bigStage a.leftArrow			{ display:block; width:66px; height:66px; background:url(../images/portfolio/woodArrowLeftColor.png) 0px -66px no-repeat; position:absolute; top:176px; left:-34px;}
#content #bigStage a.leftArrow:hover	{ background-position:0px 0px; }
#content #bigStage a.rightArrow 		{ display:block; width:66px; height:66px; background:url(../images/portfolio/woodArrowRightColor.png) 0px -66px no-repeat; position:absolute; top:176px; right:-34px; }
#content #bigStage a.rightArrow:hover 	{ background-position:0px 0px; }
#bigStage a.space						{ display:block; width:485px; height:359px; margin-left:24px; margin-top:19px; cursor:default; }
#content #bigStage .frame1 a			{ background:url(../images/portfolio/Thumbnails/halloWorldweb.jpg) no-repeat; }
#content #bigStage .frame2 a			{ background:url(../images/portfolio/Thumbnails/snookerWeb.jpg) no-repeat; }
#content #bigStage .frame6 a			{ background:url(../images/portfolio/Thumbnails/peugeotBlueWeb.jpg) no-repeat; }
#content #bigStage .frame4 a			{ background:url(../images/portfolio/Thumbnails/Photobook.png) no-repeat; }
#content #bigStage .frame5 a			{ background:url(../images/portfolio/Thumbnails/Python.jpg) no-repeat; }
#content #bigStage .frame3 a			{ background:url(../images/portfolio/Thumbnails/MovingEyes.jpg) no-repeat; }
#content #bigStage .frame7 a			{ background:url(../images/portfolio/Thumbnails/dadiPortfolio.jpg) no-repeat; }
#content #bigStage .frame8 a			{ background:url(../images/portfolio/Thumbnails/magdalena2.jpg) no-repeat; }
#content #bigStage a.playButton			{ display:block; width:61px; height:62px; background:url(../images/portfolio/play_button.png) no-repeat; position:absolute; left:255px; top:166px; }
#content #descriptionBox				{ color:#fff; width:295px; height:231px; position:absolute; left:63px; bottom:18px; margin-left:20px; display:none; line-height:22px; }
#content #descriptionBox .title			{ font-size:20px; width:80%; border-bottom:2px solid #fff; line-height:25px; margin-top:10px; }
#content #descriptionBox .description	{ margin-top:22px; font-size:18px; width:254px; }
#content #descriptionBox ul				{ list-style:none; position:absolute;left:0px; bottom:0px; margin-left:-20px; margin-bottom:5px; }
#content #descriptionBox ul li			{ float:left; margin-left:5px; width:72px; height:56px; }
#content #descriptionBox ul li a		{ display:block; width:72px; height:56px; }
#descriptionBox ul li a					{ cursor:default; }
#descriptionBox ul li a.design3D		{ background:url(../images/portfolio/Thumbnails/3d_Design.png) no-repeat; }
#descriptionBox ul li a.animation		{ background:url(../images/portfolio/Thumbnails/Animation.png) no-repeat; }
#descriptionBox ul li a.actionscript3	{ background:url(../images/portfolio/Thumbnails/actionScript3.png) no-repeat; }
#descriptionBox ul li a.actionscript2	{ background:url(../images/portfolio/Thumbnails/actionScript2.png) no-repeat; }
#descriptionBox ul li a.flash			{ background:url(../images/portfolio/Thumbnails/flash.png) no-repeat; }
#descriptionBox ul li a.photo			{ background:url(../images/portfolio/Thumbnails/photo.png) no-repeat; }
#descriptionBox ul li a.graphic			{ background:url(../images/portfolio/Thumbnails/GraphicDesign.png) no-repeat; }
#descriptionBox ul li a.logoDesign		{ background:url(../images/portfolio/Thumbnails/logoDesign.png) no-repeat; }
#descriptionBox ul li a.ui				{ background:url(../images/portfolio/Thumbnails/ui.png) no-repeat; }
#content #frame a 						{ display:block; width:384px; height:443px; background:url(../images/content/meFramed.png) 0px 0px no-repeat; position:absolute; top:53px; left:14px; display:none; }
#content #frame a:hover 				{ background-position:0px -443px; }
#content #sign 							{ color:#FFF; display:block; height:304px; width:432px; padding:20px; background:url(../images/content/sign.png) no-repeat; display:none; position:absolute; right:39px; bottom:3px; }
#content #sign a.envelope				{ display:block; height:54px; width:82px; position:absolute; right:36px; bottom:79px; background:url(../images/content/envelope.png) 0px 0px no-repeat; }
#content #sign a.envelope:hover			{ background-position:0px -54px; }
#content #sign h2 						{ font-size:28px; margin: 14px 0px 39px 20px; }
#content #sign p						{ font-size:20px; margin-left:20px; }
#footer 								{ height:108px; width:100%; background:black; }
#footer #social 						{ width:138px; float:right; margin-right:15px; margin-top:34px; }
#footer ul#socialMedia 					{ color:#fff; list-style:none; }
#footer ul#socialMedia li 				{ float:left; width:39px; height:39px; margin-right:7px; }
#footer ul#socialMedia li a.linkedIn 	{ display:block; width:39px; height:39px; background:url(../images/footer/inSmaller.png) no-repeat; }
#footer ul#socialMedia li a.delicious 	{ display:block; width:39px; height:39px; background:url(../images/footer/dSmaller.png) no-repeat; }
#footer ul#socialMedia li a.twitter 	{ display:block; width:39px; height:39px; background:url(../images/footer/twitterSmaller.png) no-repeat; }
#footer ul#socialMedia li a.picasa 		{ display:block; width:39px; height:39px; background:url(../images/footer/picasaSmaller.png) no-repeat; }
#footer ul#socialMedia li a.favourites 	{ display:block; width:39px; height:39px; background:url(../images/footer/fav.png) no-repeat; }
#footer ul#socialMedia li a.validate 	{ display:block; width:39px; height:39px; background:url(../images/footer/tick.png) no-repeat; cursor:crosshair; }
#validate  								{ background:url(../images/footer/validator.png) no-repeat; width:174px; height:110px; position:absolute; bottom:75px; right:57px; }
#footer #share 							{ width:100px; height:100px; float:left; margin-top:34px; margin-left:22px;}
/* Shadowbox - Rock 'n Roll */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container							{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay								{position:relative;height:100%;width:100%;}
#sb-wrapper								{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner						{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body								{position:relative;height:100%;}
#sb-body-inner							{position:absolute;height:100%;width:100%;}
#sb-player.html							{height:100%;overflow:auto;}
#sb-body img							{border:none;}
#sb-loading								{position:relative;height:100%;}
#sb-loading-inner						{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span					{background:url(../images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading					{background-color:#060606;}
#sb-title,#sb-info						{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner							{font-size:16px;}
#sb-info,#sb-info-inner					{height:20px;line-height:20px;}
#sb-info-inner							{font-size:12px;}
#sb-nav									{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a								{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close							{background-image:url(../images/shadowbox/close.png);}
#sb-nav-next							{background-image:url(../images/shadowbox/next.png);}
#sb-nav-previous						{background-image:url(../images/shadowbox/previous.png);}
#sb-nav-play							{background-image:url(../images/shadowbox/play.png);}
#sb-nav-pause							{background-image:url(../images/shadowbox/pause.png);}
#sb-counter								{float:left;width:45%;}
#sb-counter a							{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current		{text-decoration:underline;}
div.sb-message							{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
/*
 * FancyBox - jQuery Plugin
 * ocumentation at: http://fancybox.net
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * Version: 1.3.4 (11/11/2010)
 * Requ: jQuery v1.3+
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox/fancybox.png'); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden;  z-index: 1102; border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../images/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../images/fancybox/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png'); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png'); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -182px;  }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png'); background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png'); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url('../images/fancybox/fancy_title_over.png'); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../images/fancybox/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat; }