/* overall */

body
{
	text-align: center;
	position: relative;
	font-family: "Century Gothic", "Verdana", "Arial", "sans serif";
	color: #FFF;
	background-color: #444;
	margin: 5px;
	padding: 0px;
	text-align: left;
}

div
{
	position: absolute;
}



/* structure */

#container
{
	width: 902px;
	height: 698px;
	margin: 0 auto;
	position: relative;
	max-height: 800px;
}

#logo
{
	width: 377px;
	height: 161px;
	top: 0px;
	left: 0px;
	background-image: url(../images/logo.jpg);
}

#content
{
	width: 800px;
	height: 400px;
	top: 170px;
	left: 80px;
	background-image: url(../images/content.jpg);
	color: #444;
	font-size: 11pt;
	z-index: 10;
	max-height: 503px;
	overflow: auto;
}

#picture
{
	width: 800px;
	height: 90px;
	bottom: 22px;
	left: 80px;
	z-index: 5;
}

#menu
{
	width: 563px;
	height: 20px;
	top: 132px;
	right: 19px;
	font-size: 17pt;
}

#stripe
{
	width: 146px;
	height: 420px;
	bottom: 4px;
	right: 6px;
	z-index: 1;
}

#sidemenu
{
	top: 0px;
	right: 0px;
	font-size: 11pt;
}



/* stripes */

#vertical_stripe
{
	height: 420px;
	width: 2px;
	bottom: 0px;
	right: 0px;
}

#horizontal_stripe
{
	height: 2px;
	width: 144px;
	bottom: 0px;
	right: 0px;
}

.red
{
	background-color: #E60001;
}

.green
{
	background-color: #65A80B;
}

.magenta
{
	background-color: #EB5EBE;
}

.yellow
{
	background-color: #FFC705;
}

.white
{
	background-color: #FFF;
}