/* @group Reset */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
}

body {line-height: 1.5em; font-size: 75%;}
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before,q:after { content: ''; content: none; }

:focus { outline: 0; }
:-moz-any-link:focus { outline: none; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #fff; outline: none; text-decoration: none; }
a:hover { }
a img { border: 0; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
/*h1, h2, h3, h4, h5, h6 { color: #fff;}*/

.left { float:left; }
.right { float:right; }
.clear { clear: both; }
.wrapper { margin: 0 auto 0 auto; }
.hide { display: none; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
/* @end */

/* @group Basic stuff */

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #333;color: #eee;text-shadow: #000 -1px 1px 2px;margin-bottom: 40px;}
p, ul, ol, code { font-size: 1em; line-height: 1.5em; }
p { text-align: justify; margin-bottom: 1.5em;}
img.left { float: left; margin: 0 15px 10px 0; }
hr {
	margin: 1em 0;
	height: 2px;
	border: none;
	background: url(img/sep_h.png) repeat-x;
}
.visible {
	visibility: visible ;
}
.hidden {
	visibility: hidden;
}


/* @end */

/* @group Container */

#marcobauli {
	width: 35em; 
	margin: 130px auto 10px auto;
	
	background: url(img/dark_5.png);
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

h1, .mission {
	position: absolute;
	top: -2000em;
}

img.fade {
	position: absolute;
	z-index: -1;
}

#vcard img {
	/*opacity: 0;*/
	z-index: 11;
}

h3 {
	color: #ffffff;
	font-size: 1.1em;
	margin-bottom: 1em;

}

.amp, h1 .amp, h2 .amp, h3 .amp, h4 .amp, h5 .amp, h6 .amp {
	font-family : Palatino, "Palatino Linotype", Candara, "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-style : italic;
}

.navigation {
	text-align: right;
	float: right;
	position: relative;
	top: -1.6em;
	font-size: 0.9em;
	text-transform: uppercase;
}
.navigation li {
	display: inline;
	margin-left: 19px;
	cursor:pointer;
	font-weight: bold;
}
.navigation li.current {
	color: #ffffff;
	font-weight: bold;
}

.iconlist li { 
	list-style: none; 
	background-repeat: no-repeat; 
	background-position: 0px 3px; 
	margin: 0 0 2px 0; 
	padding: 0; 
}

.iconlist li a { 
	display: block;  
	padding: 0px 0 8px 25px; 
	color: #fff;
}

.clientlist li a {  

}

#contact .col-1.left {
	width: 20em;
	margin-right: 10px;
	background: url(img/sep_v.png) repeat-y right;
}

#contact .col.right {
	float: left;
	width: 20em;
}

#profile .col-1.left {
	width: 6em;
}
#profile .col.left {
	width: 28em;
	padding-left: 10px;
}
#work a {
	font-weight: bold;
}

#work .col.left {
	width: 52%;
	background: url(img/sep_v.png) repeat-y right;
}
#work .col.right {
	width: 46%;
}

#footer #info-btn span { display: none; }
#info-btn a {
	display: block; width: 16px; height: 16px;
	background: url(img/ico_info.png) no-repeat right;
	/*margin: 3px 3px 0 400px;*/
	float:right;
	position: relative;
	top: -15px;
}

#info {
	font-size: 0.9em;
	width: 420px; 
	margin: 0 auto;
	display: none;

	margin-top: -80px;
}
#info a {
	color: #fff;
}

.shadow {
	margin: 0 auto;
	text-align: center;
}

/* @end */

/* @group JS */
/* menu */
div.description {
	margin-top: 20px;
	display:none;
	width: 35em;
}

/* tooltip */	
div.tooltip {
	background:transparent url(img/tip.png) no-repeat scroll 0 0;
	height:76px;
	width:110px;
	padding-top: 6px;
	text-align: center;
	display:none;
	color:#fff;
	font-size: 0.6em;
	font-weight: bold;
	z-index: -2;
}
/* @end */