Top
Home

four header graphics:

400.jpg
720.jpg
986.jpg
1236.jpg

@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@ index.php
@@@@@@@@@@@@@@@@@@@@@@@@@@@@

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<HTML>
<HEAD>
<TITLE></TITLE>
<LINK REV="made" HREF="mailto:Tunes@SessioNite.com">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="author" CONTENT="Gary Farmer">
<META NAME="description" CONTENT="Paragraph">
<META NAME="keywords" CONTENT="Words">
<link rel="stylesheet" href="MooseLoose.css" type="text/css" media="all">
<!--[if lt IE 9 ]><link rel="stylesheet" href="720Moose.css" type="text/css"><![endif]-->
<link rel="stylesheet" href="720Moose.css" type="text/css" media="screen and (min-width: 720px)">
<link rel="stylesheet" href="986Moose.css" type="text/css" media="screen and (min-width: 986px)">
<link rel="stylesheet" href="1236Moose.css" media="screen and (min-width: 1236px)" >
</HEAD>
<BODY>

<DIV class="container_12">
<!-- HEADER -->
<diV id="Headera" class="fluid_12">
<Div class="sbHeadera">

</Div>
</diV>
<div class="clear"></div>
<!-- NAVIGATION -->
<diV id="Navigationa" class="fluid_12">
<Div class="sbNavigationa">
<ul class="feardearg">
<li class="navbuta"><a href="#" title="HOME">HOME</a><ul class='children'><li><a href="#" title="SHOWROOM">SHOWROOM</a></li></ul></li>
<li class="navbutb"><a href="#" title="ABOUT US">ABOUT US</a></li>
<li class="navbutc"><a href="#" title="CONTACT US">CONTACT US</a></li>
<li class="navbutd"><a href="#" title="GALLERY">GALLERY</a>
<ul class='children'><li><a href="#" title="SHOWROOM">SHOWROOM</a></li></ul></li>

</ul>
</Div>
</diV>
<div class="clear"></div>
<!-- LEFT -->
<diV id="BodyContenta" class="fluid_4">
<Div class="sbBodyContenta">
<P>This is the <B>MooseLoose</B> page and you are looking at filler Text. It will be replaced when content is received. Duis interdum MooseLoose egestas ante et imperdiet. Cras felis odio, pretium et lobortis ac, dapibus MooseLoose eu velit. Pellentesque vehicula porta scelerisque. Vivamus nec ligula est. Suspendisse MooseLoose  ac consequat leo.</P>
</Div>
</diV>
<!-- MIDDLE -->
<diV id="BodyContentb" class="fluid_4">
<Div class="sbBodyContentb">
<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>
<!-- RIGHT -->
<diV id="BodyContentc" class="fluid_4">
<Div class="sbBodyContentc">
<p>Donec mattis justo at  MooseLoose dolor sagittis varius iaculis ligula pretium. Morbi ornare purus sit amet MooseLoose augue iaculis a volutpat mauris lobortis. Quisque nunc elit, euismod id vestibulum quis, laoreet vitae leo, MooseLoose .</p>
</Div>
</diV>
<div class="clear"></div>
<!-- FOOTER -->
<diV id="Footera" class="fluid_12">
<Div class="sbFootera">
Footera
</Div>
</diV>
<div class="clear"></div>

</body>
</html>

@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@ mooseloose.css
@@@@@@@@@@@@@@@@@@@@@@@@@@@@

body{
background-color: #eeeeee;
background-image: url("images/mainbgggg.jpg");
}

.container_12 p{ font: 18px "arial"; font-weight: normal;}

.container_12 {
       margin-left: auto;
       margin-right: auto;
       width: 98%;
       border: 1px solid green;
}

strong{font: 21px "arial"; font-weight: bold; color: #000000; }
ol{font: 12px "arial"; font-weight: normal; color: #ffffff}
li{font: 12px "arial"; font-weight: normal; color: #1C4862}
h1{font: 18px "arial"; font-weight: normal; color: #000000}
h2{font: 18px "arial"; font-weight: normal; color: #000000}
h3{font: 18px "arial"; font-weight: normal; color: #000000}
th{font: 12px "arial"; font-weight: normal; color: #000000}
td{ font: 12px "arial"; font-weight: normal; color: #000000}
p{font: 12px "arial"; font-weight: normal; color: #000000}
b{font: 12px "arial"; font-weight: normal; color: #000000}

A:link{font-family: Arial, Helvetica, Sans-Serif; color: #0000ff; text-decoration: none;}
A:visited{font-family: Arial, Helvetica, Sans-Serif; color: #0000ff; text-decoration: none;}
A:hover{font-family: Arial, Helvetica, Sans-Serif;color: #ff0000;text-decoration: none;}

html body div.clear,
html body span.clear {background: none;border: 0; clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both; content: '.';display: block;visibility: hidden;height: 0;}

.clearfix { display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a:active {outline: none;}

/*  Header  */
#Headera {background-color:red;height:80px;background-image: url("400.jpg");} /* HEADER */
.sbHeadera {position:relative;left:0px;top:0px;border: 0px solid red;}/* sub HEADER */
.sbHeadera {background:transparent}

/*  BodyContent  */

#BodyContenta {background-color:#758A5B;} /* LEFT */
#BodyContentb {background-color:#E8E0C6; } /* MIDDLE */
#BodyContentc {background-color:#758A5B;} /* RIGHT */

.sbBodyContenta {position:relative;left:0px;top:0px;border: 0px solid red;;padding:5px}/* sub LEFT */
.sbBodyContentb {position:relative;left:0px;top:0px;border: 0px solid red;padding:5px}/* sub MIDDLE */
.sbBodyContentc {position:relative;left:0px;top:0px;border: 0px solid red;padding:5px}/* sub RIGHT */

.sbBodyContenta,
.sbBodyContentb,
.sbBodyContentc {background:transparent}

/*  Footer  */

#Footera {background-color:#485F2F} /* FOOTER */
.sbFootera {position:relative;left:0px;top:0px;border: 0px solid red;padding:5px}/* sub FOOTER */
.sbFootera {background:transparent}

#Navigationa {background-color:#485F2F;} /* NAVIGATION */
.sbNavigationa {position:relative;left:0px;top:0px;border: 0px solid red;}/* sub NAVIGATION */
.sbNavigationa {background:transparent}


/* LEVEL ONE */

ul.feardearg { position: relative; width:100%;border-bottom: 0px solid #38DF04; }
ul.feardearg li { background-color:none;font-weight: bold; float:left; zoom: 1; width:100%;padding: 2px 4px;}
ul.feardearg li a:link { color:#000000;display: block; padding: 2px 4px;color:#ffffff;background-color:#000000 }
ul.feardearg li a:visited { color:#000000}
ul.feardearg li a:hover { color:#ffffff;background-color:#336699}
ul.feardearg li a:active { color:#ffffff;background-color:#000000}

* { margin: 0; padding: 0; }
a { text-decoration: none; Text-Align:left}
ul { list-style: none; }
ul.feardearg li {
      font-weight: bold;
      float:left;
      zoom: 1;
      width:200px;
      padding: 2px 4px;
}
ul.feardearg li:hover {
      position: relative;
}
ul.feardearg li a {
      color:#000000;
      display: block;
      padding: 2px 4px;
      text-align: center;
}
ul.feardearg li a:visited { color:#000000}
ul.feardearg li a:hover {
      color:#000000;
      background-color:#eeeeee
}
ul.feardearg li a:active {
      color:#000000;
      background-color:#990000
}

ul.feardearg ul li a:hover{
      background: #ff0000;
      color:#ffffff
}


@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 720moose.css
@@@@@@@@@@@@@@@@@@@@@@@@@@@@

.container_12 {width: 712px;
       margin-left: auto;
       margin-right: auto;
       border: 0px solid green;}

#Headera {background-color:blue;height:130px;background-image: url("720.jpg");} /* HEADER */

.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;
padding:0px;
}

.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%;}

}

* { margin: 0; padding: 0; }
a { text-decoration: none; Text-Align:right}
ul { list-style: none; }
p { margin: 20px 0; }

/* LEVEL ONE */
ul.feardearg li {width:200px;}
ul.feardearg { position: relative; width:100%;border-bottom: 0px solid #38DF04; }
ul.feardearg li { background-color:none;font-weight: bold; float:left; zoom: 1; width:100%;padding: 2px 4px;}
ul.feardearg li a:link { color:#000000;display: block; padding: 2px 4px;color:#ffffff;background-color:#000000 }
ul.feardearg li a:visited { color:#000000}
ul.feardearg li a:hover { color:#ffffff;background-color:#336699}
ul.feardearg li a:active { color:#ffffff;background-color:#000000}

* { margin: 0; padding: 0; }
a { text-decoration: none; Text-Align:left}
ul { list-style: none; }
ul.feardearg li {
width:100px;
      font-weight: bold;
      float:left;
      zoom: 1;
      padding: 2px 4px;
}
ul.feardearg li:hover {
      position: relative;
}
ul.feardearg li a {
      color:#000000;
      display: block;
      padding: 2px 4px;
      text-align: center;
}
ul.feardearg li a:visited { color:#000000}
ul.feardearg li a:hover {
      color:#000000;
      background-color:#eeeeee
}
ul.feardearg li a:active {
      color:#000000;
      background-color:#990000
}

/* LEVEL TWO */
ul.feardearg ul {
      width: 200px;
      visibility: hidden;
      position: absolute;
      top: 20;
      left: 0px;
      Z-index:100;
}

ul.feardearg ul li a {
      margin: 0;
      width: 100%;
      display: inline-block;
      background: #336699;
      color:#ffffff;
      text-align:center;
      border-bottom:10px
}
ul.feardearg ul li a:visited {
      width: 100%;
      display: inline-block;
      background: #336699;
      color:#ffffff
}
ul.feardearg ul li a:hover{
      border-right: none;
      width:100%;
      display: inline-block;
      background: #97B4CA;
      color:#000000
}
ul.feardearg li:hover > ul {
      visibility: visible;
}

li.navbuta a:hover{ background: #D4C9AC;}
li.navbutb a:hover{ background: #D4C9AC;}
li.navbutc a:hover{ background: #D4C9AC;}
li.navbutd a:hover{ background: #D4C9AC;}
li.navbute a:hover{ background: #D4C9AC;}
li.navbutf a:hover{ background: #D4C9AC;}
li.navbutg a:hover{ background: #D4C9AC;}
li.navbuth a:hover{ background: #D4C9AC;}
li.navbuti a:hover{ background: #D4C9AC;}
li.navbutj a:hover{ background: #D4C9AC;}

.container_12 *{ font-size: 12px;font-weight: normal; color:#000000}

@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 986moose.css
@@@@@@@@@@@@@@@@@@@@@@@@@@@@

.container_12 {width: 980px;}
.container_12 *{ font-size: 18px}

ul.feardearg li { font: 14px "arial"; font-weight: normal;width:170px;}
#Headera {background-color:green;height:150px;background-image: url("986.jpg");} /* HEADER */

@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 1236moose.css
@@@@@@@@@@@@@@@@@@@@@@@@@@@@

.container_12 {width: 1225px;}
.container_12 *{ font-size: 21px}

ul.feardearg li {width:200px;}
#Headera {background-color:blue;height:200px;background-image: url("1236.jpg");
} /* HEADER */