img, div { behavior: url(iepngfix.htc) }

.preload {
display:none;
position:absolute;
top:-1000px;
}

body{
margin: 0;
padding: 0;
border: 0;
height: 100%; 
max-height: 100%; 
font-family:Trebuchet MS;
overflow:auto;
}

p a{
text-decoration:none;
color:#edf2ff;
font-weight:bold;
}

p a:hover{
text-decoration:none;
color:#990099;
background-color:#cc99cc;
border:dotted 1px #ffccff;
}

p {
font-size:13px;
color:#fff;
line-height:18px;
padding:10px;
background-color:#666699;
margin-top:0px;
margin-bottom:25px;
max-width:810px;
width:expression(document.body.clientWidth > 800? "810px": "auto" );
}

hr{
margin-bottom: 20px;
}

hr.clear {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}

h1 {
text-transform: uppercase;
font-size: 30px;
margin: 0;
padding: 0;
margin-bottom: -9px;
padding-top: 25px;
}

h3 {
padding:0;
margin:0;
margin-bottom:-7px;
color:#000033;
z-index:10;
font-variant: small-caps;
font-size:26px;
letter-spacing:0px;
}

h4 {

z-index:10;
}

#framecontent{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 235px; 
overflow: hidden; 
background:url('images/bartile2.gif') repeat-x bottom center #b8b3d7;
background-position:0px 190px;
color: white;
}


#maincontent{
position: fixed; 
top: 235px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: scroll; 
background: #b8b3d7;
padding:0 40px 0 70px;
}

#logo{
position:absolute;
top:0px;
left:0px;
width:432px;
height:235px;
background:url(images/logopng.png) no-repeat;
z-index:9;
}

#menu{
position:absolute; 
bottom:0px; 
right:18px; 
height:301px; 
width:309px; 
background:url(images/menugif.gif) no-repeat bottom right; 
z-index:2;
}

#footer{
position:absolute;
bottom:0px;
right:0px;
background:#333;
height:17px;
width:100%;
text-align:left;
overflow:hidden;
}

#footer p{
margin:0;
padding:0;
margin-left:85px;
font-size:11px;
color:#ccccff;
background:#333;
}

#footer a {
text-decoration:none;
color:#cc6666;
}

#footer a:hover {
text-decoration:none;
color:#fff;
border:none;
background-color:#333;
}

#current {
width:190px;
height:28px;
background:url(images/menu-current-static.gif) no-repeat;
position:absolute;
bottom:106px;
right:0px;
z-index:3;
}

#current a{
display:block;
width:190px;
height:28px;

}

#current a:hover{
background-image:url(images/menu-current-hover.gif);
}

#dev {
width:218px;
height:28px;
background:url(images/menu-dev-static.gif) no-repeat;
position:absolute;
bottom:79px;
right:0px;
z-index:3;
}

#dev a{
display:block;
width:218px;
height:28px;

}

#dev a:hover{
background:url(images/menu-dev-hover.gif) no-repeat;
}

#bios {
width:244px;
height:27px;
background:url(images/menu-bios-static.gif) no-repeat;
position:absolute;
bottom:53px;
right:0px;
z-index:3;
}

#bios a{
display:block;
width:244px;
height:27px;

}

#bios a:hover{
background:url(images/menu-bios-hover.gif) no-repeat;
}

#contact {
width:271px;
height:27px;
background:url(images/menu-contact-static.gif) no-repeat;
position:absolute;
bottom:26px;
right:0px;
z-index:3;
}

#contact a{
display:block;
width:271px;
height:27px;

}

#contact a:hover{
background:url(images/menu-contact-hover.gif) no-repeat;
}

#press {
width:297px;
height:27px;
background:url(images/menu-press-static.gif) no-repeat;
position:absolute;
bottom:0px;
right:0px;
z-index:3;
}

#press a{
display:block;
width:297px;
height:27px;

}

#press a:hover{
background:url(images/menu-press-hover.gif) no-repeat;
}

#bartext {
position:absolute;
top:205px;
left:0px;
padding:0;
padding-left:75px;
padding-right:50px;
margin:0;
z-index:8;
background:url(images/bartabinvertgif.gif) no-repeat top right;
}

#bartext p{
position:relative;
top:-15px;
font-size:32px;
font-weight:bold;
letter-spacing:-2px;
z-index:10;
text-transform: uppercase;
color:#e7e3ff;
background:none;
width:auto;
}


.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.italic {
padding:0;
margin:0;
font-style:italic;
font-size:15px;
font-weight:bold;
color:#fff;
font-variant: small-caps;
letter-spacing:1px;
}

* html body{ /*IE6 hack*/
padding: 235px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}