* { 
	/* exclude browser incompatibilities */
	padding: 0; 
	margin: 0; 
	font-size: 1em; 
	font-weight: normal;
	outline: none;
}
body {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 70%; /* Resets 1em to 11px (62,5% = 10px / 70% = 11px / 75% = 12px) */ 
	background-color: #fff;
}

/* car */
#car {
	position: relative;
	margin: 150px auto 0;
	width: 600px;
	height: 300px;
}
/* portrait */
#car #portrait {
	position: absolute;
	top: 0;
	left: 200px;
	z-index: 3;
	overflow: hidden;
	width: 150px;
	height: 150px;
	background: #000 url(../images/portrait_black.png) 17px 17px no-repeat;
	cursor: move;
}
#car #portrait .cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 150px;
	height: 150px;
	background: #fff url(../images/portrait_cover.gif) 0 0 no-repeat;
}
#logo {
	position: absolute;
	top: 155px;
	left: 200px;
	width: 297px;
	height: 41px;
	cursor: move;
}

/* cubes */
.cube {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 50px;
	height: 50px;
	background-color: #000;
	cursor: move;
}

/* positions and width */
.a1 {						left: 150px;				width: 250px;	}
.a2 {						left: 550px;									}
.b1 {	top: 50px;		left: 150px;									}
.b2 {	top: 50px;		left: 350px;									}
.b3 {	top: 50px;		left: 500px;									}
.c1 {	top: 100px;										width: 200px;	}
.c2 {	top: 100px;		left: 350px;				width: 200px;	}
.d1 {	top: 150px;															}
.d2 {	top: 150px;		left: 500px;									}
.e1 {	top: 200px;										width: 100px;	}
.e2 {	top: 200px;		left: 200px;				width: 150px;	}
.e3 {	top: 200px;		left: 450px;				width: 100px;	}
.f1 {	top: 250px;															}
.f2 {	top: 250px;		left: 100px;				width: 100px;	}
.f3 {	top: 250px;		left: 350px;				width: 100px;	}

/* layout 1 */
.cube.ly1 {
	background-color: #fff;
	border: 1px solid #000;
	height: 48px;
}
.a1.ly1 {												width: 248px;	}
.a2.ly1 {												width: 48px;	}
.b1.ly1 {												width: 48px;	}
.b2.ly1 {												width: 48px;	}
.b3.ly1 {												width: 48px;	}
.c1.ly1 {												width: 198px;	}
.c2.ly1 {												width: 198px;	}
.d1.ly1 {												width: 48px;	}
.d2.ly1 {												width: 48px;	}
.e1.ly1 {												width: 98px;	}
.e2.ly1 {												width: 148px;	}
.e3.ly1 {												width: 98px;	}
.f1.ly1 {												width: 48px;	}
.f2.ly1 {												width: 98px;	}
.f3.ly1 {												width: 98px;	}


/* reset */
p.setLayout {
	position: absolute;
	bottom: -70px;
	left: 0;
}
/* set layout "links" */
p.setLayout span {
	display: block;
	cursor: pointer;
	text-decoration: underline;
}
p.setLayout span.resetLayout {
	padding-top: 10px;
}