body
{
	background : black;
}

div.page{
		position: relative;
		height: 100%; /*Ideal Viewport is 1000px height*/
		width: 100%; /*Ideal Viewport is 1825px width*/
		background: black;
}

div.login{
		background-color:blue; 
		height: 32px;
		width: 100%;
		font-size: 20px;
}

div.header{
	position: relative;
	align-content: center;
	background-color:white ; 
	width:100%; 
}

div.menu{
		position: fixed;
		top: 80; /* Example: Fix to the top edge */
		left: 0; /* Example: Fix to the right edge */
		border: 2px solid black;
		border-radius: 15px;
		height: auto;
		width: 250px;
		background: blue;
		float: left;
		z-index: 100;
}

div.frame{
	position: relative;
	min-height: 2000px;
	height: auto;
	width: 100%;
	background-color: invisible;
	float: left;
}

div.item{
	height: 250px;
	width: 200px;
	float: left;
	margin-left: 200px;
	border: 1px solid white;
}

.product{
	height: 100px;
	width: 100px;
}

iframe.content{
	position: relative;
	min-height: 2000px;
	height: auto;
	width: 100%;
	background-color: invisible;
	float: left;
}

iframe.video{
	height: 250px;
	width: 250px;
}

form.login{
		float: right;
}

div.footer{
		position: fixed;
		bottom: 0; /* Example: Fix to the top edge */
		left: 8; /* Example: Fix to the right edge */	
		height: auto;
		width: 100%;
		background-color: blue;
}

div.logoff{
		float: right;
}

.buttonlogin{
	background-color: blue;
	color: white;
	border : 2px solid black;
	font-size: 20px;
}

.buttonlogin:hover{
	background-color: blue;
	color: white;
	border : 2px solid white;
}

.buttonmenu{
		background-color : black;
		color : white;	
}

.buttonmenu:hover{
		background-color : white;
		color : black;	
}

.buttonheader{
	border : 1px solid white;
	font-size: 20px;
}

.buttonheader:hover{
	border : 1px dotted black;
}

.buttonfooter{
	background-color: blue;
	color: white;
	border : 1px solid blue;
	font-size: 20px;
}

.buttonfooter:hover{
	border : 1px dotted white;
}