body
   {
      background: #202020;
      color: #777;
      font-size: 9px;
      font-family: Verdana;
      margin: 30px;
      border: 0;
      padding: 0;
      width: auto;
   }

h2
   {
      font-family:Verdana;
      font-size:14px;
      text-decoration: none;
      letter-spacing: 1px;
   }

.out 
   {
      display:block; 
      background:#191919; 
      border:1px solid #1d1d1d; 
      position:relative;
      margin:0em 0;
   }


.in2 
   {
      display:block; 
      background:#333; 
      border:1px solid #161616; 
      position:relative;
      padding:1px;
      margin:1px;
   }

.in 
   {
      background:#fff; 
      border:1px solid #2a2a2a; 
      position:relative; 
      padding:0px;
      font-weight:normal;
   }

.header1
   {
      background:#353535; 
      border:1px solid #2a2a2a; 
      position:relative; 
      padding:5px;
      text-align: left;
  }

.body
   {
      background:#000; 
      border:1px solid #2a2a2a; 
      position:relative; 
      padding:5px;
      font-weight:normal;
      height: 400px;
      color: #fff; 
  }

.portfolio
   {
      background:#000; 
      border:1px solid #2a2a2a; 
      position:relative; 
      padding:5px;
      font-weight:bold;
      height: 20px;
      color: #fff; 
      font-size: 12px;
      font-family: Verdana;
  }

.footer
   {
      background:#353535; 
      border:1px solid #2a2a2a; 
      position:relative; 
      padding:5px;
      font-weight:bold;
      height: 8px;
      color: #fff;
      font-family: Tahoma;
      font-size: 10px;
      text-align: center;
   }

.copyright
   {
      background: #202020;
   }
.normal {width:710px;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.size12 {font-size:12px; font-family:Verdana; letter-spacing: 1px; color: #f0f0f0;}
img {border: 0px;}

image
   {
      border: 0px;
   }

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

a:link
   {
      color: #fff;
      text-decoration: none;
   }

a:visted
   {
      color: #fff;
      text-decoration: none;
   }

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


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

/*
a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}
*/

/* slides styling */

.photo 
   {
      padding:20px; 
      background:#222; 
      width:650px; 
      height:360px; 
      text-align:left;
   }

.photo h1 
   {
      font-size:14px; 
      font-weight:normal; 
      color:#fc0; 
      margin:0 0 0 5px; 
      padding:0;
   }

.photo ul 
   {
      list-style:none; 
      padding:0; 
      margin:0; 
      width:216px; 
      background:#333; 
      border:1px solid #666; 
      position:relative; 
      height:325px;
   }

.photo ul li 
   {
      display:inline; 
      width:24px; 
      height:24px; 
      float:left; 
      margin:6px;
   }

.photo ul li a 
   {
      display:block; 
      width:24px; 
      height:24px; 
      cursor:default; 
      background:url(pics/arrow.gif) no-repeat; 
      text-decoration:none;
   }

.photo ul li a b 
   {
      display:none;
   }

.photo ul li a img 
   {
      display:block; 
      width:22px; 
      height:22px; 
      border:1px solid #666; 
      border-top-color:#ccc;
   }

.photo ul li a:hover 
   {
      white-space:normal;
      position:relative;
   }

.photo ul li a.vert:hover img 
   {
      position:absolute; 
      left:-12px; 
      top:-20px; 
      width:48px; 
      height:64px; 
      border-color:#fc0;
   }

.photo ul li a.hor:hover img 
   {
      position:absolute; 
      left:-20px; 
      top:-12px; 
      width:64px; 
      height:48px; 
      border-color:#fc0;
   }

.photo ul li a:active, .photo ul li a:focus 
   {
      position:static; 
      outline:0;
   }

.photo ul li a:focus.vert img, .photo ul li a:active.vert img 
   {
      background-color:#000;
      position:absolute; 
      left:280px; 
      top:0; 
      width:240px; 
      height:320px; 
      border:1px solid #fc0;
      padding:5px 45px;
   }

.photo ul li a:focus.hor img, .photo ul li a:active.hor img 
   {
      background-color:#000; 
      position:absolute; 
      left:280px; 
      top:0; 
      width:320px; 
      height:240px; 
      border:1px solid #fc0;
      padding:45px 5px;
   }

.photo ul li a:focus b, .photo ul li a:active b 
   {
      display:block; 
      position:absolute; 
      width:204px; 
      height:150px; 
      border:1px solid #666; 
      top:165px; 
      left:0; 
      color:#ddd; 
      font-weight:normal; 
      padding:6px;
   }
/*****************************************************************************************/