@charset "UTF-8";

* {
	border:0;
	font-weight:normal;
	font-style:normal;
	list-style-type: none;
	margin: 0;
	outline:0;
	padding: 0;
	text-decoration: none;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------I global tags I------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

html {
	background:url(../img/bg-body.jpg) 0 0 repeat;
	margin:0;
}

body {
	background:transparent url(../img/bg.jpg) top center no-repeat;
	font-family:"Lucida Grande", Verdana, sans-serif;
	font-size:11px;
	line-height:18px;
	margin:-20px 0 0 0;
	padding:0 0 50px 0;
}

span {
	float:left;
	width:50px;
}

hr { display:none; }

h1 { 	
	font-size:16px; 
	margin:0 0 5px 0;
}

h2 {
	font-size:13px;
	color:white;
	margin:0 0 20px 0;
}

p { margin:0 0 15px 0; }

strong {
	font-weight:bold;
}

a:focus {
	outline:none;
	border:0;
}

a:link, 
a:visited {	color:#666; }

a:hover,
a:active { color:#333; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------I container I--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container {
	width:303px;
	padding:20px;
	background:transparent url(../img/bg-container.jpg) 0 0 no-repeat;
	margin:20px auto;
	height:422px;
	position:relative;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------I header I------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


#header {
	position:absolute;
	top:60px;
	left:20px;
	width:273px;
	padding:20px 15px;
}

#vcard {
	position:absolute;
	top:29px;
	left:196px;
	height:59px;
	width:76px;
	display:block;
	text-indent:-9999px;
	background:url(../img/vcard.jpg) top no-repeat;
}

#vcard:hover {
	background:url(../img/vcard.jpg) bottom no-repeat;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------I navi I---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

ul#navi {
	position:absolute;
	height:26px;
	width:279px;
	top:27px;
	left:32px;
}

ul#navi li a {
	background-image:url(../img/navi.jpg);
	background-repeat:no-repeat;
	height:26px;
	display:block;
	text-indent:-9999px;
	margin:0;
	padding:0;
   position:absolute;
}

/* ----------I about I-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.about {
	top:0;
   left:0;
	width:79px;
	background-position:0 0;
}

.about:hover { background-position:0 -26px; }

.about:active { background-position:0 -52px; }

.about-active { background-position:0 -78px; }

/* ----------I contact I------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.contact {
	top:0;
   left:79px;
	width:94px;
	background-position:-79px 0;
}

.contact:hover { background-position:-79px -26px; }

.contact:active { background-position:-79px -52px; }

.contact-active { background-position:-79px -78px; }

/* ----------I networks I--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.networks {
	top:0px;
   left:172px;
	width:106px;
	background-position:-173px 0;
}

.networks:hover { background-position:-173px -26px; }

.networks:active { background-position:-173px -52px; }

.networks-active { background-position:-173px -78px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------I about I-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#content-about {
	position:absolute;
	top:179px;
	left:20px;
	padding:0 13px 20px 13px;
	width:277px;
}

#content-about ul li a {
	width:303px;
	background-image:url(../img/about.jpg);
	background-repeat:no-repeat;
	height:41px;
	display:block;
	margin:0 0 1px -13px;
	text-indent:-9999px;
}

#blog { background-position:0 0 }

#blog:hover { background-position:-303px 0 }

#portfolio { background-position:0 -42px;}

#portfolio:hover { background-position:-303px -42px }

#amazon { background-position:0 -84px; margin: 0 0 0 -13px !important; }

#amazon:hover { background-position:-303px -84px; margin:0 0 0 -13px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------I contact I------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#content-contact {
	display:none;
	position:absolute;
	top:179px;
	left:20px;
	padding:0 13px 20px 13px;
}

#content-contact ul li a {
	width:303px;
	background-image:url(../img/contact.jpg);
	background-repeat:no-repeat;
	height:41px;
	display:block;
	margin:0 0 1px -13px;
	text-indent:-9999px;
}

#skype { background-position:0 0 }

#skype:hover { background-position:-303px 0 }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------I networks I--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#content-networks {
	display:none;
	position:absolute;
	top:179px;
	left:20px;
	padding:0 13px 20px 13px;
}

#content-networks ul li a {
	width:303px;
	background-image:url(../img/networks.jpg);
	background-repeat:no-repeat;
	height:41px;
	display:block;
	margin:0 0 1px -13px;
	text-indent:-9999px;
}

#twitter { background-position:0 0 }

#twitter:hover { background-position:-303px 0 }

#facebook { background-position:0 -42px }

#facebook:hover { background-position:-303px -42px }

#xing { background-position:0 -84px }

#xing:hover { background-position:-303px -84px }

#vimeo { background-position:0 -126px }

#vimeo:hover { background-position:-303px -126px }

#delicious { background-position:0 -168px }

#delicious:hover { background-position:-303px -168px }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------I meta I--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#meta {
	position:absolute;
	bottom:0;
	right:15px;
	font-size:9px;
	color:#666;
}

#meta a:link,
#meta a:visited {
	color:#666;
}

#meta a:hover,
#meta a:active {
	color:#666;
}