body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	/*background: transparent url('images/background.jpg') no-repeat top left;*/
	background:#000000 url(images/BGD-Page.jpg) repeat-x ;
	margin: 0 !important;
}
#preloader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 100;
	margin: 0;
}
#preloadLogo {
	position: absolute;
	width: 300px;
	height: 100px;
	left: 50%;
	margin: -50px 0 0 -150px;
	background: url('images/logo_small.gif') no-repeat top center;
	padding-top: 70px;
}

#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.draggable {
	position: absolute;
	width: 200px;
	height: 200px;
	cursor: move;
}
.draggable a {
	cursor: pointer;
}

.draggable2 {
	position: absolute;
	width: 200px;
	height: 200px;
	
}
#loader {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 65px;
	left: 425px;
	background: transparent url('images/ajax-loader.gif') no-repeat center center;
}
/* CONTENUTI */
.content {
	position: absolute;
	width:600px;
	top: 173px;
	left: 117px;
	overflow:hidden;
	height:auto;
}

.index_content {
	position: absolute;
	width:646px;
	top: 0px;
	left: 100px;
	height:auto;
}

.index_content2{
	position: absolute;
	width:620px;
	top:25px;
	left: 113px;
	height:auto;
}
.index_content2 p{ font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:13px; text-align:justify;}
.courses_content {
	position: absolute;
	width:813px;
	top:2px;
	left:px;
	height:auto;
	
}

#contact_content{
	position: absolute;
	width:558px;
	top:0px;
	left:160px;
	height:351px;
	background: transparent url('images/contact_paper.png') no-repeat center center;
	_background: transparent url('images/contact_paper.gif') no-repeat center center;
}

.content h2 {
	margin: 0 0 .8em 0;
}


/* IMAGES */
#pageWrapper {
	width: 646px;
	height:auto;
}

#pageBackground {
	position: absolute;
	left: 4px;
	top: 0;
	width: 839px;
	height:1000px;
	background: transparent url('images/bg-paper.png') no-repeat center center;
	_background: transparent url('images/bg-paper.gif') no-repeat center center;
}

/*
.content {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: visible;
}
*/
#welcome {
	position: absolute;
	width: 460px;
	height: 237px;
	top: 160px;
	left: 100px;
	background: white url('images/welcome.gif') no-repeat center center;
	text-indent: -10000em;
}
#card {
	width: 220px;
	height: 349px;
	float:left;
	background: transparent url('images/mike.png') no-repeat center center;
	z-index:40;
}

#footer_notebook{
	width:299px;
	height:384px;
	float:left;
	background: transparent url('images/notepad-bottom.png') no-repeat center center;
	z-index:41;
}


#factoryStore {
	width: 392px;
	height: 394px;
	background: transparent url('images/camera.png') no-repeat center center;
}
#tazza {
	position: absolute;
	right: 0;
	top: 0;
	width: 196px;
	height: 206px;
	background: transparent url('images/tazza.png') no-repeat center center;
}
#matita { 
	width: 361px;
	height: 224px;
	background: transparent url('images/pencil.png') no-repeat center center;
}
#dbnine {
	width: 337px;
	height: 283px;
	background: transparent url('images/coffee mug.png') no-repeat center center;
}
#milaSchon {
	width: 608px;
	height: 517px;
	/*background: transparent url('images/mila_schon.png') no-repeat center center;*/
	background: transparent url('images/newspaper.png') no-repeat center center;
}
#milaSchon_link{background:url(images/visit.gif); height:43px; width:150px; left:54px; top:280px;}
#milaSchon_link2{background:url(images/visit2.gif); height:43px; width:150px; left:395px; top:462px;}
#card a.crossLink, #factoryStore a.crossLink {
background-image:url(images/sing-of-cms-2.gif);
}
#storesInfo {
left:224px;
top:144px;
}
a.crossLink {
background:transparent url(images/sing-of-cms-2.gif) no-repeat scroll center center;
display:block;
height:16px;
position:absolute;
text-indent:-10000em;
width:16px;
}
.draggable a {
cursor:pointer;
}
a {
color:#666666;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
}

/* POSIZIONAMENTO */
#pageWrapper {
	left: 70px;
	top: 10px;
	z-index: 2;
}
#factoryStore {
	top: 280px;
	right: 155px;
	z-index: 6;
}
#milaSchon {
	left:-350px;
	top:425px;
	z-index: 4;
}
#dbnine {
	top: 140px;
	left: -50px;
	z-index: 5;
}
#matita {
	left:900px;
	top: 411px;
	z-index:100;
}

/*---------------Courses page--------------*/

#wheel {
position:absolute;
	width: 402px;
	height: 395px;
	background: transparent url('images/film_cannister.png') no-repeat center center;
	_background: transparent url('images/film_cannister.gif') no-repeat center center;
	left:-240px;
	top:540px;
	z-index: 35;
}

#top-picture {
position:absolute;
	width:256px;
	height:311px;
	background: transparent url('images/bw_photos.png') no-repeat center center;
	_background: transparent url('images/bw_photos.gif') no-repeat center center;
	}

#top-camera {
	width:398px;
	height:415px;
	background: transparent url('images/camera4.png') no-repeat center center;
	_background: transparent url('images/camera4.gif') no-repeat center center;
}

/*---------------contact page--------------*/
#factoryStore_contact{
	width: 392px;
	height:394px;
	background: transparent url('images/camera4.png') no-repeat center center;
	_background: transparent url('images/camera4.gif') no-repeat center center;
	top: 280px;
	right: 155px;
	z-index: 7;
}

#milaSchon_contact{
	position:absolute;
	width: 608px;
	height: 517px;
	/*background: transparent url('images/mila_schon.png') no-repeat center center;*/
	background: transparent url('images/newspaper.png') no-repeat center center;
	_background: transparent url('images/newspaper.gif') no-repeat center center;
	left:750px;
	top:500px;
	z-index:5;
	}
	
	
#phone_contact{
	position:absolute;
	width: 448px;
	height: 309px;
	background: transparent url('images/envelop.png') no-repeat center center;
	_background: transparent url('images/envelop.gif') no-repeat center center;
	left:150px;
	top:750px;
	z-index:51;
	}
	
#mobile{
	position:absolute;
	width:376px;
	height:408px;
	/*background: transparent url('images/mila_schon.png') no-repeat center center;*/
	background: transparent url('images/phone.png') no-repeat center center;
	_background: transparent url('images/phone.gif') no-repeat center center;
	left:121px;
	top:552px;
	z-index:52;
	}
