body {
margin:0;
padding:0;
background-image:url(../images/tavolo.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#000000;
}

a {
	outline:none;
}

#logo {
width:270px;
height:159px;
margin:13px 0 0 11px;
padding:0;
float:left;
position:absolute;
z-index:1;
}

#pen {
	width:268px;
	height:133px;
	margin:0 0 0 344px;
	padding:0;
	float:left;
	position:absolute;
	z-index:1;
	left: -51px;
	top: -9px;
}

#coffee {
	width:314px;
	height:150px;
	margin:0 0 0 283px;
	padding:0;
	float:left;
	position:absolute;
	z-index:2;
	left: 227px;
	top: -2px;
}

#rolodex {
width:368px;
height:320px;
margin:0 0 0 832px;
padding:0;
float:left;
position:absolute;
z-index:1;
}

#stickynote {
	width:227px;
	height:142px;
	margin:187px 0 0 0;
	padding:0;
	float:left;
	position:absolute;
	z-index:3;
	left: 86px;
	top: 67px;
}

#postage {
width:91px;
height:96px;
margin:401px 0 0 129px;
padding:0;
float:left;
position:absolute;
z-index:4;
}


#jay {
width:226px;
height:267px;
margin:401px 0 0 214px;
padding:0;
float:left;
position:absolute;
z-index:4;
}

#emma {
width:240px;
height:278px;
margin:477px 0 0 65px;
padding:0;
float:left;
position:absolute;
z-index:3;
}

#menu {
margin:200px 0 0 0;
padding:0;
float:left;
position:absolute;
z-index:3;
}

#planner {
width:715px;
height:528px;
margin:157px 0 0 105px;
padding:0;
float:left;
position:absolute;
z-index:2;
}

#content {
width:297px;
height:424px;
margin:187px 0 0 472px;
padding:0;
float:left;
position:absolute;
z-index:3;
}
#content h1 {
margin:0 0 14px 0;
padding:0;
float:left;
font:23px "Times New Roman", Times, serif;
color:#d20707;
}

#content_scroll {
width:272px;
height:360px;
padding:0 10px 0 0;
float: left;
overflow: hidden;
}
#content_scroll h2 {
margin:0 0 5px 0;
padding:0;
font:bold italic 14px "Times New Roman", Times, serif;
color:#d20707;
line-height:18px;
}
#content_scroll h3 {
margin:0 0 5px 0;
padding:0;
font:bold 14px "Times New Roman", Times, serif;
color:#d20707;
line-height:18px;
}	
#content_scroll p {
margin:0 0 15px 0;
padding:0;
font:14px "Times New Roman", Times, serif;
color:#000000;
line-height:18px;
}
#content_scroll a {
margin:0 0 15px 0;
padding:0;
font:14px "Times New Roman", Times, serif;
color:#000000;
line-height:18px;
text-decoration:none;
}			
.text {
margin: 0;
}
				
.vScrollbar {
float: left;			
}
				
.vTrack {
height: 360px;
width: 15px;
position: relative;
background: url(../images/scrollBG.gif) repeat-y;
overflow: hidden;			
}
								
				
.vThumb {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 15px;
background: url(../images/scrollBTN.gif) no-repeat;
overflow: hidden;
}
						
.arrowUp {
height: 33px;
width: 15px;
background: url(../images/scrollUP.gif);
overflow: hidden;						
}
						
.arrowDown {
height: 33px;
width: 15px;
background: url(../images/scrollDN.gif);
overflow: hidden;						
}	



#main {
width:889px;
height:690px;
margin:10px 0 0 0;
padding:0;
background-image:url(../images/scrivania.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
position:absolute;
z-index:0;
}

#iphone {
	width:325px;
	height:176px;
	margin:160px 0 0 406px;
	padding:0;
	float:left;
	position:absolute;
	z-index:8;
	left: 433px;
	top: 126px;
}

#flash {
width:169px;
height:152px;
margin:180px 0 0 864px;
padding:0;
float:left;
position:absolute;
z-index:1;
}

#poweredby {
width:96px;
height:194px;
margin:609px 0 0 762px;
padding:0;
float:left;
position:absolute;
z-index:1;
}

#mouse {
width:195px;
height:551px;
margin:261px 0 0 1005px;
padding:0;
float:right;
position:absolute;
z-index:1;
}

#footer {
width:889px;
margin:750px 0 0 0;
padding:0;
float:left;
position:absolute;
z-index:0;
}
#footer p {
margin:0 0 10px 0;
padding:0;
font:10px Arial, Helvetica, sans-serif;
color:#4f5051;
text-align:center;
}
#footer a {
font:bold 10px Arial, Helvetica, sans-serif;
color:#4f5051;
text-decoration:none;
}
#footer a:hover {
color:#ffffff;
text-decoration:none;
}