/* Main Styles ////////////////////////////////// */

* {
	margin: 0;
	padding: 0;
} 

body {
background: #ffffff url(../elements/homepageBG.jpg) center top no-repeat;
font: normal 0.80em/150% Arial, Helvetica, sans-serif;
color: #f8f8f8;
text-align: center;
}

#conTainer {
width: 700px;
margin: 0 auto;
text-align: left;
}

#navColumn #liveLink {
color: #ff9933;
}

#mastHead {
height: 70px;
background: transparent url(../elements/AndreasH.gif) center center no-repeat;
text-indent: -2500px;
overflow: hidden;
}

#midField {
height: 462px;
width: 660px
}

#midField #featurePanel {
float: left;
width: 450px;
height: 462px;
background: transparent url(../elements/featurePanelBG.png);
}

#navColumn {
float: left;
list-style-type: none;
width: 126px;
margin-top: 275px;
}

#navColumn li {
display: inline;
}

#navColumn a {
display: block;
width: 115px;
text-align: right;
font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
color: #a7a7a7;
text-decoration: none;
text-transform: uppercase;
}

#navColumn a:hover {
color: #333333;
}



h2 {
position: absolute;
margin: 436px 0 0 65px;
font: normal 100%/20px Arial, Helvetica, sans-serif;
color: #cccccc;
text-transform: uppercase;
text-align: center;
letter-spacing: 8px;
z-index: 2;
}

#imageShadow {
position: absolute;
width: 300px;
height: 420px;
margin: 15px 0 0 95px;
}

#aPhoto {
position: absolute;
width: 125px;
height: 120px;
margin: 15px 0 0 -92px;
background: url(../images/kontakt_s.jpg) no-repeat;
}

#textHolder {
position: absolute;
width: 300px;
height: 420px;
margin: 15px 0 0 80px;
}

#featureField {
position: absolute;
margin: 55px 0 0 170px;
width: 660px;
height: 462px;
text-align: left;
}

#featureField #artistPhoto {
display: block;
margin: 0 auto;
width: 85px;
height: 100px;
}


#footerPanel {
position: relative;
height: 130px;
width: 99%;
text-align: center;
}

#footerPanel #footerInsertOne {
color: #8f8f8f;
height: 60px;
line-height: 60px;
letter-spacing: 4px;
}

#footerPanel #footerInsertTwo {
color: #8f8f8f;
margin-top: 1px;
font-size: 80%;
}