/* CSS Document */

/* base styles
-------------------------------*/
html{
margin:0;
padding:0;
background: url(images/linky.jpg);}

body{
background-color:#000000;
margin: 0 auto 0 auto;
width: 900px;
height:657px;}

/* header styles
------------------------------*/
#header{
background: url(images/junk2.gif) no-repeat;
margin-top: 0px; 
margin-left:0px;
margin-bottom: 0px;
width: 900px; 
height: 109px; }


/*container styles
---------------------------------*/
#dog2{
margin-top: -48px;
margin-left: 722px;
padding: 0;
position: absolute;}

#container{
position: relative;
width:900px;
height:510px;
margin: 0 auto 0 auto;
background: #000000;}

#container ul {width:250px; height:375px; padding: 0; margin: 0px; list-style-type:none; float:right;}

#container li {float:left;}
a:active {text-decoration: none;}
#container ul {padding:0; margin:0; list-style-type:none;}
#container a.gallery span {position:absolute; width:1px; height:1px; top:-1px; left:-1px; overflow:hidden; background:#000000;}
#container a.gallery, #container a.gallery:visited {display:block; color:#000000; text-decoration:none; border:1px solid #ff99ff; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(images/tlost.gif); height:50px; width:50px;}
#container a.slideb {background:url(images/tmars.gif); height:50px; width:50px;}
#container a.slidec {background:url(images/thell.gif); height:50px; width:50px;}
#container a.slided {background:url(images/tbarrat.gif); height:50px; width:50px;}
#container a.slidee {background:url(images/tjeanpaul.gif); height:50px; width:50px;}
#container a.slidef {background:url(images/trenee.gif); height:50px; width:50px;}
#container a.slideg {background:url(images/teddie.gif); height:50px; width:50px;}
#container a.slideh {background:url(images/tsifu.gif); height:50px; width:50px;}
#container a.slidei {background:url(images/tbrazilians.gif); height:50px; width:50px;}
#container a.slidej {background:url(images/twallstreet.gif); height:50px; width:50px;}
#container a.slidek {background:url(images/tbar.gif); height:50px; width:50px;}
#container a.slidel {background:url(images/tdave.gif); height:50px; width:50px;}
#container a.slidem {background:url(images/tkeepout.gif); height:50px; width:50px;}
#container a.sliden {background:url(images/tbrian.gif); height:50px; width:50px;}
#container a.slideo {background:url(images/tjuke1.gif); height:50px; width:50px;}
#container a.slidep {background:url(images/tray.gif); height:50px; width:50px;}
#container a.slideq {background:url(images/tjuke2.gif); height:50px; width:50px;}
#container a.slider {background:url(images/tmike.gif); height:50px; width:50px;}
#container a.slides {background:url(images/tsamal.gif); height:50px; width:50px;}
#container a.slidet {background:url(images/tmickey.gif); height:50px; width:50px;}
#container a.slideu {background:url(images/tteeth.gif); height:50px; width:50px;}
#container a.slidev {background:url(images/twolf.gif); height:50px; width:50px;}
#container a.slidew {background:url(images/tcaroline.gif); height:50px; width:50px;}
#container a.slidex {background:url(images/troy.gif); height:50px; width:50px;}
#container a.slidey {background:url(images/tcarmilla.gif); height:50px; width:50px;}
#container a.galley:hover {border:1px solid #cc00cc;}
#container a.gallery:hover span {position:absolute; width:600px; height:510px; top:0px; left:25px; right:25px; color:#cccccc; background: #000000;}
#container a.gallery:hover img {border:1px solid #ffffff; float:left; margin-right:5px;}


<script language="JavaScript" type="text/JavaScript">

<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}
//-->
</script>
/*footer styles
-----------------------*/
#footer {
background-color: #000000;
margin: 0px;
width: 725px;
height: 50px;}

#footer p {
font-family: verdana; 
color: #cccccc;
font-size: .8em;
padding-top: 5px;
margin-right: 178px;
margin-top: 5px;
float: right;
clear:left;}

ul.nav {
list-style-type: none;
padding-left: 0;
margin-left: 0;}

ul.nav li {
float:left;}

ul.nav a {
display:block;
background-color: #000000;
border-top: dotted 5px #cc00cc;
padding: 5px 18px 0px 18px;
margin-right: 0px;
margin-top: -16px;
font-family: verdana;
font-size: 1em;
font-weight: bold;
text-decoration: none;
text-align: center;}

a:link {color:#ff99ff;}
a:visited {color:#ff99ff;}
a:hover {color:#cc00cc;}