body {
  overflow: hidden;/* needed to eliminate scrollbars caused by the background image */
  padding: 0;
  margin: 0;/* necesarry for the raster to fill the screen */
  height: 100%;
  width: 100%;
}

a {
	color: #ffffff;
}

#bgimg {
  position: absolute;
  z-index: -1;
}

#realBody{
  position: absolute;
  z-index: 5;/* Place the new body above the background image */
  overflow: auto;/* restore scrollbars for the content */
  height: 100%;
  width: 100%;/* Make the new body fill the screen */
  background: url('raster.png');/* this is just a fancy raster, you can remove it; I kinda like it though */
}
/* 
    The following CSS code is for illustrative purposes, and is NOT necesarry for the fullscreenr plugin to work
*/

#menu_item {
  position: absolute;
	margin-top: 130px; 
	border: 0px solid red; 
	width: 260px;
}

#content {
  z-index: 0;
  position: absolute;
	color: #ffffff;
	width: 580px;
	top: 100px;
	left: 300px;
	-border: 1px red solid;
}

#content:hover {
}

#top_frame {
  width: 100%;
	background:url(bg_top_gradient.png);	
	background-position: -10px 0px;
 	background-repeat:repeat-y;
  position: absolute;
  top: 40px;
  height: 40px;
  padding: 1px 0;
}

#top_frame_1 {
  width: 100%;
  background: #090909; /* d22229 // 090909 */
  position: absolute;
  top: 40px;
  height: 40px;
  padding: 1px 0;
  filter:alpha(opacity=80);/* Internet Explorer */
  -moz-opacity: 0.80;/* Mozilla Browser */
  opacity: 0.80;/* Opera */
}

#top_frame_2 {
  width: 100%;
	background:url(bg_top_gradient_fade.png);	
	background-position: 0px 6px;
 	background-repeat:repeat-x;
  position: absolute;
  top: 40px;
  height: 40px;
  padding: 1px 0;
}

#top_text {
  width: 100%;
  position: absolute;
  top: 40px;
  height: 40px;
  padding: 1px 0;
  color: #ffffff;		
}

#top_text a {
  text-decoration: none;
	color: #ffffff;	
}

#top_logo {
  position: absolute;
  margin: 0px;
  margin-top: 10px;
  margin-left: 60px;
}



p {
  font-family: Arial, Helvetica, Verdana;
  font-size: 12px;
  text-decoration: none;
}

#top_frame a:hover {
  background: #fff;
  color: #000;
}

#bottom_text {
  position: absolute;
  bottom: 45px; !important;
	left: 60px;
  color: #c0c0c0;		
  font-family: Arial, Helvetica, Verdana;
  font-size: 12px;	
}

#bottom_text a {
	color: #c0c0c0;
	text-decoration: none;
}

#bottom_text  a:hover {
	text-decoration: underline;
}


.box {
  z-index: 30;
  color: #fff;
	background:url(bg_gradient_box_90.png);
  font-family: Arial, Helvetica, Verdana;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  margin-right: 30px;
  margin-left: 60px;
  margin-bottom: 20px;
  padding: 10px;
  padding-top: 20px;
  float: left;
  width: 180px;
  height: 50px;
  border: 1px #D90000 solid;
	
}

.box_shop {
	background:url(bg_gradient_box_90_shop.png);
}

a.box {
	text-decoration: none;
}

.box:hover {
  z-index: 30;
  background: #090909;
}

.box_catalog {
  z-index: 30;
  color: #fff;
  font-family: Arial, Helvetica, Verdana;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  margin-right: 30px;
  margin-left: 60px;
  margin-bottom: 20px;
  padding: 10px;
  padding-top: 20px;
  float: left;
  width: 180px;
  height: 50px;
  border: 1px #d22229 solid;
  background: #090909;
  filter:alpha(opacity=80);/* Internet Explorer */
  -moz-opacity: 0.80;/* Mozilla Browser */
  opacity: 0.80;/* Opera */
}

.tooltip_slide_in {
	display:none;
	background:url(bg_black.png);
	padding:0px;
	border: 1px #d22229 solid;
  width: 250px;	
}


.tooltip_slide_in a {
	font-weight:normal;
	color: #ffffff;
}

#slide_in_news {
  z-index: -1;
	visibility: hidden;
  position: absolute;
  bottom: 0px; !important;
  right: 0px;
  color: #fff;
  font-family: Arial, Helvetica, Verdana;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  width: auto;
  height: auto;
  border: 1px #4d2d3d solid;
  background: #090909;
}



#box_news {
  z-index: -1;
  color: #fff;
  font-family: Arial, Helvetica, Verdana;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
	margin: 0px;
  padding: 15px;
  padding-top: 10px;
	padding-bottom: 20px;
  width: 250px;
  height: auto;
  border: 1px #4d2d3d solid;
	background:url(bg_gradient_tooltip_450.png);
}

#newsletter_input {
 float:right; 
 padding-top: 10px; 
}

#newsletter_button {
  float:right;
 padding-top: 10px; 	 
	padding-right: 30px;
}

.hoverbox {
		filter:alpha(opacity=50); /* Internet Explorer */
		-moz-opacity: 0.50; /* Mozilla Browser */
		opacity: 0.50; /* Opera */		
}

.hoverbox:hover {
		filter:alpha(opacity=100); /* Internet Explorer */
		-moz-opacity: 1.00; /* Mozilla Browser */
		opacity: 1.00; /* Opera */		
}


/* tooltip styling */
.tooltip {
	display:none;
	background:url(bg_gradient_tooltip_450.png);
	width:580px;
	height:400px;
	padding:20px 20px 20px 30px;
	font-size:12px;
  font-family: Arial, Helvetica, Verdana;	
	color:#fff;
	border: 1px #fff solid;
}

.tooltip h1 {
	font-size:18px;
	font-weight:bold;
}

.tooltip h2 {
	margin: 0px;
	padding: 0px;
	font-size:12px;
	font-weight:bold;
}

.tooltip p {
	margin: 0px;
	padding: 0px;
}

.tooltip a {
	font-weight:normal;
	color: #ffffff;
}

.tooltip h2 a {
	font-weight:bold;
}