/*Thank you plone.org*/

html
{
height: 100%;
}

body
{
font-family: helvetica, sans-serif;
color: white;
background-image: url("imagery/portraits/business-card-vince.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0% 100%; 
background-color: #000000;
height: 100%;
}

body.unreal
{
background-image: url("imagery/spheres/bubble-on-robothand.jpg");
}

body.real
{
background-image: url("imagery/spheres/bubble-on-hand-large.jpg");
}

body.black
{
background-color: black;
background-image: none;
}

#container
{
position: relative;
min-height: 100%;
}

* html #container
{
height: 100%;
}

#header
{
width: 100%;
height: 100px;
}

#subheader
{
width: 100%;
height: 54px;
}

#cutline
{
width: 100%;
height: 46px;
}

#sidebar
{
top: 200px;
right: 0em;
left: 0em;
width: 44%;
margin-left: 2%;
padding: 1%;
padding-bottom: 6em;
float: left;
background-color: transparent;
}

#main
{
background-color: transparent;
top: 200px;
right: 0em;
left: 45%;
width: 44%;
margin-right: 2%;
padding: 1%;
padding-bottom: 6em;
float: right;
}

#callout
{
background-color: transparent;
top: 200px;
right: 0em;
left: 0em;
width: 25%;
margin: 2%;
padding: 1%;
padding-bottom: 1em;
float: left;
clear: right;
}

div.casehistory
{
background-color: transparent;
padding: 2em;
}

h1
{
font-family: helvetica, sans-serif;
color: #333333;
margin-left: 1em;
}

h3
{
font-family: helvetica, sans-serif;
color: #ff0000;
margin-left: 3em;
}

h5
{
font-family: helvetica, sans-serif;
font-size: 100%;
color: #1b60d3;
}

h6
{
font-size: 60%;
margin: 1em;
}

ul
{ 
font-family: helvetica, sans-serif;      
color: white;
padding: 6px;
}

li
{ 
color: white;
margin: 10px;
padding: 0px;
list-style: none;
}

b
{
color: orange;
}

p.discreet
{
font-family: helvetica, sans-serif;
color: orange;
font-weight: 500;
font-size: 80%;
}

p
{
font-family: helvetica, sans-serif;
color: white;
}

a
{
border: none;
}

a:link
{
color: #00aeff;
text-decoration: none;
white-space: nowrap;
}

a:visited
{
color: #b415cc;
text-decoration: none;
white-space: nowrap;
}

a:active
{
color: #ffcc00;
white-space: nowrap;
}

a:hover
{
color: #ffcc00;
white-space: nowrap;
}

a.realover
{
display: block;
width: 123px;
height: 13px;
text-decoration: none;
background: url("real-rollover-button.png");
float: left;
margin-top: 20px;
margin-left: 200px;
}

a.realover:hover
{
background-position: -122px 0;
}

.displace
{
position: absolute;
left: -5000px;
}
	
a.unrealover
{
display: block;
width: 147px;
height: 13px;
text-decoration: none;
background: url("unreal-rollover-button.png");
float: left;
margin-top: 20px;
margin-left: 120px;
}

a.unrealover:hover
{
background-position: -147px 0;
}

.displace
{
position: absolute;
left: -5000px;
}
	
img
{
border-style: none;
}

img.right
{
padding: 10px;
float: right;
margin: 10px;
}

img.left
{
padding: 10px;
float: left;
margin: 10px;
}

img.logo
{
float: left;
margin-left: 0px;
margin-top: 0px;
}

img.brace
{
clear: left;
margin-top: 0px;
margin-left: 250px;
}

embed.right
{
float: right;
}

body #footerholder
{
clear: both;
position: relative;
z-index: 1;
}

#footerholder
{
min-height: 6%;
height: 6%;
voice-family: "\"}\"";
voice-family: inherit;
width: 90%;
margin-top: -6em;
margin-left: 4%;
}