@charset "utf-8";
/* CSS Document */

body {
	height:100%;
	background-color:#000000;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#screen {
		float:left;
	}
	#menu_child {
		margin-bottom:-50px;
		float:right;
		position:relative;
	}
}

h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	}

a:link {
	color:#FF0000;
	text-decoration:none;
	}
a:active {
	color:#FF0000;
	text-decoration:none;
	}
a:visited {
	color:#FF0000;
	text-decoration:none;
	}
a:hover {
	font-weight:bolder;
	text-decoration:underline;
	}
	
.imagen_borde {
	border:#333333 2px solid;
	}
.imagen_borde:hover {
	border:#990000 2px solid;
	}

#fondo {
	background:url(viperion_img/fondo2.jpg) no-repeat;
	width:949px; height:605px;
	position:relative; z-index:3;
	}

#imagen_fondo {
	background:url(viperion_img/imagen_todo.png) no-repeat;
	width:927px; height:613px;
	position:relative; z-index:4;
	}
	
#viperion_logo {
	left:100px;
	position:relative; z-index:5;
	}

#menu {
	width:auto; height:auto;
	float:left;
	top:15px;
	left:200px;
	clear:both;
	position:relative; z-index:7;
	}
#inicio {
	background:url(viperion_img/vip_menu/inicio01.png) no-repeat;
	width:112px; height:47px;
	}
#inicio:hover {
	background:url(viperion_img/vip_menu/inicio02.png) no-repeat;
	}
#banda {
	background:url(viperion_img/vip_menu/banda01.png) no-repeat;
	width:110px; height:48px;
	}
#banda:hover {
	background:url(viperion_img/vip_menu/banda02.png) no-repeat;
	}
#bio {
	background:url(viperion_img/vip_menu/bio01.png) no-repeat;
	width:72px; height:47px;
	}
#bio:hover {
	background:url(viperion_img/vip_menu/bio02.png) no-repeat;
	}
#menu_parent {
	background:url(viperion_img/vip_menu/media01.png) no-repeat;
	width:109px; height:47px;
	}
#menu_parent:hover {
	background:url(viperion_img/vip_menu/media02.png) no-repeat;
	}
#contacto {
	background:url(viperion_img/vip_menu/contacto01.png) no-repeat;
	width:156px; height:48px;
	}
#contacto:hover {
	background:url(viperion_img/vip_menu/contacto02.png) no-repeat;
	}
#inicio, #banda, #bio, #menu_parent, #contacto {
	float:left;
	position:relative; z-index:8;
	}
	
/* SUBMENU */

#menu_child {
	background:url(viperion_img/fondo_submenu.png) no-repeat;
	width:150px; height:166px;
	display:inline-table;
	top:46px;
	left:-290px;
	margin-bottom:-118px;
	text-align:center;
	position:relative; z-index:7;
	}

#audio {
	background:url(viperion_img/vip_menu/audio01.png) no-repeat;
	width:68px; height:19px;
	}
#audio:hover {
	background:url(viperion_img/vip_menu/audio02.png) no-repeat;
	}
#videos {
	background:url(viperion_img/vip_menu/videos01.png) no-repeat;
	width:74px; height:18px;
	}
#videos:hover {
	background:url(viperion_img/vip_menu/videos02.png) no-repeat;
	}
#fotos {
	background:url(viperion_img/vip_menu/fotos01.png) no-repeat;
	width:62px; height:18px;
	}
#fotos:hover {
	background:url(viperion_img/vip_menu/fotos02.png) no-repeat;
	}
#prensa {
	background:url(viperion_img/vip_menu/prensa01.png) no-repeat;
	width:78px; height:18px;
	}
#prensa:hover {
	background:url(viperion_img/vip_menu/prensa02.png) no-repeat;
	}
#audio, #videos, #fotos, #prensa {
	float:left;
	clear:left;
	margin-top:15px;
	left:35px;
	position:relative; z-index:8;
	}

/* ------------------ */
	
#texto {
	width:760px; height:300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:12px;
	left:90px;
	position:relative; z-index:6;
	}
	
.titulos {
	background:url(viperion_img/titulos.png) no-repeat;
	width:344px; height:40px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#CCCCCC;
	font-weight:bold;
	padding-top:10px;
	text-align:right;
	margin-bottom:-10px;
	position:relative; z-index:7;
	}
	
#overtext {
	background:url(viperion_img/over_text.png) no-repeat;
	width:183px; height:143px;
	float:right;
	display:inline-table;
	margin-top:-34px;
	margin-bottom:-143px;
	margin-right:17px;
	position:relative; z-index:10;
	}
	
/* SCROLLBARS */
	#screen {
		position: relative;
		left:0px;
		height:300px;
		top:-35px;
		width:890px;
		overflow:auto;
		background:none;
	}
	.content {
		position:relative;
		height: 100%;
	}
	.cds_scrollbar {
		position: absolute; 
		background:url(viperion_img/vip_scrollbars/bumps3.png);
		padding-right:7px;
		right: 0px;
		height:100%;
		cursor: pointer;
	}
	.cds_scrollbar_over {
		background:url(viperion_img/vip_scrollbars/bump1.png);
		padding-right:7px;
	}
	.cds_scrollbar_pushed {
		background:url(viperion_img/vip_scrollbars/bump0.png);
		padding-right:7px;
	}
	.cds_track {
		position: absolute;
		background:url(viperion_img/vip_scrollbars/bumps2.png);
		right: -1px;
		top: 0px;
		padding-right:7px;
		height: 100%;
		cursor: pointer;
	}
	.cds_up {
		position: absolute;
		background:url(viperion_img/vip_scrollbars/bump6.png);
		padding-right:7px;
		right: 0px;
		top: 0px;
		cursor: pointer;
	}
	.cds_down {
		position: absolute;
		background:url(viperion_img/vip_scrollbars/bump5.png);
		padding-right:7px;
		right: 0px;
		bottom: 0px;
		cursor: pointer;
	}
	
#footer01 {
	width:480px; height:40px;
	top:328px;
	left:80px;
	float:left;
	clear:both;
	display:inline;
	border-top:#333333 1px solid;
	padding-top:7px;
	position:relative; z-index:6;
	}
.footer_text {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	float:left;
	}
#myspace {
	background:url(viperion_img/myspace_icon01.png) no-repeat;
	}
#myspace:hover {
	background:url(viperion_img/myspace_icon02.png) no-repeat;
	cursor:pointer;
	}
#fotolog {
	background:url(viperion_img/fotolog_icon01.png) no-repeat;
	}
#fotolog:hover {
	background:url(viperion_img/fotolog_icon02.png) no-repeat;
	cursor:pointer;
	}
#facebook {
	background:url(viperion_img/fecebook_icon01.png) no-repeat;
	}
#facebook:hover {
	background:url(viperion_img/fecebook_icon02.png) no-repeat;
	cursor:pointer;	
	}
#myspace, #fotolog, #facebook {
	width:47px;
	height:40px;
	margin-right:10px;
	float:left;
	position:relative;
	}
	
#audio_lineup {
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:5px;
	padding:5px;
	border:#333333 2px solid;
	position:relative; z-index:4;
	}
#audio_recorded {
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	margin:5px;
	padding:5px;
	position:relative; z-index:4;
	}
	
#legalstuff {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#AE5B1E;
	margin-top:15px;
	padding:20px;
	position:relative; z-index:4;
	}