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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;	margin:0;	outline:0; padding:0; vertical-align:baseline; 
	font-family:inherit; font-size:100%; font-style:inherit;	font-weight:inherit;
}
:focus { outline:0; }

body {
	background:#FFF;
	color:#000;
	line-height:1;
}

ol,ul {
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption,th,td {
	font-weight:400;
	text-align:left;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}

body {
	background:url(../images/bg-body.png) no-repeat top left;
	color: #515151;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	position:relative;
}

html >body {
	position:inherit;
}

strong {
	font-weight:700;
}

em {
	font-style:italic;
}

a { 
	color:#0066CC;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

p {
	line-height:22px;
	margin-bottom:10px;
}

.bordered {
	border:1px solid #cfcfcf;
	padding:9px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.img-float-left {
	float:left;
	margin:0 20px 0 0;
}

.img-float-right {
	float:left;
	margin:0 0 0 20px;
}

.align-center {
	text-align:center;
}

.align-right {
	text-align:right;
}

.align-justify {
	text-align:justify;
}

.fixed:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.fixed {
	display:block;
}

/*  \*/.fixed {
	min-height:1%;
}

* html .fixed {
	height:1%;
}

#lighten {
	background:url(../images/bg-lighten.png) no-repeat bottom right;
	height:750px;
	width:751px;
	z-index:1;
}

* html #lighten {
	/*\*/position:absolute;
	bottom:expression((-298+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px');
	right:expression((0+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');
	/**/ ;
}

body >#lighten {
	position:fixed;
	right:0;
	bottom:0;
}

#container {
	background:url(../images/bg-container.png) no-repeat top left;
	height:360px;
	margin:100px auto 0;
	position:relative;
	width:680px;
	z-index:2;
}

#logo {
	position:absolute;
	left:40px;
	top:40px;
	width:120px;
	height:100px;
}

#logo a {
	background:url(../images/bg-logo.png) no-repeat top left;
	display:block;
	height:70px;
	text-indent:-9999px;
}

#nav {
	left:50px;
	position:absolute;
	top:200px;
}

#nav li a {
	color:#515151;
	display:block;
	font-size:17px;
	line-height:28px;
	padding-right:20px;
	text-align:right;
	text-decoration:none;
	width:108px;
}

#nav li a.active {
	background:url(../images/bg-nav-active.png) no-repeat center right;
}

#nav li a:hover {
	text-decoration:underline;
}

#container-inner {
	height:290px;
	overflow:hidden;
	position:absolute;
	right:40px;
	top:40px;
	width:440px;
}
#container-inner p, #container-inner li {
	line-height: 1.4em;
}
#container-inner ul {
	margin-bottom: 10px;
}

h4 {
	margin-bottom: 10px;
}
p.slogan {
	font-size: 1.1em;
	font-weight: lighter;
	letter-spacing: 1px;
	line-height: 1.6em;
}


#home {
	float:left;
	height:290px;
	overflow:hidden;
	position:relative;
	width:440px;
}
.twitter_container {
	font-size:12px;
	line-height:15px;
	width:100%;
	margin: 0 auto;
}
.twitter_status {
	height:47px;
	padding:5px 0 5px 0;
}
.twitter_image {
	float:left; 
	margin-right:5px;
	/*border:solid 1px #DEDEDE;*/
	width:42px;
	height:42px;
}
.twitter_post_info {
	font-size: 11px;
	font-weight: normal;
	float: right;
}


#about {
	float:left;
	height:290px;
	overflow:hidden;
	position:relative;
	width:440px;
}

img#my_picture { height: 122px; }

#works {
	float:left;
	height:290px;
	overflow:hidden;
	position:relative;
	width:440px;
}
#slider ul.slide-wrapper {
	background-color:#FFF;
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
}
#slider li.slide {
	background-color:#FFF;
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
	height:260px;
	width:440px;
}
.slide-items li {
	list-style:none;
/*display:inline;*/
	width: 220px;
	height:130px;
	float: left;
	margin:0 0 10px 0;
}
.slide-items li img.preview {
	display:block;
	float:left;
	height:115px;
	width:60px;
	padding:0px 10px 0px 0px;
}
.slide-items li a.first {
	margin-left:0;
}
.slide-items li strong {
	font-size: 14px;
}
.slide-items .interventions {
	font-size: 12px;
	float: left;
	height: 20px;
	width: 119px;
	padding:1px 0 0 21px;
}

.slide-items span {
   background: url('../images/logos.png') no-repeat top left;
}

span.i-consultant { background-position: 0 -22px; }
span.i-application_form { background-position: 0 -70px; }
span.i-creative_commons { background-position: 0 -108px; }
span.i-credit_cards { background-position: 0 -166px; }
span.i-css { background-position: 0 -214px; }
span.i-database { background-position: 0 -262px; }
span.i-database_migration { background-position: 0 -310px; }
span.i-document { background-position: 0 -358px; }
span.i-ecommerce { background-position: 0 -406px; }
span.i-feed { background-position: 0 -454px; }
span.i-geotag { background-position: 0 -502px; }
span.i-globe { background-position: 0 -550px; }
span.i-html { background-position: 0 -598px; }
span.i-linux { background-position: 0 -646px; }
span.i-magazine { background-position: 0 -694px; }
span.i-map { background-position: 0 -742px; }
span.i-map_marker { background-position: 0 -790px; }
span.i-multilanguage { background-position: 0 -838px; }
span.i-odata { background-position: 0 -886px; }
span.i-open-source { background-position: 0 -934px; }
span.i-openid { background-position: 0 -982px; }
span.i-opml { background-position: 0 -1030px; }
span.i-pda { background-position: 0 -1078px; }
span.i-php { background-position: 0 -1126px; }
span.i-plugin { background-position: 0 -1174px; }
span.i-presentation { background-position: 0 -1222px; }
span.i-printer { background-position: 0 -1270px; }
span.i-remote_assistance { background-position: 0 -1318px; }
span.i-ruby { background-position: 0 -1366px; }
span.i-seo_sem { background-position: 0 -1414px; }
span.i-server { background-position: 0 -1462px; }
span.i-servers_network { background-position: 0 -1510px; }
span.i-share { background-position: 0 -1558px; }
span.i-smartphone { background-position: 0 -1606px; }
span.i-subversion { background-position: 0 -1654px; }
span.i-television { background-position: 0 -1702px; }
span.i-terminal { background-position: 0 -1750px; }
span.i-vector { background-position: 0 -1798px; }
span.i-video { background-position: 0 -1846px; }
span.i-videocast { background-position: 0 -1894px; }
span.i-w3c { background-position: 0 -1942px; }
span.i-web_application { background-position: 0 -1990px; }
span.i-web_blog { background-position: 0 -2038px; }
span.i-web_design { background-position: 0 -2086px; }
span.i-wordpress { background-position: 0 -2134px; }
span.i-world { background-position: 0 -2182px; }
span.i-xhtml { background-position: 0 -2230px; }

.i-consultant:hover { background-position: 0 0; }
.i-application_form:hover { background-position: 0 -48px; }
.i-creative_commons:hover { background-position: 0 -96px; }
.i-credit_cards:hover { background-position: 0 -144px; }
.i-css:hover { background-position: 0 -192px; }
.i-database:hover { background-position: 0 -240px; }
.i-database_migration:hover { background-position: 0 -288px; }
.i-document:hover { background-position: 0 -336px; }
.i-ecommerce:hover { background-position: 0 -384px; }
.i-feed:hover { background-position: 0 -432px; }
.i-geotag:hover { background-position: 0 -480px; }
.i-globe:hover { background-position: 0 -528px; }
.i-html:hover { background-position: 0 -576px; }
.i-linux:hover { background-position: 0 -624px; }
.i-magazine:hover { background-position: 0 -672px; }
.i-map:hover { background-position: 0 -720px; }
.i-map_marker:hover { background-position: 0 -768px; }
.i-multilanguage:hover { background-position: 0 -816px; }
.i-odata:hover { background-position: 0 -864px; }
.i-open-source:hover { background-position: 0 -912px; }
.i-openid:hover { background-position: 0 -960px; }
.i-opml:hover { background-position: 0 -1008px; }
.i-pda:hover { background-position: 0 -1056px; }
.i-php:hover { background-position: 0 -1104px; }
.i-plugin:hover { background-position: 0 -1152px; }
.i-presentation:hover { background-position: 0 -1200px; }
.i-printer:hover { background-position: 0 -1248px; }
.i-remote_assistance:hover { background-position: 0 -1296px; }
.i-ruby:hover { background-position: 0 -1344px; }
.i-seo_sem:hover { background-position: 0 -1392px; }
.i-server:hover { background-position: 0 -1440px; }
.i-servers_network:hover { background-position: 0 -1488px; }
.i-share:hover { background-position: 0 -1536px; }
.i-smartphone:hover { background-position: 0 -1584px; }
.i-subversion:hover { background-position: 0 -1632px; }
.i-television:hover { background-position: 0 -1680px; }
.i-terminal:hover { background-position: 0 -1728px; }
.i-vector:hover { background-position: 0 -1776px; }
.i-video:hover { background-position: 0 -1824px; }
.i-videocast:hover { background-position: 0 -1872px; }
.i-w3c:hover { background-position: 0 -1920px; }
.i-web_application:hover { background-position: 0 -1968px; }
.i-web_blog:hover { background-position: 0 -2016px; }
.i-web_design:hover { background-position: 0 -2064px; }
.i-wordpress:hover { background-position: 0 -2112px; }
.i-world:hover { background-position: 0 -2160px; }
.i-xhtml:hover { background-position: 0 -2208px; }



ol#controls {
	float:right;
	height:28px;
	margin-top:0px;
	padding:0;
}
ol#controls li {
	float:left;
	height:28px;
	line-height:28px;
	list-style:none;
	margin:0 5px 0 0;
	padding:0;
}
ol#controls li a {
	color:#515151;
	float:left;
	font-size:14px;
	height:25px;
	line-height:25px;
	padding:0 5px;
	text-decoration:none;
}
ol#controls li.current a {
	text-decoration:underline;
}
ol#controls li a:focus,#prevBtn a:focus,#nextBtn a:focus {
	outline:none;
}

#social {
	float:left;
	height:290px;
	overflow:hidden;
	position:relative;
	width:440px;
}

#social ul {
	margin-top: 25px;
}

#social li {
	display:inline;
}

#social li a {
	color:#515151;
	display:block;
	float:left;
	font-size:12px;
	height:80px;
	margin-bottom:10px;
	text-decoration:none;
	width:220px;
}

#social li a img {
	float:left;
	margin:0 16px 0 10px;
	width: 48px;
	height: 48px;
}

#social li a:hover img {
	margin-left:4px;
}

#social li a strong {
	display:block;
	font-size:18px;
	padding-top:6px;
}

#contact {
	float:left;
	height:290px;
	overflow:hidden;
	position:relative;
	width:440px;
}

#contact-form {
	float:left;
	width:210px;
}
form p {
	clear:both;
	margin-bottom:10px;
}
input,textarea {
	background-color:#fff;
	border:1px solid #ccc;
	color:#515151;
	padding:5px;
	width:200px;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
}
textarea {
	height:100px;
}

.btn {
	_height:25px;
	_padding:2px;
	width:80px;
}

#formstatus {
	clear:both;
	font-weight:700;
	font-size:10px;
	line-height:10px;
}

.formstatuserror {
	color:red;
	font-weight: bold;
}

.formstatusok {
	color:#0C3;
	font-weight: bold;
}

#contact-details {
	float:left;
	margin-left:25px;
	width:200px;
}

#contact-details h4 {
	font-size:18px;
}

#vcard {
	position: absolute;
	top: 213px;
	right: 125px;
	width: 40px;
	height: 41px;
	text-align: center;
}
#vcard a {
	display: block;
	width: 40px;
	height: 41px; 
	background: url(../images/vcard.png) no-repeat 0 0;
	text-decoration: none;
	text-shadow: #036 0 1px 0;
	line-height: 42px;
	color: #fff;
	font-size: 9px; 
	font-weight: bold;
	text-transform: uppercase;
}

#cv {
	position: absolute;
	top: 213px;
	right: 42px;
	width: 40px;
	height: 41px;
	text-align: center;
}
#cv a {
	display: block;
	width: 40px;
	height: 41px; 
	background: url(../images/cv_doc.png) no-repeat 0 0;
	text-decoration: none;
	text-shadow: #036 0 1px 0;
	line-height: 42px;
	color: #fff;
	font-size: 9px; 
	font-weight: bold;
	text-transform: uppercase;
}

#vcard a span, #cv a:active {
	margin-top: 1px;
}
#vcard a span, #cv a span {
	position: absolute;
	top: -45px;
	left: -49px;
	width: 138px;
	background: url(../images/vcard-label.png) no-repeat 50% 50%;
	padding-bottom: 12px;
	display: none;
	opacity: 0;	
}



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../images/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(../images/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(../images/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../images/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(../images/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(../images/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(../images/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(../images/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}