@charset "utf-8";
/* CSS Document */



#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:960px;
	height:1000px;
}


#Untitled-1-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:565px;
	height:1px;
}

#gantiverse_ {
	position:absolute;
	left:565px;
	top:0px;
	width:149px;
	height:111px;
}



#fish-top_ {
	position:absolute;
	left:714px;
	top:0px;
	width:193px;
	height:173px;
}

#fish-top2_ {
	position:absolute;
	left:714px;
	top:0px;
	width:193px;
	height:173px;
}

#Untitled-1-04_ {
	position:absolute;
	left:907px;
	top:0px;
	width:53px;
	height:1000px;
}

#Untitled-1-05_ {
	position:absolute;
	left:0px;
	top:1px;
	width:63px;
	height:999px;
}

#title_ {
	position:absolute;
	left:63px;
	top:1px;
	width:502px;
	height:110px;
}

#Untitled-1-07_ {
	position:absolute;
	left:63px;
	top:111px;
	width:1px;
	height:62px;
}

#sarsapadochio_ {
	position:absolute;
	left:64px;
	top:111px;
	width:293px;
	height:31px;
}

#totolunkus_ {
	position:absolute;
	left:357px;
	top:111px;
	width:357px;
	height:31px;
}


#kistlebog_ {
	position:absolute;
	left:64px;
	top:142px;
	width:157px;
	height:31px;
}



#mackaroonilees_ {
	position:absolute;
	left:221px;
	top:142px;
	width:241px;
	height:31px;
}

#spincisbacoza_ {
	position:absolute;
	left:462px;
	top:142px;
	width:252px;
	height:31px;
}


#left-content_ {
	position:absolute;
	left:63px;
	top:173px;
	width:423px;
	height:666px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;

}

#right-content_ {
	position:absolute;
	left:486px;
	top:173px;
	width:421px;
	height:530px;
	border-top:2px solid #000;

}

#right-links_ {
	position:absolute;
	left:486px;
	top:706px;
	width:421px;
	height:135px;
	border-bottom:2px solid #000;
}

#fish-left_ {
	position:absolute;
	left:63px;
	top:843px;
	width:262px;
	height:120px;
}

#gravity_ {
	position:absolute;
	left:325px;
	top:843px;
	width:346px;
	height:120px;
}

#fish-right_ {
	position:absolute;
	left:671px;
	top:843px;
	width:236px;
	height:120px;
}

#Untitled-1-19_ {
	position:absolute;
	left:63px;
	top:963px;
	width:844px;
	height:37px;
}

#line-break {
	border-top: dashed 1px #999;
	width: 150px;
	margin-left: 121px;
}

img.preload { display: none; width: 1px; height: 1px; }

/*typography*/

/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body { 
  font-size: 80%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bolder; 
	margin:50px 0px; padding:0px;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; }
h2 { font-size: 1.6em; margin-bottom: 0.75em; font-family: handvetica, sans-serif; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 1.25em; color:#FFF }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 .5em 0.8em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #9F0; text-decoration: none; font-family:handvetica, sans-serif; }
a           { color: #FFF; text-decoration: underline; font-family:handvetica, sans-serif; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

#right-content_ p a {
	color: #00F;
	text-decoration: none;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#right-content_ p a:hover{
	color: #00F;
	text-decoration: underline;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#right-links_ ul a {
	color: #00F;
	text-decoration: none;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#right-links_ ul a:hover{
	color: #00F;
	text-decoration: underline;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


@font-face { font-family: handvetica; src: url('HandVetica.ttf'); } 
@font-face { font-family: Broken-15; src: url('Broken-15.ttf'); } 
@font-face { font-family: vegur; src: url('Vegur-B 0.600.otf'); } 

/* Lists
-------------------------------------------------------------- */


ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


 li
  {
    line-height: 1.2em;
  }

  li.reset
  {
    margin-top: -5em;
  }
  
   li.column1 { margin-left: 0em; }
  li.column2 { margin-left: 15em; }
  li.column3 { margin-left: 20em; }

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: 1.2em; margin: 83px 0 0 15px; line-height: 1.875em; }
.small2      { font-size: 1.2em; margin: 2px 0 0 15px; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:5px; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.topnav     { margin: 2px 0 0 15px; }



/* Box stuff */

.boxgrid3{ 
				
position:absolute;

	top:0px;
	width:193px;
	height:173px;
				background: #000; 
				overflow: hidden; 
			}


.boxgrid2{ 
				
	position:absolute;
	left:325px;
	top:843px;
	width:346px;
	height:120px;
				background: #000; 
				overflow: hidden; 
			}


.boxgrid{ 
				
				position:absolute;
				left:64px;
				top:111px;
				width:293px;
				height:31px;
				background: #000; 
				overflow: hidden; 
				
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					color: #FFF; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 54px;
	width: 100%;
	opacity: .8;

				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
		}
 				.captionfull3 .boxcaption3 {
 					top: 173;
						left:714px;
				}