/* @override http://fabulousbeast.net/script/new.css */

/* @override http://fabulousbeast.net/script/new.css */

/* 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,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
vertical-align:baseline;
height:100%;
font-variant:inherit;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
text-rendering: optimizeLegibility;

}

p {
font-family:"Greta Grande Regular", "Times New Roman", Times, serif;
font-style:normal;
font-weight:normal;
font-stretch:normal;
font-variant:normal;
}

em,i {
font-family:"Greta Grande Regular Italic", "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
font-stretch:normal;
font-variant:normal;
letter-spacing:0.5px;
}

strong,b {
font-family:"Greta Grande Medium", "Times New Roman", Times, serif;
font-style:normal;
font-weight:bold;
font-stretch:normal;
font-variant:normal;
color:#fff;
}

.white {
color:#fff;
}

.img {
border:none;
}

body {
list-style-type:none;
background-color:#000;
color:#fff;
height:100%;
width:100%;
overflow:hidden;
margin:0;
padding:0;
}

* a {
text-transform:none;
text-decoration:none;
color:#efefef;
}

a:hover {
text-transform:none;
text-decoration:underline;
color:#fff;
}

#wrapper {
height:100%;
z-index:-1;
overflow:hidden;
background-image:url(http://fabulousbeast.net/images/site/dot.gif);
}

#wrapperP {
height:100%;
z-index:5;
overflow:hidden;
}

#wrapperscroll {
z-index:-1;
}

#content {
overflow:hidden;
width:100%;
position:relative;
height:600px;
float:left;
}

#scroll {
width:100%;
position:relative;
float:left;
}
 #scroll iframe, #scroll object{
	height: 350px;
	margin-bottom: 15px;
}
.section {
width:100%;
height:100%;
position:relative;
background-color:#000;
}

.section .sub {
position:relative;
float:left;
width:100%;
height:100%;
padding:0;
}

#slideshow {
width:100%;
height:100%;
z-index:0;
}

ul {
height:100%;
list-style-type:none;
left:0;
margin:0;
padding:0;
}

li {
margin:0;
padding:0;
}

#imgNavLeft {
left:10px;
z-index:20;
width:45px;
height:20px;
position:absolute;
bottom:5px;
display:block;
cursor:pointer;
background:url(http://fabulousbeast.net/images/site/arrows.png) no-repeat 7px -60px;
text-indent:-9999px;
margin:0;
padding:0 0 0 10px;
}

#imgNavRight {
left:70px;
z-index:20;
width:45px;
height:20px;
position:absolute;
bottom:5px;
display:block;
cursor:pointer;
background:url(http://fabulousbeast.net/images/site/arrows.png) no-repeat 7px -40px;
text-indent:-9999px;
margin:0;
padding:0 0 0 10px;
}

#imgTitleHolder {
left:20px;
z-index:20;
font:11px Monaco, Verdana, "Courier New", monospace;
height:55px;
position:absolute;
float:left;
bottom:0;
visibility:visible;
padding:0;
}

#sitemenuscroll {
width:100%;
position:fixed !important;
bottom:0;
height:55px;
left:0;
background:rgba(0,0,0,0.8) !important;
  background-color: #000; 
padding:0;
}

.sitemenuitem {
height:44px;
float:left;
margin:0;
padding:0;
}

.sitemenuitem p {
text-align:left;
font:11px Monaco, Verdana, "Courier New", monospace;
margin-right:1px;
padding:20px 0 0;
}

.sitemenuitem p a {
margin-left:20px;
}

#colophon {
height:44px;
float:right;
margin:0;
padding:0;
}

#colophon p {
text-align:left;
font:11px Monaco, Verdana, "Courier New", monospace;
margin-left:20px;
margin-right:20px;
padding:20px 0 0;
}

#images {
overflow:hidden;
}

#prodmenu {
width:100%;
position:fixed !important;
bottom:55px;
height:33px;
left:0;
border-top:1px solid #000;
padding:0;
}

#prodmenuscroll {
width:100%;
position:fixed !important;
bottom:55px;
height:33px;
left:0;
border-top:1px solid #000;
background:rgba(0,0,0,0.8) !important;
  background-color: #000; 
padding:0;
}

#information p {
font-size:100px;
line-height:100%;
font-family:"Greta Grande Regular", "Times New Roman", Times, serif;
font-style:normal;
font-weight:normal;
font-stretch:normal;
font-variant:normal;
color:#666;
margin:0 0 0 20px;
padding:10px 25px 10px 0;
}

#information p strong {
font-family:"Greta Grande Medium", "Times New Roman", Times, serif;
font-style:normal;
font-weight:bold;
font-stretch:normal;
font-variant:normal;
}

.menuitem {
height:9%;
font-size:20px;
color:#666;
font-family:"Greta Grande Regular", "Times New Roman", Times, serif;
white-space:nowrap;
visibility:hidden;
padding:0 0 0 18px;
}

.bkgimages {
overflow:hidden;
width:100%;
position:fixed !important;
z-index:-5;
}

.bkgholder {
position:absolute;
top:0;
z-index:-1;
}

.bkgimages,.bkgimages UL,.bkgimages UL LI {
position:fixed;
top:0;
right:0;
left:0;
bottom:0;
}

.bkgimages UL,.bkgimages UL LI {
list-style:none;
margin:0;
padding:0;
}

.thirdcolumn {
width:26%;
float:left;
margin-top:40px;
margin-left:21px;
margin-right:40px;
height:550px;
}

.thirdcolumn p {
font-size:20px;
font-family:"Greta Grande Regular", "Times New Roman", Times, serif;
font-style:normal;
font-weight:normal;
font-stretch:normal;
font-variant:normal;
color:#888;
margin:0;
padding:0;
}

.thirdcolumn p i {
font-size:20px;
font-family:"Greta Grande Regular Italic", "Times New Roman", Times, serif;
font-style:normal;
font-weight:normal;
font-stretch:normal;
font-variant:normal;
color:#888;
}

.twothirdcolumn {
width:55%;
float:left;
height:auto;
font-size:20px;
font-family:"Greta Grande Regular", "Times New Roman", Times, serif;
font-style:normal;
font-weight:normal;
font-stretch:normal;
font-variant:normal;
color:#888;
max-width:660px;
clear:left;
margin:30px 40px 40px 21px;
}

.twothirdcolumn img {
float:left;
margin-right:20px;
}

.twothirdcolumn p {
font-size:24px;
line-height:29px;
font-family:"Greta Grande Regular", "Times New Roman", Times, serif;
font-style:normal;
font-weight:normal;
font-stretch:normal;
font-variant:normal;
color:#888;
margin:0;
padding:0 0 14px;
}

.twothirdcolumnthumb {
float:left;
height:200px;
overflow:hidden;
margin-bottom:20px;
}

.twothirdcolumnvideo {
float:left;
height:400px;
width:600px;
}

.spacer {
clear:both;
height: 0;
}

.input{
background: #222; border: 0; color:white; -moz-border-radius: 2px; -webkit-border-radius: 2px;border: 0; padding: 7px 6px 6px 8px;
font:11px Monaco, Verdana, "Courier New", monospace;
	margin: 0;
}
.submit{background: #444; border: 0; color:white; -moz-border-radius: 2px; -webkit-border-radius: 2px;border: 0; padding: 6px 6px 7px 8px;
font:11px Monaco, Verdana, "Courier New", monospace;
	cursor: pointer;
	letter-spacing: .1em;
	margin-top: 0;
}


#scale {
height:90%;
}

.sponsor {
margin-top:3.2%;
margin-left:2px;
display:block;
text-indent:-9999px;
float:left;
height:55px;
}

.sponsor1,.sponsor1:hover,.sponsor2,.sponsor2:hover {
display:block;
margin-right:10px;
width:130px;
}

.sponsor1 {
background:url(http://fabulousbeast.net/images/site/sponsorlogos.png) no-repeat 0 0;
}

.sponsor1:hover {
background:url(http://fabulousbeast.net/images/site/sponsorlogos.png) no-repeat 0 -55px;
}

.sponsor2 {
background:url(http://fabulousbeast.net/images/site/sponsorlogos.png) no-repeat -130px 0;
}

.sponsor2:hover {
background:url(http://fabulousbeast.net/images/site/sponsorlogos.png) no-repeat -130px -55px;
}

#artists {
width:90%;
margin-top:30px;
margin-left:21px;
margin-bottom:240px;
}

.artist {
width: 191px;
font-size:16px;
font-family:"Greta Grande Regular", "Times New Roman", Times, serif;
font-style:normal;
font-weight:normal;
font-stretch:normal;
font-variant:normal;
color:#888;
padding-bottom:30px;
	float: left;
	height: 330px;
}

.artistimg {
height:310px;
}

.artist img {
	padding: 0;
	margin: 0 0 6px;
}

.gap {
height:150px;
width:100%;
float:left;
clear:both;
}

#hiddenload {
height:0;
width:0;
visibility:hidden;
}

.notwhite a,.notwhite a:hover {
color:#888;
font-style:italic;
font-family:"Greta Grande Regular Italic", "Times New Roman", Times, serif;
}

#sitemenu,#sitemenuhome {
width:100%;
position:absolute;
bottom:0;
height:55px;
left:0;
padding:0;
}

#prodmenu p,#prodmenuscroll p {
font:11px Monaco, Verdana, "Courier New", monospace;
color:#888;
padding:15px 15px 0 20px;
}

.menuitem a,.menuitem a:link,.menuitem a:active {
text-decoration:none;
color:#666;
}

.menuitem a:hover {
text-decoration:none;
color:#FFF;
}
