/* F-Holes style default */

a:focus {outline:none;}
a:active {outline:none;}

#menu {
  margin: 50px 0px 0px 100px;
  padding: 0px 0px 0px 0px;
}

/* margins set the outwards spacing, and padding the inwards. */
/*top,right,bottom,left*/  

#menu li
{ display: inline;
  list-style: square;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
} 

#menu li a 
{ display: inline;
  float: right;
  list-style: square;
  text-decoration: none; 
  margin:2px 2px 2px -6px;
  padding: -2px;
  font-weight: bold; 
  color: black;
}

#menu li a img{
  display:block;
  width:75%;
  float:right;
  border:none;
}

#menu li a img.sel{
  border:1px solid #000; border-color:#eee #555 #333 #ddd;
  margin:-1px;
}

#menu_icon {
  margin-left:auto;
  margin-right:auto;
  margin-top:35px;
  width: 215px;
  top:660px;
  bottom:0px;
  border:none;
}

#menu_icon li
{ display: block;
  list-style: square;
  padding: 0px 0px 0px 0px;  
  white-space:nowrap;     /* needed for IE */
} 

#menu_icon li a 
{ display: block;
  float: left;
  list-style: square;
  height: 25px;
  text-decoration: none; 
  margin: 1px 5px 1px 5px;   /*top,right,bottom,left*/  
  font-weight: bold; 
} 

#menu_icon li a img {
  width: 25px;
  height: 25px;
  border:none;
}

/* Photos style parts */
/* margins set the outwards spacing, and padding the inwards. */
   /*top,right,bottom,left*/  

/*************************************************/
/* GALLERY SIZE of one row: horiz. pictures max 420px, vert. pictures max 380px. */


#gallery_col {margin:0; width:200px; height:0px; position:relative; padding:0; left:-40px; top:0px;}
#gallery_col ul {list-style:none; padding:auto; margin:auto 0px 0px auto; width:100%; height:60px;}
#gallery_col ul li {display:inline; width:52px; height:52px; padding:0px 4px 10px 4px; margin:0; float:left;}
#gallery_col ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery_col ul li a b {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery_col ul li a img {display:block; border:none; width:50px; height:50px; padding:0;}		

#gallery_col ul li a:active, #gallery ul li a:focus {white-space:normal; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery_col ul li a:active b, #gallery ul li a:focus b {border:none; position:absolute;left:180px; top:0px; width:200px; height:230px; z-index:20;}
#gallery_col ul li a:active img, #gallery ul li a:focus img{margin:0px auto 0px auto; padding:0;width:auto; height:auto; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery_col ul li a:active img.horiz,#gallery ul li a:focus img.horiz {margin-top:20px;margin-left:-10px;} /* CHANGE THIS FOR LARGER GALLERY/ACTIVEIMAGES. */


#gallery {margin:0; width:100%; height:100px; position:relative; padding:0; left:-20px; top:50px;}
#gallery ul {list-style:none; padding:auto; margin:auto 0px 0px auto; width:100%; height:100px;}
#gallery ul li {display:inline; width:52px; height:52px; padding:0px 4px 10px 4px; margin:0; float:left;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a b {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a img {display:block; border:none; width:50px; height:50px; padding:0;}		

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery ul li a:active b, #gallery ul li a:focus b {border:none; position:absolute;left:52px; top:-390px; width:400px; height:330px; z-index:20;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0px auto 0px auto; padding:0;width:auto; height:auto; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery ul li a:active img.horiz,#gallery ul li a:focus img.horiz {margin-top:20px;margin-left:-10px;} /* CHANGE THIS FOR LARGER GALLERY/ACTIVEIMAGES. */

/**************************************************/
#gallery_large {margin:0; width:100%; height:100px; position:relative; padding:0; left:-20px;}
#gallery_large ul {list-style:none; padding:auto; margin:auto 0px 0px auto; width:100%; height:100px;}
#gallery_large ul li {display:inline; width:52px; height:52px; padding:0px 4px 10px 4px; margin:0; float:left;}
#gallery_large ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery_large ul li a b {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery_large ul li a b img {display:block; border:none; width:50px; height:50px; padding:0;}		

#gallery_large ul li a:active, #gallery_large ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333;}
#gallery_large ul li a:active b, #gallery_large ul li a:focus b {border:none; position:absolute;left:42px; top:-340px; width:400px; height:330px; z-index:20;}
#gallery_large ul li a:active b img, #gallery_large ul li a:focus b img{margin:0px auto 0px auto; padding:0;width:auto; height:auto; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery_large ul li a:active b img.horiz, #gallery_large ul li a:focus b img.horiz {margin-top:0px;} 

/***************************************************/
#photomenu {margin: 0; width:500px; position:relative; height:0px; left:-22px;}
#photomenu ul {list-style:none; padding:0; margin:auto; width:400px; height:100px; position:absolute;}
#photomenu ul li {display:inline; margin:auto; padding:10px; float:left; text-align:center;}
#photomenu ul li a img {display:block; width:76.5px; height:121.5px; border:none; margin:auto; padding:0px 0px 0px 0px;border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#photomenu ul li a img.horiz {display:block; width:121.5px; height:76.5px; border:none; margin:auto;padding:0px 0px 0px 0px; border: 1px solid #000; border-color:#555 #ddd #eee #333;}

/***************************************************/
#shirts {width:500px; position:relative; left:-40px; top:-15px; margin:0px; padding: 0px;}
#shirts ul {list-style:none; padding:0px; margin:0px; position:absolute;}
#shirts ul li {display:inline; margin:0px; padding:0px 5px 0px 0px; float:left;}
#shirts ul li a img {display:block; width:133.33px; height:100px; border:none; margin:0px; padding:0px;border:1px solid #000; border-color:#eee #555 #333 #ddd;}