body {
	margin: 0;
	padding: 0;
	background-color: black;
}

* A:link, A:visited, A:active, A:hover
{
	color: red;
	text-decoration: none;
}

* A:hover
{
	text-decoration: underline;
}


h1 { font-size: 24px; }


#container {
	width: 1024;
	height: 676;
	background-color: black;
	margin: 0 auto;
	position:relative;
}

#menu-background {
	filter:alpha(opacity=55); /* IE's opacity*/
	opacity:0.55; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:20px;
	top:85px;
	width:200px;
	height:240px;
	z-index: 1;
}

#menu-content {
	height: 50px; /* whatever floats your boat */
    width: 400px; /* whatever floats your boat */
    filter:alpha(opacity=100); /* Make IE understand that this is not transparent */
    opacity:1; /* Make CSS compliant browsers understand this is not transparent */
    position:relative;
    top: -145px; /* whatever puts the text where you need it */
    left: 40px; /* again, wherever you need the text */
     
    

    color: white;
    font-family: 'arial';
    font-size: 10pt;
    z-index: 1;
}

#menu-content h1 {
	font-size: 16px;
}

#menu-content ul {
	list-style-type: none;
	margin-left: -30px;
}

#menu-content ul li {
	margin-bottom: 5px;
}

#menu-content a {
	color: white;
	text-decoration: none;
}

#menu-content a:hover {
	color: red;
	text-decoration: underline;
}

#logo {
	position: relative;	
	top: 0px;
	left: -125px;
	width: 420px;
	height: 272px;


	background-repeat: no-repeat;
}


/* ================================== INDEX ===================== */
#flash {
	z-index: 0;
	position: absolute;
	top: 0px;
	width: 400;
	height: 200;
}

#index-background {
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity:0.8; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:275px;
	top:-220px;

	width:700px;
	height:550px;

	background-image: url('../images/about-bkg.jpg');
	background-repeat: no-repeat;
}

#index-background2 {
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity:0.8; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:600px;
	top:-700px;

	width:400px;
	height:550px;
}


#index-content {
	height: 400px; /* whatever floats your boat */
    width: 350px; /* whatever floats your boat */
    filter:alpha(opacity=100); /* Make IE understand that this is not transparent */
    opacity:1; /* Make CSS compliant browsers understand this is not transparent */

	position:relative;
    top: -1220px; /* whatever puts the text where you need it */
    left: 620px; /* again, wherever you need the text */

    color: white;
    font-family: 'arial';
    font-size: 10pt;
    z-index: 3;
}

/* ============================================================== */


/* ============================== COUNTDOWN ====================== */
#countdown-background {
	filter:alpha(opacity=55); /* IE's opacity*/
	opacity:0.55; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:300px;
	top:-205px;

	width:400px;
	height:150px;
}

#countdown-content {
	height: 400px; /* whatever floats your boat */
    width: 350px; /* whatever floats your boat */
    filter:alpha(opacity=100); /* Make IE understand that this is not transparent */
    opacity:1; /* Make CSS compliant browsers understand this is not transparent */

	position:relative;
    top: -330px; /* whatever puts the text where you need it */
    left: 370px; /* again, wherever you need the text */

    color: white;
    font-family: 'arial';
    font-size: 10pt;
}
/* =============================================================== */


/* =================================== UPCOMING PERFORMANCE ====== */
#up-background {
	filter:alpha(opacity=55); /* IE's opacity*/
	opacity:0.55; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:300px;
	top:-205px;

	width:400px;
	height:150px;
}

#up-content {
	height: 400px; /* whatever floats your boat */
    width: 350px; /* whatever floats your boat */
    filter:alpha(opacity=100); /* Make IE understand that this is not transparent */
    opacity:1; /* Make CSS compliant browsers understand this is not transparent */

	position:relative;
    top: -330px; /* whatever puts the text where you need it */
    left: 370px; /* again, wherever you need the text */

    color: white;
    font-family: 'arial';
    font-size: 10pt;
}
/* =============================================================== */

/* =================================== CYBORG ====== */
#cy-background {
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity:0.8; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:300px;
	top:-265px;

	width:700px;
	height:850px;

	background-image: url('../images/cyborg-bkg.png');
	background-repeat: no-repeat;
}

#cy-background2 {
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity:0.8; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:600px;
	top:-905px;

	width:400px;
	height:550px;
}

#cy-content {
	height: 400px; /* whatever floats your boat */
    width: 350px; /* whatever floats your boat */
    filter:alpha(opacity=100); /* Make IE understand that this is not transparent */
    opacity:1; /* Make CSS compliant browsers understand this is not transparent */

	position:relative;
    top: -1450px; /* whatever puts the text where you need it */
    left: 620px; /* again, wherever you need the text */

    color: white;
    font-family: 'arial';
    font-size: 10pt;
}


/* =============================================================== */

/* =================================== ADVANCE TICKETS ====== */
#at-background {
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity:0.8; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:300px;
	top:-215px;

	width:700px;
	height:550px;
	
	background-image: url('../images/call2presence_promo.jpg');
	background-repeat: no-repeat;
}

#at-background2 {
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity:0.8; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:600px;
	top:-815px;

	width:400px;
	height:550px;
}

#at-content {
	height: 400px; /* whatever floats your boat */
    width: 350px; /* whatever floats your boat */
    filter:alpha(opacity=100); /* Make IE understand that this is not transparent */
    opacity:1; /* Make CSS compliant browsers understand this is not transparent */

	position:relative;
    top: -1300px; /* whatever puts the text where you need it */
    left: 620px; /* again, wherever you need the text */

    color: white;
    font-family: 'arial';
    font-size: 10pt;
}


/* =============================================================== */

/* =================================== video samples ====== */
#vs-background {
	filter:alpha(opacity=55); /* IE's opacity*/
	opacity:0.55; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:300px;
	top:-205px;

	width:400px;
	height:150px;
}

#vs-content {
	height: 400px; /* whatever floats your boat */
    width: 350px; /* whatever floats your boat */
    filter:alpha(opacity=100); /* Make IE understand that this is not transparent */
    opacity:1; /* Make CSS compliant browsers understand this is not transparent */

	position:relative;
    top: -200px; /* whatever puts the text where you need it */
    left: 100px; /* again, wherever you need the text */

    color: white;
    font-family: 'arial';
    font-size: 10pt;
    z-index: 4;
}
/* =============================================================== */

/* =================================== cell ====== */
#cell-background {
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity:0.8; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:200px;
	top:-350px;

	width:600px;
	height:719px;

	background-image: url('../images/cell-bkg.png');
	background-repeat: no-repeat;
}

#cell-background2 {
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity:0.8; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:600px;
	top:-850px;

	width:400px;
	height:550px;
}


#cell-content {
	height: 400px; /* whatever floats your boat */
    width: 350px; /* whatever floats your boat */
    filter:alpha(opacity=100); /* Make IE understand that this is not transparent */
    opacity:1; /* Make CSS compliant browsers understand this is not transparent */

	position:relative;
    top: -1400px; /* whatever puts the text where you need it */
    left: 620px; /* again, wherever you need the text */

    color: white;
    font-family: 'arial';
    font-size: 10pt;
}
/* =============================================================== */

/* =================================== artist ====== */
#art-background {
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity:0.8; /* CSS2 Compliant browsers understand this */
	background:black none repeat scroll 0 0;
	position:relative;
	left:200px;
	top:-250px;

	width:600px;
	height:719px;

	background-image: url('../images/artist-bkg.jpg');
	background-repeat: no-repeat;
}

#artist-content {
	height: 400px; /* whatever floats your boat */
    width: 350px; /* whatever floats your boat */
    filter:alpha(opacity=100); /* Make IE understand that this is not transparent */
    opacity:1; /* Make CSS compliant browsers understand this is not transparent */

	position:relative;
    top: -850px; /* whatever puts the text where you need it */
    left: 550px; /* again, wherever you need the text */

    color: white;
    font-family: 'arial';
    font-size: 10pt;
    z-index: 4;
}

#artist-content ul li {
	background:black none repeat scroll 0 0;
	width:400px;
	padding: 10px;
	margin-bottom: -20px;
}


#artist-content ul {
	list-style-type: none;
}

.hh {
	font-size: 24px;
}

/* =============================================================== */