﻿a:link
{
	color: rgb(255,204,0); 
}
a:visited
{
	color: rgb(255,255,153); 
} 
a:active 
{
	color: rgb(255,51,0);
}
body
{
	font-family: Verdana, Arial, Helvetica;
	color: rgb(255,255,255);
	margin: 0 0 0 0;
}
h6
{
	font-family: Verdana, Arial, Helvetica;
}
h5
{
	font-family: Verdana, Arial, Helvetica;
}
h4
{
	font-family: Verdana, Arial, Helvetica;
}
h3
{
	font-family: Verdana, Arial, Helvetica;
}
h2
{
	font-family: Verdana, Arial, Helvetica;
}
h1
{
	font-family: Verdana, Arial, Helvetica;
}
h1
{
	color: rgb(255,204,0);
}
h2
{
	color: rgb(255,255,255); 
}
h3
{
	color: rgb(204,51,0); 
}
h4
{
	color: rgb(255,255,153);
}
h5
{
	color: rgb(255,255,0);
}
h6
{
	color: rgb(255,255,255);
}
#bodyframe {
	width: 960px;
	height: 640px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	align: center;
	top:0px;
	margin-top:0;
	z-index: 0;
}

#artpageflash {
	width: 101px;
	height: 103px;
	position:absolute;
	right: 0;
	top: 0;
}
	
#content {
	width:750px;
	height:740px;
	background-color:black; 
	background-repeat:repeat;
	position:relative;
    /*	left: 253px; 
	margin:0 0 0 0;*/
	/* left: 5px; */
	top: 15px;
	border:#CCCCCC;
	border:solid;
	border-bottom: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	margin-left: auto;
    margin-right: auto;
	
}

#header {
	position:absolute;
	left: 18px;
	width: 699px;
	height:119px;
	top: 0px;
}


#screenshow {
	position:absolute;
	width: 452px;
	height: 390px;
	position: absolute;
	background-color:#000000;
	style:left: 6px; 
	top: 155px;
	left: 7px;
}
#screen {
	position:absolute;
	width: 673px;
	height: 580px;
	position: absolute;
	style:left: 6px; 
	top: 0px;
	left: 164px;
	visibility: visible;
	z-index: 1;
}

#videobox1 {
	position: absolute;
	align: center;
	width:273px;
	height:210px;
	vertical-align: middle;
	left: 3px;
	top: 8px;
	font-size:12px;
	color: #FFFFFF;
	/* border-bottom: #FFFFFF 1px solid; */
}
#artist_selector {
	position: absolute;
	align: center;
	width:233px;
	height:210px;
	vertical-align: middle;
	left: 3px;
	top: 8px;
	font-size:12px;
	color: #FFFFFF;
	/* border-bottom: #FFFFFF 1px solid; */
}

#videobox2 {
	position:absolute;
	align: center;
	width:273px;
	height:209px;
	vertical-align:middle;	
	left: 3px;	
	top: 225px; 
	font-size:12px;
	color: #FFFFFF;
	border-bottom: #FFFFFF 1px solid;
	}	
#slantedmenu{
	font-weight: bold;
	font-size: 70%;
	position:absolute;
	width:713px;
	height:15px;
	left: 0px;
	top: 123px;
	color: #360c15;	
}

#slantedmenu2{
	font-weight: bold;
	font-size: 70%;
	position:absolute;
	width:713px;
	height:15px;
	left: 0px;
	top: 123px;
	color: #360c15;	
}


#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
; 		left: -5px;
	top: 223px;
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
/*color: #494949; */
color: #360c15;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(file:///Sites/themachinepropductions.com/images/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited {
	color: #360c15;
} 

#slantedmenu ul li a:hover{
color: #FF0000;
}


#newsbox1 {
	position:absolute;
	width:455px;
	height:339px;
	background-image:url(file:///Sites/themachinepropductions.com/images/whitebox.png);
	left: 3px;
	top: 586px;
}
#newsbox1text {
	position:absolute;
	width:202px;
	height:173px;
	left: 0px;
	top: 20px;
	color: #000000;
	font:Verdana, Arial, Helvetica, sans-serif;
	z-index:3000
}

#screenshow2 {
	position:absolute;
	width:450px;
	height:337px;
	left: 7px;
	top: 591px;
	background-color:#000000;
	background-color:#000000;
}
#newsbox2text {
	position:absolute;
	width:200px;
	height:173px;
	left: 0px;
	top: 20px;
	color: #000000;
	font:Verdana, Arial, Helvetica, sans-serif;
	z-index:3000
}
#newsbox3 {
	position:absolute;
	width:271px;
	height:199px;
	background-image: url(file:///Sites/themachinepropductions.com/images/whiteboxwide-HOTHH.jpg);
	left: 7px;
	top: 656px;
}
#newsbox2 {
	position:absolute;
	width:271px;
	height:199px;
	left: 7px;
	top: 444px;
}

#newsbox3 {
	position:absolute;
	width:220px;
	height:199px;
	left: 7px;
	top: 444px;
}

#newsbox3text {
	position:absolute;
	width:120px;
	height:173px;
	left: 137px;
	top: 12px;
	color: #000000;
	font:Verdana, Arial, Helvetica, sans-serif;
	z-index:3000
}
#rightpane {
	width:279px;
	height:861px;
	position:absolute;
	left:466px;
	top:148px;
	border-left: #FFFFFF 1px solid;
}

#ART_rightpane {
	width:243px;
	height:861px;
	position:absolute;
	left:466px;
	top:148px;
	border-left: #FFFFFF 1px solid;
}

#lowerseperator {
	width:450px;
	height:19px;
	vertical-align:middle;
	align: center;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	top:562px;
	left:8px;
	position:absolute;
	border-bottom:#FFFFFF solid 1px;
	border-top:#FFFFFF solid 1px;}
	
#bottommenu {
	width:753px;
	height:30px;
	top:27px;
	position:absolute;
	/* left: 5px; */
	align: center;
	font-size: 80%;
	margin-left: auto;
    margin-right: auto;
	
	
}

#warning {
	width:636px;
	height:39px;
	top:996px;
	position:absolute;
	left: 42px;
	align: center;
	font-size:12px;
}
#flashbuttons {
	width:116px;
	height:298px;
	top:123px;
	position:absolute;
	left: 827px;
	align: center;
	border-top: #FFFFFF 1px solid;
	visibility: visible;
	z-index: 2;
}

#bottommenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
text-align: left; /*set value to "center" for example to center items*/
; 		left: -5px;
	top: 223px;
}

#bottommenu ul li{
display: inline;
}

#bottommenu ul li a{
color: #FFFFFF;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
}

#bottommenu ul li a:visited{
color: #FFFFFF;
} 

#bottommenu ul li a:hover{
color: #360c15;
}
