html
{
    width:100%;
    height:100%;
	margin:auto;
	font-family: Arial;
}

body
{
	background-color:white;
	width:90%;
	margin-left:5%;
	margin-right:5%;
}

/*Header*/
#navDiv
{
	background-color:black;
	margin-top:15px;
}

#navDiv a
{
	color:white;
	text-decoration:none;
	font-size:3em;
	width:24.65%;
	text-align:center;
	display: inline-block;
}

#navDiv a:hover
{
	color:#CC9933;
}

table
{
	margin:auto;
}

#titleBar
{
	width:100%;
}

#titleLogo
{
	width:70%;
	min-height:80%;
	max-height:100%;
	float:left;
}

.titleTd
{
	text-align:center;
	font-size:1.5em;
}

#logoTable
{
	width:100%;
}

/*Page Bottom*/
#bottomLogo
{
	width:75px;
	margin-top:0;
	vertical-align:middle;
}

.bottomCell
{
	width:25%;
}

#bottomLogoCell
{
	width:9%;
}

#insideJoke
{
	color:black;
}

#bottomTable
{
	float:left;
}

#pageBottom
{
	float:left;
	background-color:black;
	color:white;
	width:100%;
	height:80px;
	margin-top:2%;
}

#collectionTableDiv a
{
	color:black;
	text-decoration:none;
}

#collectionTableDiv
{
	margin-top:15px;
}

#qualityDiv
{
	width:calc(50% - 13px);
	float:left;
	margin-top:6px;
	border-color:black;
	border-width:5px;
	border-style:solid;
}

#qualityDiv:hover
{
	border-color: #CC9933;
}

#qualityGoldLogoPic
{
	float:left;
	width:40%;
}

#qualityTitle
{
	font-size:3.6vw;
	margin-right:17%;
	text-align:center;
	margin-top:8%;
	float:right;
}

#citizenDiv
{
	width:calc(50% - 13px);
	border-color:black;
	border-width:5px;
	border-style:solid;
	float:left;
}

#citizenDiv:hover
{
	border-color: #CC9933;
}

#citizenLogoPic
{
	width:100%;
}

#heavyDiv
{
	width:calc(50% - 13px);
	border-color:black;
	border-width:5px;
	float:right;
	margin-top:6px;
	border-style:solid;
}

#heavyDiv:hover
{
	border-color: #CC9933;
}

#heavyStoneLogoPic
{
	width:50%;
}

#heavyTitle
{
	font-size:3.6vw;
	margin-right:17%;
	text-align:center;
	margin-top:11%;
	float:right;
}

#gottliebDiv
{
	margin-top:6px;
	width:calc(50% - 13px);
	float:right;
	border-color:black;
	border-width:5px;
	border-style:solid;
}

#gottliebDiv:hover
{
	border-color: #CC9933;
}

#gottliebLogoPic
{
	margin-top:3%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:90%;
}

#skashiDiv
{
	margin-top:6px;
	float:left;
	width:calc(50% - 13px);
	border-color:black;
	border-width:5px;
	border-style:solid;
}

#skashiDiv:hover
{
	border-color: #CC9933;
}

#skashiLogoPic
{
	width:100%;
}

#uniqueDiv
{
	width:calc(50% - 13px);
	float:right;
	border-color:black;
	border-width:5px;
	border-style:solid;
	vertical-align:middle;
}

#uniqueDiv:hover
{
	border-color: #CC9933;
}

#uniqueLogoPic
{
	width:40%;
}

#uniqueTitle
{
	font-size:3vw;
	margin-right:7%;
	margin-left:0px;
	text-align:center;
	margin-top:12%;
	float:right;
}

#stullerDiv
{
	width:calc(50% - 13px);
	float:left;
	border-color:black;
	border-width:5px;
	margin-top:6px;
	border-style:solid;
	vertical-align:middle;
}

#stullerDiv:hover
{
	border-color: #CC9933;
}

#stullerLogoPic
{
	width:100%;
}

#heskiaDiv
{
	width:calc(50% - 13px);
	float:right;
	border-color:black;
	border-width:5px;
	margin-top:6px;
	border-style:solid;
	vertical-align:middle;
}

#heskiaDiv:hover
{
	border-color: #CC9933;
}

#heskiaLogoPic
{
	width:90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#renataDiv
{
	width:calc(50% - 13px);
	float:left;
	border-color:black;
	border-width:5px;
	margin-top:6px;
	border-style:solid;
	vertical-align:middle;
}

#renataDiv:hover
{
	border-color: #CC9933;
}

#rubioLogoPic
{
	width:90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}