body {
background: #000;
font-size: 80%;
font-family: Georgia, Times, serif;
color: white;
width:auto;
margin:0 auto;
margin-top: 10px;
overflow: hidden;
font-weight: lighter;
}

h1 { 
font-family: Georgia, Times, serif; 
font-size: 175%;
font-style: italic; 
color: black;
font-weight: lighter;
background-color: white;
opacity:0.8;
filter:alpha(opacity=8);
padding-left: 10px;
padding-right: 10px;
}

h3 { 
width: 50%;
overflow-x: none;
overflow: none;
font-family: Georgia, Times, serif; 
font-size: 100%;
font-style: italic; 
color: black;
font-weight: lighter;
background-color: white;
opacity:0.8;
filter:alpha(opacity=8);
line-height: 2em;
text-indent: 1%;
}

a { color:black;}
h3 a { 
width: 50%;
overflow-x: none;
overflow: none;
font-family: Georgia, Times, serif; 
font-size: 100%;
font-style: italic; 
color: black;
font-weight: lighter;
background-color: white;
opacity:0.8;
filter:alpha(opacity=8);
line-height: 2em;
text-indent: 1%;
}

h2 { font-family: Georgia, Times, serif; 
font-size: 100%;
//font-style: italic; 
color: white;
font-weight: lighter;
text-transform: uppercase;
}

h4 { font-family: Georgia, Times, serif; 
font-size: 100%;
//font-style: italic; 
color: white;
font-weight: lighter;
text-transform: uppercase;
margin: 0;
}

/* ----- HEADER ----- */

#loading { position: absolute; top: 49.5%; left: 49.5%; z-index: 3; width: 24px; height: 24px; text-indent: -999em; background-image: url(images/progress.gif); }

#supersize{ position:fixed; }

#supersize img, #supersize a{ height:100%; width:100%; position: absolute; z-index: 0; }

#supersize .prevslide, #supersize .prevslide img{ z-index: 1; }

#supersize .activeslide, #supersize .activeslide img{ z-index: 2; }

.demo-show2 { position: absolute; }

#header {
width: auto;
height: inherit;
margin-left: 2%;
margin-bottom: 5%;
margin-bottom: 10px;
z-index: 1001;
position:absolute;
}

.headline {
width: auto;
}

/* ----- MAIN CONTENT ----- */



#content1 { 
width:33%;
margin-top:5%;
margin-left: 2%;
min-height:auto; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
z-index: 1001;
background-color: black;
opacity:0.4;
filter:alpha(opacity=40);
position:absolute;
padding-left: 10px;
text-align: left;
float: left;
}

#content2 { 
width:50%;
margin-top:25%;
margin-left: 2%;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
z-index: 1001;
position:absolute;
text-align: left;
float: left;
}


/* ----- FOOTER ----- */



#slickbox { 
//margin-left: 60%;
margin-top:50%;
margin-left: 4%;
z-index:1001;
width:25%;
height:auto;
/* margin-top:2%; */
float: right;
position: absolute;
background-color: black;
opacity:0.4;
filter:alpha(opacity=60);
padding: 2px;
}


.footer { padding: 10px; }


/* ----- LINK STUFF ----- */

h1 a {color:black;}
a {  color: #ffffff; outline: none; text-decoration: none;  }
a:hover { text-decoration: none; color: #404040; }
a:hover #mail { text-decoration: none; color: white; }