/**  Global  **/

/*  *******************  */
/*   Color definitions   */
/*                       */
/*  &link:     #421212;  */
/*  &visited:  #959576;  */
/*  &hover:    #732A2A;  */
/*  &active:   #421212;  */
/*                       */
/*     &text: #732A2A    */
/*  *******************  */

* { margin: 0; padding: 0; }

body {
	background: #000;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #732A2A;
}

a { text-decoration: none; }
a img { border: none; }

a:link    { color: #421212; }
a:visited { color: #959576; }
a:hover   { color: #732A2A; }
a:active  { color: #959576; }

.btn, #menu a, #menu-videos a {
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	font-size: 0;
	overflow: hidden;
	text-indent: -2000em;
}


/**  Global elements  **/
h1 a {
	background-image: url(images/back-h1.jpg);
	width: 168px;
	height: 170px;
	margin: 24px 0 0 40px;
}

h2 { display: none; }
/**  end of Global elements  **/


/**  Layout  **/
#page {
	background: url(images/back.jpg) no-repeat center top;
	width: 799px;
	height: 400px;
	position: fixed !important; /* Gecko, Opera & IE Mac */
	position: absolute; /* IE */
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -400px;
}

#left, #content { height: 385px; }

#left {
	background: url(images/back-left.png) no-repeat 100% 2px;
	width: 244px;
	float: left;
	position: relative;
}

#content {
	width: 555px;
	float: right;
}

#footer {
	height: 15px;
	clear: both;
	position: relative;
}
/**  end of Layout  **/


#left #updated {
	background-image: url(images/updated.gif);
	width: 9px;
	height: 110px;
	position: absolute;
	top: 56px;
	left: 5px;
}


/**  #menu  **/
#menu {
	background: url(images/menu.png) no-repeat;
	width: 89px;
	height: 48px;
	margin: 33px 0 0 46px;
	list-style: none;
}

#menu a {
	/* See .btn */
	background-image: url(images/menu.png);
	height: 9px;
	margin-bottom: 4px;
}

#menu #showroom {
	background-position: 0 0;
	width: 77px;
	margin-bottom: 3px;
}

#menu #showroom:hover  { background-position: -89px 0; }
#menu #showroom:active { background-position: -178px 0; }

#menu #videos {
	background-position: 0 -12px;
	width: 89px;
	height: 10px;
}

#menu #videos:hover  { background-position: -89px -12px; }
#menu #videos:active { background-position: -178px -12px; }

#menu #resume {
	background-position: 0 -26px;
	width: 45px;
}

#menu #resume:hover  { background-position: -89px -26px; }
#menu #resume:active { background-position: -178px -26px; }

#menu #kontact {
	background-position: 0 -39px;
	width: 57px;
}

#menu #kontact:hover  { background-position: -89px -39px; }
#menu #kontact:active { background-position: -178px -39px; }
/**  end of #menu  **/


/**  #footer  **/
#blog, #hosting {
	height: 11px;
	position: absolute;
	bottom: 0;
	z-index: 1;
}

#blog:hover, #hosting:hover { background-position: 0 -11px; }

#blog {
	background-image: url(images/lekalepin.png);
	width: 137px;
	left: 47px;
}

#copyright {
	width: 100%;
	position: absolute;
	bottom: 0;
	font-size: 7px;
	text-align: center;
	text-transform: uppercase;
}

#hosting {
	background-image: url(images/mt.png);
	width: 195px;
	right: 24px;
}
/**  end of #footer  **/