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

*{
	margin: 0px;
	padding: 0px;
}

body{
	background-color:black;
	font-size: 60px;
	font-family: 'Julius Sans One', sans-serif;
	color: aliceblue;
}

#container {
	cursor: url(../normalSelect.png), auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:1366px;
	height:768px;
}

#choice1{
	text-align: center;
	font-size: 40px;
	position: absolute;
	left: 630px;
	top: 570px;
	width:200px;
	height: 100px;
}

#choice1:hover{
	text-align: center;
	cursor: url(../linkSelected.png);
	font-size: 40px;
	position: absolute;
	left: 630px;
	top: 570px;
	width: 200px;
	height: 100px;
	color: #FFD100; 
}

#choice2{
	text-align: center;
	font-size: 40px;
	position: absolute;
	left: 630px;
	top: 620px;
	width:200px;
	height: 100px;
}

#choice2:hover{
	text-align: center;
	cursor: url(../linkSelected.png);
	font-size: 40px;
	position: absolute;
	left: 630px;
	top: 620px;
	width: 200px;
	height: 100px;
	color: #FFD100; 
}

#choice1LONG{
	text-align: center;
	font-size: 40px;
	position: absolute;
	left: 200px;
	top: 570px;
	width: 1000px;
	height: 100px;
}

#choice1LONG:hover{
	text-align: center;
	cursor: url(../linkSelected.png);
	font-size: 40px;
	position: absolute;
	left: 200px;
	top: 570px;
	width:1000px;
	height: 100px;
	color: #FFD100; 
}

#choice2LONG{
	text-align: center;
	font-size: 40px;
	position: absolute;
	left: 200px;
	top: 630px;
	width:1000px;
	height: 100px;
}

#choice2LONG:hover{
	text-align: center;
	cursor: url(../linkSelected.png);
	font-size: 40px;
	position: absolute;
	left: 200px;
	top: 630px;
	width: 1000px;
	height: 100px;
	color: #FFD100; 
}
	
#RETURN {
	text-align: center;
	font-size: 20px;
	position:absolute;
	top:5px;
	left: 10px;
	width:130px;
	height:50px;
	opacity: .5;
	background-color: indianred;
}

#RETURN:hover {
	text-align: center;
	cursor: url(../linkSelected.png);
	font-size: 20px;
	position:absolute;
	top:5px;
	left: 10px;
	width:130px;
	height:50px;
	opacity: 100;
	background-color: indianred;
}

#dialogBox{
	position: absolute;
	top: 500px;
	left: 65px;
	width: 900px;
	height: 100px;
}

#NEXT{
	color: aliceblue;
	cursor: url(../linkSelected.png)auto;
	position: absolute;
	top: 660px;
	left: 1200px;
	width: 100px;
	height: 100px;
}

#NEXT:hover{
	cursor: url(../linkSelected.png), auto;
	color: #FFD100;
	position: absolute;
	top: 660px;
	left: 1200px;
	width: 100px;
	height: 100px;
}

#vendor1{
	position: absolute;
	top: 100px;
	width:200px;
	height: 300px;
}

#vendor1:hover{
	position: absolute;
	cursor: url(../linkSelected.png);
	background-color: #ffffff;
    opacity: .4;
	top: 100px;
	width:200px;
	height: 300px;
}

#vendor2{
	position: absolute;
	top: 50px;
	left: 200px;
	width:200px;
	height: 300px;
}

#vendor2:hover{
	position: absolute;
	cursor: url(../linkSelected.png);
	background-color: #ffffff;
    opacity: .4;
	top: 50px;
	left: 200px;
	width:200px;
	height: 300px;
}

#vendor3{
	position: absolute;
	top: 50px;
	left: 1000px;
	width:200px;
	height: 300px;
}

#vendor3:hover{
	position: absolute;
	cursor: url(../linkSelected.png);
	background-color: #ffffff;
    opacity: .4;
	top: 50px;
	left: 1000px;
	width:200px;
	height: 300px;
}



a:link {
	cursor: url(../linkSelected.png),auto;
	text-decoration: none;
    color: aliceblue;
}

a:hover {
	cursor: url(../linkSelected.png), auto;
	text-decoration: none;
    color: #FFD100;
}
