body {
width: 100%;
height: 100%;
background-color: #323132;
color: #323132;
margin: auto 0;
padding: 0;
font-family: "Helvetica", arial, sans-serif;
line-height: 160%;
font-size: small;
}

html header, footer, nav, section, article {
display:block;
}


header#logo{

position: relative;
width:100%;
height: 80px;
background-color: #a90e13;
margin: 0;
padding: 5px 0;
}

article#main {
width:100%;

height: 60px;
position: relative;
background-color: #323132;
margin: 5px 0;
padding: 5px 0;

}
table{

width: 500px;
margin: 0 auto;
padding: 0;

}

header#logo article#main table tr td{

width: auto;
padding-right: 50px;

}

header#logo article#main table tr td.bio a{
background-image: url("../images/bio_red.png");
background-repeat: no-repeat;
background-position: top;
display:block;
width: 80px;
padding:10px;
text-decoration: none;
border: none;
}

header#logo article#main table tr td.port a{
background-image: url("../images/portfolio_red.png");
background-repeat: no-repeat;
display:block;
width: 100px;
padding:10px;
text-decoration: none;
border: none;
}

header#logo article#main table tr td.serv a{
background-image: url("../images/services_red.png");
background-repeat: no-repeat;
display:block;
width: 100px;
padding:10px;
text-decoration: none;
border: none;
}

header#logo article#main table tr td.con a{
background-image: url("../images/contact_red.png");
background-repeat: no-repeat;
display:block;
width: 100px;
padding:10px;
text-decoration: none;
border: none;
}

header#logo article#main table tr td.logo a{
border: none;
}

header#logo article#main table tr td.logo a:hover{

opacity:0.4;
filter:alpha(opacity=40);
text-decoration: none;
border: none;

}

header#logo article#main table tr td.bio a:hover{

background-image: url("../images/bio_hover.png");
background-repeat: no-repeat;
text-decoration: none;
border: none;

}

header#logo article#main table tr td.port a:hover{

background-image: url("../images/portfolio_hover.png");
background-repeat: no-repeat;
text-decoration: none;
border: none;

}

header#logo article#main table tr td.serv a:hover{

background-image: url("../images/services_hover.png");
background-repeat: no-repeat;
text-decoration: none;
border: none;

}

header#logo article#main table tr td.con a:hover{

background-image: url("../images/contact_hover.png");
background-repeat: no-repeat;
text-decoration: none;
border: none;

}





img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}


section#nav {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 




}


section#text article{
width: 400px;
height: 300px;
position: relative;
margin-left: 150px;
margin-top: 50px;
color: #ecebe1;
font-family: "Helvetica", arial, sans-serif;

}

section#text article figure{
margin-left: -100px;
}

section#text article footer{
margin-top: 20px;
}

section#form{
width: 400px;
margin-right: 0px;
}

section#form article{
margin-left: 150px;
margin-top: 50px;
width: 400px;
position: relative;


}

section#form article form{

margin-top: 20px;

}

section#form article form td a{

color: #ecebe1;
border: none;

}

section#form article figure{
margin-left: -100px;

}

article#music{
position: absolute;
margin-top: -50px;
margin-left: 20px;
}

article#info{
width: 200px;
position: relative;
margin-left: 450px;
margin-top: -550px;
color: #ecebe1;
}

article#info a{
color: #a90e13;
border: none;
}

article#info a:hover{
color: #ecebe1;
}

article#info p.else a:hover{
opacity:0.4;
filter:alpha(opacity=40);

}

.download a{
color: #a90e13;
border: none;
}

a img{
border: none;
}

ul.web{
list-style-type: none;
}

ul.web li a img{
padding-bottom: 20px;
}

ul.web a:hover{
opacity:0.4;
filter:alpha(opacity=40);
}

ul.web li.white_text{
color: #ecebe1;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 500;
font-size: 200%;
vertical-align: top;


}