/* BITOGRAPHY HOME 29 MAY 2010 */

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ol, ul {
	list-style:none;
}

a:active {
  outline:none;
}

:focus {
	outline:0;
    -moz-outline-style:none;
}

img {
-webkit-tap-highlight-color:rgba(44,44,44,0.44);
-webkit-touch-callout:none;
-webkit-user-select: none;
}

ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

::selection {
   background:transparent;
   color:inherit;
}

::-moz-selection {
   background:transparent;
   color:inherit;
}

/* main */

body {
	margin:0px;
	padding:0px;
	background-color:#4d4d4d;
	color:#000000;
  	font-family: "Times New Roman", Times, serif;
 	font-size: .87em;
  	line-height: 1.4em;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	-webkit-touch-callout:none;
	-webkit-user-select: none;
}
h1, h2, h3, h4, h5, h6 {
	margin:.8em 0 .2em 0;
	padding:0;
	letter-spacing:0;
	border-bottom:0 !important;
}

a {
	border-bottom:0px;
	border:none 0;
	color:#999999;
 	text-decoration: underline;
}

a:hover {
	color:#ffffcc;
	text-decoration: underline;
}

a:active {
  outline:none;
}

a:focus {
	outline:0px dotted #ffffcc;
}

:focus {
  -moz-outline-style:none;
}

p {
	margin:.3em 0 .4em 0;
	padding:0;
}
img {
	margin:0;
    border:none 0;
}

hr {
	border: none 0; 
	border-top: 2px solid #000;
	width: 100%;
	margin-bottom:14px;
}
  
form { 
 border: 0px; 
 padding: 0px; 
}

input {
 border: 1px solid #652d90;
 color: #652d90; 
 background-color: #000;
 border-color: #652d90;
}

.okbutton {
 cursor: pointer;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 border: 0px;   
 background-color: #652d90;   
 color: #000;    
 margin-left: 0px;    
 margin-top: 7px;    
 margin-bottom: 0px;    
}

/* @media screen and (-webkit-min-device-pixel-ratio:0) {
body {margin-right: -16px; margin-left:}   crazy hack to target Safari 3/GoogleChrome only --for now
#lbOverlay {width: 220%; height:2200%;} }; */

/* nav_main page buttons */
.rollover { opacity:0; }

ul.nav_main {
	display:inline;
	float:left;
	margin:0px;
	list-style-image:none;
	list-style-type:none;
}	
	
li.nav_art a {
	display:block;
	width:57px;
	height:574px;
	position:relative;
}	
li.nav_art a .rollover {
	display:block; 
	position:absolute; 
	width:57px; 
	height:574px;
	background:url(/gfx/art_btn_on.png);
}

li.nav_sound a {
	display:block;
	width:62px;
	height:343px;
	position:relative;
}	
li.nav_sound a .rollover {
	display:block; 
	position:absolute; 
	width:62px; 
	height:343px;
	background:url(/gfx/sound_btn_on.png);
}

li.nav_design a {
	display:block;
	width:56px;
	height:271px;
	position:relative;
}	
li.nav_design a .rollover {
	display:block; 
	position:absolute; 
	width:56px; 
	height:271px;
	background:url(/gfx/design_btn_on.png);
}

li.nav_things a {
	display:block;
	width:74px;
	height:373px;
	position:relative;
}	
li.nav_things a .rollover {
	display:block; 
	position:absolute; 
	width:74px; 
	height:373px;
	background:url(/gfx/things_btn_on.png);
}

li.nav_never a {
	display:block;
	width:64px;
	height:703px;
	position:relative;
}	
li.nav_never a .rollover {
	display:block; 
	position:absolute; 
	width:64px; 
	height:703px;
	background:url(/gfx/never_btn_on.png);
}

li.nav_superego a {
	display:block;
	width:98px;
	height:592px;
	position:relative;
}	
li.nav_superego a .rollover {
	display:block; 
	position:absolute; 
	width:98px; 
	height:592px;
	background:url(/gfx/superego_btn_on.png);
}

li.nav_soup a {
	display:block;
	width:82px;
	height:494px;
	position:relative;
}	
li.nav_soup a .rollover {
	display:block; 
	position:absolute; 
	width:82px;
	height:494px;
	background:url(/gfx/soup_btn_on.png);
}

li.nav_other a {
	display:block;
	width:127px;
	height:429px;
	position:relative;
}	
li.nav_other a .rollover {
	display:block; 
	position:absolute; 
	width:127px;
	height:429px;
	background:url(/gfx/balls_btn_on.png);
}

li.nav_gilbert a {
	display:block;
	width:63px;
	height:769px;
	position:relative;
}	
li.nav_gilbert a .rollover {
	display:block; 
	position:absolute; 
	width:63px;
	height:769px;
	background:url(/gfx/gilbert_btn_on.png);
}

li.nav_contact a {
	display:block;
	width:140px;
	height:123px;
	position:relative;
}	
li.nav_contact a .rollover {
	display:block; 
	position:absolute; 
	width:140px;
	height:123px;
	background:url(/gfx/contact_btn_on.png);
}

/* Page Styles */
	
#fixed {
	margin:0 auto 0 auto;
	width:860px;
	text-align:left;
	padding-left:11px;
}
.colmask {
	position:relative;
	float:left;
	width:100%;
	overflow:auto;
	word-wrap: break-word; /* for IE, force it to wrap text and keep it inside the div */
}
.colright,
.colleft {
	float:left;
	position:relative;
	width:100%;
}
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9 {
	float:left;
	position:relative;
	padding:0 0 0 0;
	overflow:hidden;
}

/* Full page settings */
.fullpage {
	width:100%;
	float:left;
	position:relative;
	clear:both;
	word-wrap: break-word; /* for IE, force it to wrap text and keep it inside the div */
}
.fullpage .col1 {
	width:98%;			/* page width minus left and right padding */
	left:0%;			/* page left padding */
	float:left;
	position:relative;
	padding:0 0 0 0;
	overflow:hidden;
	overflow:auto;
}
	
/* 3 Column settings */
.triplepage {
	width:100%;
	float:left;
	clear:both;
	word-wrap: break-word; /* for IE, force it to wrap text and keep it inside the div */
}
.triplepage .colleft {
	right:31%;			/* right column width */
}
.triplepage .col1 {
		width:27.5%;				/* width of center column content (column width minus padding on either side) */
		left:34%;				/* 100% plus left padding of center column */
	}
.triplepage .col2 {
		width:27.5%;				/* Width of left column content (column width minus padding on either side) */
		left:38%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
.triplepage .col3 {
		width:27.5%;				/* Width of right column content (column width minus padding on either side) */
		left:42%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

/* 9 column settings */
.ninepage {
	width:100%;
	float:left;
	clear:both;
	word-wrap: break-word; /* for IE, force it to wrap text and keep it inside the div */
	font-size:.74em;
	line-height:1.2em;
	font-weight:normal;
	font-style:normal;
	font-family:Arial, Verdana;
	text-align:center;
}
.ninepage .col1 {
	padding-left:30px;
	width:7.5%;
	overflow:hidden;
}
.ninepage .col2 {
	width:8%;
	overflow:hidden;
}
.ninepage .col3 {
	width:7.5%;
	overflow:hidden;
}
.ninepage .col4 {
	width:9.7%;
	overflow:hidden;
}
.ninepage .col5 {
	width:8.4%;
	overflow:hidden;
}
.ninepage .col6 {
	width:13%;
	overflow:hidden;
}
.ninepage .col7 {
	width:11%;
	overflow:hidden;
}
.ninepage .col8 {
	width:16.7%;
	overflow:hidden;
}
.ninepage .col9 {
	width:7.5%;
	overflow:hidden;
}

#footer {
	float:left;
	width:99%;
    overflow:auto;
    clear:both;
	word-wrap: break-word; /* for IE, force it to wrap text and keep it inside the div */
}
#footer p {
  	font-family: arial, helvetica, sans-serif;
 	font-size: 62.5%;	 /* 10px */
  	line-height: 1.5em; /* 15px */
	text-align:center;
}

/* header class */
.bitography { text-align:center; }

/* studiomovie */
.fellas { width:204px; height:61px; padding:0; margin:0px; overflow:hidden; }
.fellas img { width:204px; height:61px; padding:0; top:0; left:0px; }

/* simple Clearfix */
.clear {clear:both;}