/* This css is the main ccs for Calavera Beer */


/* General */
Body {
  background-color: #000;
  margin: 0px;
  padding: 0px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  	
}

iframe {
  position:absolute;
  top: 0px;
  left: 0px;		
  margin: 0px;
  padding: 0px;
}

p {	
	color:#fff;
	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color:#ffffff;
	line-height:12pt;
}

h1,h2,h3,h4 {
	color:#fff;
	margin-top:0px;
}

/* Links behaviour in topmenu */


A.menu div{
	position:relative;
	top:100px;
	float:left;	
	border-right:solid;
	border-width: 1pt;
	color:#000;
	padding-left: 3px;
	padding-right:22px;
	height: 20px;
  	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color:#ffffff;
  	background-color:#000000;
	text-decoration: none;
}

A.menu:link div{
	color:#000;
  	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color:#ffffff;
  	font-weight:bold;
  	background-color:#000000;
}

A.menu:visited div{
	color:#000;
  	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color:#ffffff;
  	font-weight:bold;
  	background-color:#000000;
}


A.menu:hover div{
	color:#000;
  	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color:#ffffff;
  	font-weight:bold;
  	background-color:#999;
}

A.menu:active div{
	color:#000;
  	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color:#ffffff;
  	font-weight:bold;
  	background-color:#FF9900;
}

/* Links behaviour in sidemenu */

A.side div{	
	border-right:solid;
	border-width: 1pt;
	color:#000;
	padding-left: 3px;
	height: 20px;
	width: 130px;
  	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color:#ffffff;
  	font-weight:bold;
  	background-color:#000000;
	text-decoration: none;
}

A.side:link div{
	color:#000;
  	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color:#ffffff;
  	font-weight:bold;
  	background-color:#000000;
	text-decoration: none;
}

A.side:visited div{
	color:#000;
  	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color:#ffffff;
  	font-weight:bold;
  	background-color:#000000;
	text-decoration: none;
}


A.side:hover div{
	color:#000;
  	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color:#ffffff;
  	font-weight:bold;
  	background-color:#999;
	text-decoration: none;
}

A.menu:active div{
	color:#000;
  	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color:#ffffff;
  	font-weight:bold;
  	background-color:#FF9900;
	text-decoration: none;
}

/* Links behaviour normal */

A {	
	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color:#fff;
  	font-weight:bold;
	text-decoration: none;
}

A:link {
	font-color:#fff;
  	text-decoration: none;
}

A:visited {
	font-color:#fff;
	text-decoration: none;
}


A:hover {
	font-color:#aaa;
	text-decoration: none;
}

A:active {
	
	text-decoration: none;
}

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

.hideall {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top:0px;
	botom: 0px;
	left: 0px;
	right: 0px;
	background: #000;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.page_menu {
  position:relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  top:0px;
  width:900px;
  height:120px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#ffffff;
  font-weight:bold;
  background-color:#000000;
}

.page_main {
  position: relative;
  z-index:10;	
  top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  padding: 0px;	
  width: 900px;
  height:450px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#ffffff;
  font-weight:bold;
  background-color:#000000;
  
}

.page_footer {
  position: relative;
  top:10px;
  left:0px; 		
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 900px;
  height:112px;	
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#ffffff;
  font-weight:bold;
  background-color:#000000;
}

.page_footer img{
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.page_main_full{
  position: absolute;
  top: 0px;
  left:0px;	
  margin; 0px;
  padding: 0px;	
  width: 900px;
  height:450px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#ffffff;
  font-weight:bold;
  background-color:#000000;
}

.page_main_menu {
  position: absolute;
  top: 11px;
  left: 0px;	
  width: 180px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#ffffff;
  font-weight:bold;
}

.page_main_content {
  position: absolute;
  top: 0px;
  left:200px;	
  margin; 0px;
  padding: 0px;	
  width: 700px;
  height:450px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#ffffff;
  font-weight:bold;
  background-color:#000000;
}

DIV {
 margin:0px;
 padding:0px;
}

ul,li {	 list-style-position:inside;}


/* Main window for the scroller */

.Container {
  position: relative;
  top: 11px;
  left: 0px;
  width: 600px;
  height: 428px;
  background: none url(images/container_background.gif) no-repeat;
  color: #000;
}

#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 600px;
  height: 450px;
  font-color: #fff;
}

#Scroller-1 p {
  margin: 0px;
  padding: 0px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  text-indent: 0px;	
  font-color: #fff;
}

.Scroller-Container {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  color: #fff;
}

#Scrollbar-Container {
  position: absolute;
  top: 0px;
  right: 22px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  width: 19px; height: 426px;
  position: absolute;
  top: 11px; left: 0px;
  background: transparent url(images/scrollbar_track.gif) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 20px; height: 22px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 439px;

}

a.age div{
	z-index:20;
	position:absolute;
	left:250px;
	top:400px;
	width:180px;
	height:25px;
	border:solid;
	border-color;#fff;
	color:#fff;
	font-size:20px;
	font-color:#fff;
	text-align:center;
	cursor: pointer;
	text-decoration:none;
	background-color:#000;
}

a.age:hover div{
	background-color:#f90;
}