<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>Title</TITLE>
<META NAME="author" CONTENT="Author">
<META NAME="description" CONTENT="Paragraph">
<META NAME="keywords" CONTENT="Words">
<meta name="viewport" content="width=device-width">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#Moosewrap').prepend('<div id="menu-icon">Menu</div>');
$("#menu-icon").on("click", function(){
$(".menu").slideToggle();
$(this).toggleClass("active");
});
});
</script>
<style type="text/css">
body{overflow:scroll;position:fixed;height:100%;width:100%;top:0;left:0;
background-color: #ffffff;
background-image: url("images/mainbgggg.jpg");
position:relative;
z-index:10;
background-image: url(http://mooseloose.com/gridbg.jpg); /* Design Helpler. Delete */
background-size: 100%; /* Design Helpler. Delete */
}
h1{font-family:sans-serif;}
p{font-family:sans-serif;font-size: 12px;font-weight:normal; color: #000000}
A:link{font-family:sans-serif;font-size: 12px;font-weight:normal; color: #0000ff; text-decoration: none;}
A:visited{font-family:sans-serif;font-size: 12px;font-weight:normal; color: #0000ff}
A:hover{font-family:sans-serif;font-size: 12px;font-weight:normal; color: #ff0000}
html,body{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;background-color:#000}
#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;}
.container_12 {
background-image: url("http://mooseloose.com/images/opak.png");
background-size: 100%;
width: 660px;
border: 0px solid black;
padding:0px;
z-index:999;
position:absolute;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.fluid_1,
.fluid_2,
.fluid_3,
.fluid_4,
.fluid_5,
.fluid_6,
.fluid_7,
.fluid_9,
.fluid_8,
.fluid_10,
.fluid_11,
.fluid_12 {
text-align:left;
display: inline;
float: left;
}
.container_12 .fluid_1 {width:8.33333%;}
.container_12 .fluid_2 {width:16.66666666%;}
.container_12 .fluid_3 {width:25.0%;}
.container_12 .fluid_4 {width:33.333%;}
.container_12 .fluid_5 {width:41.666666%;}
.container_12 .fluid_6 {width:50.00%;}
.container_12 .fluid_7 {width:58.33333%;}
.container_12 .fluid_8 {width:66.666666%;}
.container_12 .fluid_9 {width:75%;}
.container_12 .fluid_10 {width:83.333%;}
.container_12 .fluid_11 {width:91.666%;}
.container_12 .fluid_12 {width:100%;}
/* Header */
#Headera {height:160px;background:black } /* header stuf */
/* footer */
#footera {height:160px } /* footer info */
/* Adds */
#Addsa { } /* left */
#Addsb { } /* middle */
#Addsc {} /* right */
.sbAddsa {margin:5px;} /* nested left */
.sbAddsb {margin:5px;} /* nested middle */
.sbAddsc {margin:5px;} /* nested right */
/* Paste Here or Delete */
.sbAddsa,
.sbAddsb,
.sbAddsc,
.mooseloose {padding:5px;border: 1px dotted #444;background-image: url("http://mooseloose.com/images/opak.png");color:#fff}
.Loose p, a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
color:#000000}
.Loose h1{
font-family:Georgia, serif;
font-size:18px;
line-height:22px;
color:#000000}
/* root element for tabs */
ul.Moose-tabs {
margin:0 !important;
padding:0;
height:30px;
border-bottom:1px solid #FFFF99;
}
/* single tab */
ul.Moose-tabs li {
float:left;
padding:0;
margin:0;
list-style-type:none;
}
/* link inside the tab. uses a background image */
ul.Moose-tabs a {
float:left;
font-size:12px;
display:block;
padding:1px 10px;
text-decoration:none;
border:1px solid #FFFF99;
border-bottom:0px;
height:18px;
background-color:#FF0000;
color:#FFFFFF;
margin-right:2px;
position:relative;
top:9px;
outline:0;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
ul.Moose-tabs a:hover {
background-color:#CC0000;
color:#FFFFFF;
}
/* selected tab */
ul.Moose-tabs a.current {
background-color:#FFCC66;
border-bottom:1px solid #FFCC66;
color:#000000;
cursor:default;
}
/* tab pane */
.Loose div {
display:none;
border:1px solid #FFFF99;
border-width:0 1px 1px 1px;
min-height:150px;
padding:15px 20px;
background-color:#FFCC66;
overflow:auto;
height:300px;
}
</style>
</HEAD>
<BODY>
<DIV class="moosewrap">
<DIV class="container_12">
<!-- HEADER STUF -->
<diV id="Headera" class="fluid_12">
</diV>
<div style="clear:both"></div>
<!-- LEFT -->
<diV id="Addsa" class="fluid_4">
<Div class="sbAddsa">
left content
</Div>
</diV>
<!-- MIDDLE -->
<diV id="Addsb" class="fluid_4">
<Div class="sbAddsb">
middle content
</Div>
</diV>
<!-- RIGHT -->
<diV id="Addsc" class="fluid_4">
<Div class="sbAddsc">
right content
</Div>
</diV>
<!-- FOOTER INFO -->
<diV id="footera" class="fluid_12">
<ul class="Moose-tabs">
<li><a id="moose1" href="#tab1">Home</a></li>
<li><a id="moose2" href="#tab2">About</a></li>
<li><a id="moose3" href="#tab3">Mission</a></li>
<li><a id="moose4" href="#tab4">Philosophy</a></li>
<li><a id="moose5" href="#tab5">Contact</a></li>
<li><a id="moose6" href="#tab6">Examples</a></li>
</ul>
<div class="Loose">
<div><h1>Home</h1>
<P>Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.</P></div>
<div><h1>About</h1>
<P>Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.</P></div>
<div><h1>Mission</h1>
<P>Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.</P></div>
<div><h1>Philosophy</h1>
<P>Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.</P></div>
<div><h1>Contact</h1>
<P>Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.</P></div>
<div><h1>Examples</h1>
<P>Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm. Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.</P></div>
</div>
</diV>
<div style="clear:both"></div>
</DIV></DIV>
<script src="js/jquery-ui-1.8.22.custom.min.js"></script>
<script src="js/video.js"></script>
<script src="js/bigvideo.js"></script>
<script>
$(function() {
var BV = new $.BigVideo();
BV.init();
BV.show(['video/002.MP4'],{ambient:true});
});
</script>
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<script>
var $feardearg = jQuery.noConflict();
$feardearg(function() {
$feardearg(".Moose-tabs:first").tabs(".Loose:first > div", { history: true });
});
</script>
</body>
</html>