@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000;
		font-family: 'Wallpoet', sans-serif;
}

h2 {
	color:black;
	display:block;
	width:475px;
	height:25px;
	background:red;
}

h3 {
	color:white;
}

#builderWrapper {
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#builderImageContainer {
	width:450px;
	height:675px;
	position:relative;
	top:20px;
	right:10px;
	border:1px solid white;
	float:right;
}

/* Menu side */ 
#builderMenuContainer {
	width:475px;
	height:700px;
	position:relative;
	left:10px;
	float:left;
	
}

.builderMenu {
	position:relative;
	left:-45px;
}

.builderMenu li {
	list-style-type:none;
	float:left;
	display:block;
	width:100px;
	height:20px;
	margin:0px 0px 5px 5px;
	text-align:center;
	background-color:white;
}

.builderMenu li:hover {
	background:#CCC;
}

.clearFix:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#outlineStandardMenu {
	display:none;
}

#outlineNeonMenu {
	display:none;
}

#outlineMetallicMenu {
	display:none;
}

#centerStandardMenu {
	display:none;
}

#centerNeonMenu {
	display:none;
}

#centerMetallicMenu {
	display:none;
}

/*Image Side */

#backgroundLayer {
	position:absolute;
}

/*Front*/
#front {
	visibility:visible;
}

#hoodieLayerFront {
	position:absolute;
}

#centerLayerFront {
	position:absolute;
	right:1px;
}

#outlineLayerFront {
	position:absolute;
}

/*Back*/
#back {
	visibility:hidden;
}

#hoodieLayerBack {
	position:absolute;
}

#centerLayerBack {
	position:absolute;
	right:1px;
}

#outlineLayerBack {
	position:absolute;
}

#builderFront {
	position:absolute;
	bottom:0px;
	left:120px;
	display:block;
	width:100px;
	height:25px;
	background:gray;
	text-align: center;
}

#builderFront:hover {
	background:white;
}

#builderBack {
	position:absolute;
	bottom:0px;
	left:220px;
	display:block;
	width:100px;
	height:25px;
	background:gray;
	text-align: center;
}

#builderBack:hover {
	background:white;
}